форма техзадания для дизайнера
Как ставить ТЗ дизайнерам. Гайд для клиентов
Командой Lemon.media собрали свой опыт и подготовили гайд, как прийти к взаимопониманию с дизайнерами. Читайте ниже:
Многие недооценивают технические задания или брифы в дизайн-студиях. И на момент между «нам нужен новый лого» и «новый лого» закладывают слишком мало времени и сил. Хотя простонародное ТЗ — это залог, что нужный вам лого вообще появится.
Поэтому сегодня разберемся, как ставить ТЗ/заполнять бриф, чтобы результат был не ХЗ.
От каких проблем убережет грамотное ТЗ
Сразу с главного: дизайнер — это исполнитель вашей задумки. Да он знает, как лучше расположить элементы и соблюсти стилистику. Но у него свой взгляд на мир.
Грамотное же техническое задание предотвращает от множества проблем. Каких именно, разберем на примерах:
1. Представьте, что вы хотите лого с парусом в верхнем левом углу. В ТЗ дизайнеру написано — на лого должен быть парус. В итоге 50/50, что он будет расположен в верхнем левом углу. И если нет, будут правки, переделки, возможно придется менять композицию и тд. Это долго и ресурсозатратно.
Поэтому необходимо углубляться в самые мелкие детали, вплоть до расположения каких-то элементов. Это бережет наши и нервы дизайнеров от нескончаемых правок и недовольства, что вас не понимают.
2. Еще момент — проблемы удваиваются, когда несколько людей согласовывают дизайн. Есть риск, что вы разойдетесь во мнении не только с дизайнером, но и с коллегами.
Здесь советуем максимально подробно обсудить с ЛПР-ами концепцию и согласовать ее. А потом так же подробно расписать все для студии/дизайнера и тд. Либо можно ограничить круг тех, кто принимает дизайн.
3. Если дело все дошло до правок — не оставляйте подробности. Замечания в духе «не зажигает»/«хочется чего-то другого» делу не помогут, нужен только конструктив. В ход можете брать все — хоть заскриньте и стрелочками подрисуйте, как подвинуть элементы, главное объясните.
На что обратить внимание
Окей, с возможными проблемами разобрались. Теперь о том, на что обратить внимание:
1. Контекст задачи
Расскажите, зачем вам этот дизайн/фирменный стиль и где планируете его использовать. Это важно, потому что дизайнер будет учитывать все возможные нюансы, которые были в его практике или просто известны.
«
Пример, как стоит ответить на вопрос в брифе
Например, вытянутый лого с витиеватым шрифтом не всегда выигрышно смотрится на спортивном худи. Хотя ранее сказано, что вам хочется чего-то в стиле барокко. Понимая контекст, исполнитель будет учитывать нюанс и подумает, как добавить барокко иначе.
2. Целевая аудитория
Сосредоточьтесь на описании целевой аудитории. Так как дизайн в первую очередь должен привлекать её. И нужно будет найти компромисс между вашим видением и тем, как будут воспринимать бренд потенциальные клиенты.
Прям распишите: возраст, пол, сферу интересов, боли, мечты.
Например: молодые мамы 20-30 лет, в детских вещах ценят качество и минимализм. Им не нравятся слишком яркие цвета игрушек, поэтому большинство магазинов детских товаров их бесит.
К сожалению, несовпадение желаний клиента и ЦА — частая проблема. И здесь стоит отойти от своих «хочу» и выбрать то, что будет эффективно и понятно аудитории.
Возвращаясь к мамам — допустим вы, как заказчик, напротив любите яркие цвета. Но ЦА, которой нужен минимализм и нюд в продукте, захочет видеть этот нюд и в дизайне упаковки/лого и тд. Ради продаж придется уступить.
3. Информация о вас
Если у вас уже есть какие-то фирменные элементы, цвета, старый логотип — прикладывайте их к заданию. А вместе с этим фото продукта, клиентов с продуктом, оформление торговой точки (если есть) и все подобное.
Также для вдохновения можно поделиться историей компании, необычными фактами об основателях или работниках. Возможно, есть какая-то интересная мелочь, из которой получится интересная метафора в дизайне, фирменных цветах или лого.
4. Форматы
Не забывайте о простых вещах, как размеры и форматы. Например, вам нужны картинки для соцсетей — пишем размеры для каждой, Инстаграм 1080х1080, Вконтакте и дальше.
Если вы планируете работать с подрядчиком долго, лучше сохраните их себе в табличке и прикладывайте каждый раз.
5. Добавьте примеров
В дизайнерских кругах их еще называют референсами. И да, это обязательный пункт. Потому что наглядный пример всегда сработает лучше, чем лист подробного описания (хотя он тоже нужен).
Можно показать референсы каких-то частей. Например, здесь мне нравится кружок в углу, а тут фон и персонаж. Также можно добавлять примеры, как вам НЕ нравится. Это точно убережет от множества правок.
Где искать референсы: pinterest, behance, брендинг конкурентов или смежных областей.
Помните о сроках
На всякий случай уточним, история «мне нужен логотип через 2 часа, потому что я печатаю наклейки» — не работает.
Самый важный момент в коммуникации с заказчиком — адекватно оценивать сроки и объем задачи. А лучше сначала уточнить, за сколько возможно сделать определенную работу и после поставить дедлайны.
Если что-то срочное, можно поговорить о более быстром исполнении (скорее всего за доплату).
Ещё, когда у вас объемная задача типа — 10 страниц сайта и фирменный стиль — разбейте ее на подзадачи и обсудите дедлайны промежуточных согласований.
Это избавит от правок в духе «переделайте все» и дизайнеру будет легче распределить свое время. И вы сможете отследить все этапы, будет больше понимания, за что реально заплачено.
Компью А рт
А.П. Беляева, Ю.Н. Самарин, МГУП
Значительный сегмент современного рынка полиграфических услуг занимает дизайн полиграфической продукции, включающий широкий спектр работ — от изготовления POS-материалов до разработки фирменного стиля и представительской документации.
В большинстве типографий есть дизайнер, а крупные типографии имеют дизайнерский отдел в составе допечатного цеха.
Независимо от типографий существуют дизайн-студии и рекламные агентства, которые взаимодействуют с ними по мере необходимости.
В типографиях взаимодействие с клиентом организовано с помощью, например, технической карты заказа, где указаны тираж, формат, красочность, вид скрепления и другие характеристики полиграфического изделия. Заказчик предоставляет оригинал-макет, и работа идет по известной схеме: проверка в отделе препресса, вывод форм или пленок (если это необходимо), печать, послепечатная обработка и отгрузка заказа.
В дизайн-студиях процесс общения с клиентом налажен не так хорошо. Это связано со спецификой работы, потому что дизайн — во многом творческий процесс, который сложно документировать, привести к единым требованиям. Из этого следует, что часто возникают неточности в организации работы, неясности в оригинал-макете и, самое прискорбное — грубые ошибки со стороны как дизайнера, так и клиента. Этому есть несколько причин, но самая весомая из них — недопонимание между клиентом и дизайнером. В свою очередь, оно вызвано недостатком информации о проекте, искаженной ее подачей и т.д.
Существует множество программных продуктов для автоматизации управления на допечатной стадии полиграфического производства, но на современном российском рынке нет ни одной системы управления, которая учитывала бы технологические и информационные процессы, происходящие на стадии дизайна полиграфической продукции, хотя при современном развитии технологий печатания процесс создания концепции и оригинал-макета зачастую занимает больше времени, чем процесс изготовления самой печатной продукции. Это происходит по следующим причинам:
Таким образом, необходимо найти решение, которое могло бы сократить время работы и минимизировать ошибки на стадии создания оригинал-макета. Все эти проблемы отчасти решаются с помощью технического задания для дизайнера, применение которого обеспечивает следующие дополнительные достоинства:
В дизайн-студиях, которые не первый год существуют на рынке и сталкиваются с подобной проблемой, есть подобие технического задания. Но оно возникло стихийно, как обобщение субъективного опыта работы с клиентами в данной фирме. Нас же интересует обобщенный процесс разработки и внедрения технического задания.
Достоинства
Способ общения с клиентом
Личная встреча
Телефонный разговор
Электронная почта
QIP, ISQ
и т.д.
Возможность сразу получить ответ
Удобно для мелких заказов
Возможность получения исходных файлов
Отсутствие ограничений по объему передаваемых файлов
Техническое задание (далее — ТЗ) существует фактически для любого рода профессиональной деятельности, будь то строительство, разработка программного обеспечения или системы управления. В нашем случае ТЗ — документ, предназначенный для дизайнера, в котором описываются требования, предъявляемые к проекту, а также сведения, относящиеся к деятельности заказчика, или свойства продукта, являющегося центральным объектом проекта.
Рассмотрим функции технического задания*.
Организационная функция. С помощью ТЗ можно упорядочить работу дизайнера и превратить ее из творческого хаоса в последовательное созидание.
При введении ТЗ необходимость держать в голове всю информацию отпадает. Из жизненного пространства дизайнера тут же исчезнет ворох разнородных бумажек, а из компьютерного — десятки мегабайт электронного мусора. Работа превратится в простую очередь заданий. Имея такую схему работы, дизайнеру больше не потребуется тратить усилия на вторичные для него вещи, и все свое время он сможете посвятить тому, что не требует упорядочения, — творчеству.
Информационная функция. Основное преимущество ТЗ перед другими формами предоставления информации по проекту — его структурированность. ТЗ должно быть составлено так, чтобы из него дизайнер мог почерпнуть именно ту информацию, которая его интересует, именно в той форме, в какой дизайнеру легче всего ее воспринимать, и именно в том количестве, в котором она будет необходима для выполнения заказа.
Грамотно составленное ТЗ может стать единственным источником информации, необходимым для выполнения проекта. Работа дизайнера поделена на несколько типовых последовательностей действий, которые требуют типовых входных данных. А если входные данные типовые, значит, их можно предоставлять дизайнеру в типовом виде. Следовательно, вместо одной формы ТЗ можно сделать несколько — по одной на каждый вид дизайн-работ.
Коммуникационная функция. ТЗ может задать нужное направление в работе дизайнера и, как следствие, способствовать скорейшему принятию макета. Подробно составленное ТЗ помогает дизайнеру почувствовать клиента и выполнить работу, отвечающую вкусам клиента и его представлениям о конечном результате.
Юридическая функция. Иногда клиенты просто «забывают» о своих первоначальных требованиях к макету и в процессе работы или, что еще хуже, утверждения выставляют новые требования. ТЗ, а также отработанная схема работы с клиентом (количество вариантов, количество доработок и т.д.) оставляет дизайнеру возможность переложить расходы по переделке макета на клиента.
Следующий момент — всевозможные ошибки на стадии оформления заказа. Ошибки бывают разными, но причина, как правило, одна — неаккуратное оформление заказа. При этом отсутствие ТЗ довольно часто является поводом свалить всю вину на дизайнера.
Таким образом, внедрение практики технического задания в дизайн-студии может значительно облегчить работу дизайнера. Остановимся подробнее на этапах работы над проектом и рассмотрим их в ключе применения технического задания.
Получение исходной информации по проекту
Цель клиента — как можно точнее объяснить, что требуется получить на завершающем этапе проекта, а задача дизайнера — понять, на основе каких исходных материалов будет проходить работа.
В таблице описаны способы коммуникации с клиентом.
На практике же применяют комбинацию этих способов коммуникации. В общих чертах проект, его стоимость и сроки исполнения оговариваются по телефону (в случае крупного и сложного проекта — лично при встрече с клиентом); входящие файлы можно получить с помощью электронной почты или FTP, мелкие детали опять же можно обговорить в ISQ.
При отсутствии технического задания детали общения с клиентом передаются дизайнеру в произвольной форме. Пересланное по электронной почте письмо — это в лучшем случае, хуже — если на словах (тогда менеджер может сыграть роль «испорченного телефона»). При личном общении с клиентом в процессе работы над заказом дизайнер теряет массу времени и сил (хотя не исключены случаи, когда это общение необходимо); опять же информация о проекте передается в неструктурированной форме. Грамотно составленное, проверенное менеджером, клиентом и дизайнером ТЗ может избавить всех от лишней головной боли.
Комментарий редакции
В КомпьюАрт № 8’2008 опубликована статья «Заказ и изготовление корпоративных календарей», представляющая собой интервью с дизайнером Виктором Кухарским, который в ходе беседы отметил, что технические задания на дизайн полиграфической продукции в отрасли существуют, но называются брифами.
Слово «бриф» пришло к нам из английского языка (brief — сводка, резюме), и, видимо, победит по частоте употребления в рекламных агентствах наше словосочетание «Техническое задание».
Брифы являются внутренним соглашением между заказчиком и исполнителем. У каждого агентства своя форма брифа.
Пример проекта
Но вначале был бриф, или, говоря по-русски, техническое задание (см. таблицу).
Профессиональный подход к работе над проектом отличает проведение серьезной аналитики рынка на начальном этапе. Заказчик и исполнитель должны представлять степень ответственности, прежде чем выбрать вариант. Иначе нужно ждать обвинений в некомпетентности, слабом креативном или дизайнерском решении.
Рабочий телефон / Work phone
Мобильный телефон / Cellular phone
Адрес / Residence Address
Творческое задание / Creative brief
Перекидной настенный календарь
А2 (предпочтительно вертикальный)
Общая информация / Background
Компания Bayer CropScience — мировой поставщик решений, продуктов и услуг для сельскохозяйственных культур и одна
из лидирующих компаний, действующих в ключевых сегментах мировых агрохимических рынков
Цель проекта / Advertising aim
Повысить узнаваемость суббрендов Bayer CropScience
Целевая группа / Target Group
Партнеры, а также потребители продукции Bayer CropScience
Главные достоинства / Key benefits
Высокое качество продукции, доказанное многолетним успехом
у потребителя
Потребительские предрассудки / Barriers in consumer’s mind to overcome
Представление о том, что химическую продукцию надо показывать, используя язык науки, формулы, атрибуты научных исследований. Химия и природа — несовместимые вещи
«Фирма 1», «Фирма 2», «Фирма 3»
Суть сообщения / Key Message to be Communicated
Химические препараты Bayer служат отличной безопасной защитой сельхозпродукции
Интонация / Tone of voice
Благородная, выдержанная. Приветствуются образные решения
Обязательные компоненты / Mandatory elements
Наличие фирменных цветов и логотипов
Желательно оптимизировать затраты
Временные рамки / Timing Срок сдачи / Dead line
20 августа 2008 года
Форма презентации / Presentation mode
К тому же необходимо учесть момент взаимодействия с типографией. Если клиент заранее знает, где будет печататься заказ, необходимо получить технические требования типографии к входящим файлам, в лучшем случае — цветовые профили. Обычно для этого достаточно узнать название типографии (в большинстве случаев технические требования размещены на сайте). Если преимущество выбора типографии остается за дизайн-студией, необходимость узнавать технические требования отпадает — работа происходит с одной или несколькими типографиями, уже известными по предыдущим заказам. Ситуация еще больше упрощается для дизайнера в составе допечатного отдела типографии — в этом случае технические требования известны ему «по умолчанию».
Кроме вышеперечисленного, задачей дизайнера является оценка предложенных исходных материалов на предмет достаточности — указаны ли все элементы, необходимые для работы над заказом. В этом случае при грамотно составленном техническом задании оценить довольно просто — по заполненным графам ТЗ.
При размещении технического задания на сайте дизайн-студии можно свести коммуникацию с заказчиком к минимуму и значительно автоматизировать сам процесс:
Такой насущный вопрос, как стоимость работ, тоже решается с помощью ТЗ, которое наглядно показывает и дизайн-студии, и клиенту, какие работы и в каком объеме будут проводиться.
В случае применения ТЗ имеет место важный психологический момент: для клиента гораздо проще отделаться общими фразами по телефону, чем вдумчиво заполнять ТЗ. Как показывает практика, результат во многом зависит от грамотной подготовки материалов заказчиком (нельзя не согласиться, что даже при самом исключительном дизайне и хорошей печати впечатление от продукта может испортить всего одна грамматическая ошибка). Поэтому процесс заполнения ТЗ надо сделать как можно более понятным и легким — требовать от клиента необходимый минимум информации. К тому же нужно донести до заказчика простое правило: верно заполненное ТЗ — гарантия того, что работа будет выполнена в срок и в точности так, как требуется.
Подводя итоги этого этапа, приведем алгоритм принятия заказа в работу, основанный на применении технического задания:
1. Поступление заявки от клиента в менеджерский отдел. Клиент предоставляет первоначальную информацию (тип изделия, формат, общие требования, приемлемые сроки и т.д.). Менеджер примерно называет цену и сроки, исходя из ситуации на предприятии. Если менеджер и заказчик приходят к соглашению, заполняется техническое задание.
2. Составление технического задания. При крупном заказе техническое задание заполняется лично заказчиком в присутствии арт-директора — это исключает неточности и недопонимание между ними. Для мелких же заказов (или заказов от клиента, который уже работал с предприятием) достаточно менеджера. Заполнение ТЗ происходит по телефону, лично или на сайте компании. Например, менеджер при телефонном разговоре с заказчиком заполняет определенную форму ТЗ.
3. Утверждение технического задания. Составленное техническое задание подписывается обеими сторонами и является приложением к юридическому договору.
Реализация проекта
На данном этапе целью дизайнера является реализация проекта в соответствии с желаниями клиента и в срок, а в процессе работы — учет всех необходимых деталей как художественного, так и технического характера.
Во-первых, ТЗ помогает адекватно и быстро оценить сложность и соответственно время, затрачиваемое на выполнение заказа, а следовательно, более точно планировать рабочий график. Во-вторых, упрощается процесс работы — когда перед глазами у дизайнера есть список необходимых элементов, гораздо проще составить общую картину проекта. В-третьих, гораздо легче оценить работу дизайнера на предмет ошибок.
Наряду со всеми плюсами, необходимо отметить один существенный минус технического задания — это достаточно жесткие рамки, ограничивающие творческую составляющую работы дизайнера. Часто возникают ситуации, когда решения, предлагаемые заказчиком, не соответствуют представлениям дизайнера. Чтобы исключить такие спорные моменты, необходимо провести четкую границу — где заканчиваются полномочия клиента и начинается зона ответственности дизайнера. Другой выход — принцип «клиент всегда прав». Какой путь выбрать — личное дело каждого дизайнера.
Утверждение проекта заказчиком
Этот этап — самый сложный и неоднозначный, что обусловлено несколькими причинами:
На своем опыте можем отметить, что работы, не требующие переделок и дополнений, — единичны. Практика показывает, что чем точнее клиентом описаны начальные пожелания, тем ближе к его представлениям окажется результат.
ТЗ на дизайн: надо ли и как писать. Критика примера
При создании объекта есть два способа описать требования: «что должен уметь/делать объект» (описание цели) и «каким должен быть объект» (описание реализации). Прощу прощения если формулировка не точна, источника сией мысли я не знаю, формулирую сам. Далее речь пойдет о втором способе описания объекта — дизайна сайта.
Есть два вопроса: нужно ли формализованное ТЗ на дизайн и если да, как его следует писать? Мое мнение, что ТЗ необходимо, а как его писать… мне нравится приложенный пример. Предлагаю рассмотреть и покритиковать. Естественно, не суть, а скорее форму изложения и перечень рассмотренных вопросов.
Интересует мнение руководителей проектов, арт-директоров и дизайнеров.
Разработке подлежит дизайн сайта компании АА (имя сайта АА-company.ru)
Исходные материалы: логотип, визитка, буклет, примеры продукции компании, фотографии работ, текстовое наполнение (15 стр в doc).
Компания специализизируется на производстве рекламных, сувенирных и полиграфических материалов, штемпельной продукции.
Сайт создается с целями:
— информирования клиентов об услугах компании,
— продвижения бренда АА как успешного, надежного и развивающегося поставщика рекламных услуг,
— популяризация положительного имиджа компании,
— увеличение объемов продаж,
— привлечение новых заказчиков на услуги компании.
— выход на рынок сувернирной продукции.
Конкуренты
Основные:
— Конкурент 1
Достоинства: необычный, хотя и странный, коллаж в шапке, много различного контента, грамотного написанного.
Недостатки: стиль сайта не выдерживается на страницах, меню производит впечателение криво повешенного,
— Конкурент 2
Достоинства: обширное портфолио.
Недостатки: дизайн сайта крайне примитивен, как и навигация.
— Конкурент 3
Достоинства: яркая, хотя и не очень впечатляющая, графика. Много грамотно написанных текстов (встречаются ошибки).
Недостатки: каталог товаров и услуг не проиллюстрированы фотографиями и ценами. приходится качать файлы прайсов.
— Конкурент 4
Достоинства: достаточно интересный классический дизайн
Недостатки: внутренние страницы, в частности по сувенирке, не проработаны. масса странных ссылок и страшных фотографий
— Конкурент 5
Достоинства: нет.
Недостатки: скучный дизайн, примитивное оформление страниц
— Конкурент 6
Достоинства: удачный дизайн с применением флеш-элементов. Персонажики повсюду. Применены разумно. Много различного контента.
Недостатки: сайт не растягивается, что портит неплохой дизайн (половина экрана белая), внутри проблемы со структурой страниц.
— Конкурент 7
Достоинства: нетрадиционный дизайн во всем: структура, шрифты
Недостатки: шрифты трудночитаемы, фотографии размещены неудобно для скачивания, внутри стиль первой и вторых страниц не соблюдается.
— Конкурент 8
Достоинства: яркий и простой дизайн с применением флеш-анимации. Простая и понятная навигация.
Недостатки: шрифты страниц неконтрастны, плохо читаемы.
Хороший дизайн и концепцию испортили наполнением.
— Конкурент 9
Достоинства: проработанный дизайн, множество иллюстраций
Недостатки: внутри сайта нет фотографий, тексты смотрятся слепыми
— Конкурент 10
Достоинства: яркий дизайн, качественное наполнение, удачная флеш-анимация.
Недостатки: нет
— Конкурент 11
Достоинства: любовно и старательно наполнен
Недостатки: некоторые странные решения по дизайну и огрехи по наполнению
В целом очень достойно
— Конкурент 12
Достоинства: яркие страницы, простой и хорошо структурированный каталог.
Недостатки: глаза устают.
Сайт абсолютно классический, на твердую 4.
— Конкурент 13
Достоинства: флешка красивая.
Недостатки: крайне неприятная цветовая гамма, наполнение сделано странно.
Ключевые особенности компании, которые должны найти отражение в дизайне и структуре навигации сайта:
— собственное производство
— сеть филиалов и представительств
— доверие к фирме со стороны многочисленных клиентов и партнеров
Целевая аудитория — собственники и руководители организаций среднего и малого бизнеса, желающие получить качественное комплексное обслуживание в сфере рекламных услуг и продукции от печатей до интерьерного и фасадного дизайна. Молодые социально активные люди среднего достатка.
Пожелания к визуальному образу:
1. соответствие фирменной символике и стилистике
2. использование интересных решений в дизайне или навигации, не мешающей восприятию сайта как удобного инструмента получения информации
3. информативность, удобство, легкость
Слоган для использования на сайте:
главная ценность нашей компании — наши клиенты
Образцами можно считать:
alfa-suvenir.ru — да
www.viveska.info — да, построение шапки, стиль оформления текстов и меню
www.vremenagoda.biz — да, структура страницы. можно использовать как образец при наличии исходных материалов для создания коллажей. создание иллюстраций не включается в разработку сайта
Пункты меню главной страницы:
О компании
Новости
Услуг
Портфолио
Контакты
Полезно знать (статьи о рекламе)
Заказать
Оплаченные модули и графические средства:
— статичный дизайн — да
— анимация — нет
— система текстовых страниц
— каталог услуг
— лента работ
— лента заказчиков
— лента новостей
— лента статей (полезно знать)
— форма заказа
На всех страницах — шапка, меню, логотип.
Первое предлагаемое решение по созданию дизайна сайта.
Сайт создается как растягивающийся на любую ширину страницы.
1. Стартовая и внутренние страницы имеют разную структуру. общие цвета: белый/кремовый, оранжевый, гамма синего, буквы черные.
2. Стартовая страница:
— содержит крупный логотип (до 25% высоты сайта) и в качестве шапки цветовую полосу (может быть неправильной формы) с блоками, иллюстрирующими направления деятельности (или конкретные работы) компании
— имеет структуру, собранную из информационных блоков: о компании, наши преимущества, что умеем, полезно знать, последние работы, наши услуги, новости, баннер перехода на форму, возможно еще что-то (скомпоновано по принципу www.ra-alterego.ru/?id=manufacture). Каждый блок построен по принипу вынесения главного или самого современного. Все блоки одного размера. В будущем возможно расширение и обновление сайта путем замены одного блока на другие.
2. Основные страницы (портфолио, клиенты, новости, услуги):
— логотип и шапка имеют меньшую высоту (10-15%), шапка содержит коллаж из работ или иллюстрацию (при наличии)
— имеют трехколоночное построение (лого, шапка, вертикальное меню, поле дополнительной иформации). В поле дополнительной информации выводятся небольшие блоки информации, которая может быть интересна при просмотре раздела (в новоястях-портфолио, в клиентах-услуги и т.п.) или блоки, аналогичные блокам на главной.
3. Внутренние и текстовые страницы имеют двухколоночное представление: шапка+меню+текст страницы.
4. Наобходимо придумать визуальное решение, позволяющее подчеркнуть широкий спектр оказываемый услуг и собственную производственную базу.
Второе предлагаемое решение по созданию дизайна сайта.
Идея решения заключается в использовании в дизайне в качестве рамки символов печати (штампа), сувенирной продукции, других примеров продукции компании. Сайт будет иметь фиксированную ширину. По периметру располагаются графические элементы, созданные на основе графики продукции компании (печати, буклеты, сувенирка).
По высоте сайт растягивается либо путем добавления белого пространства слева и справа по периметру, либо повторяющегося рисунка.
1. Стартовая и внутренние страницы имеют разную структуру. общие цвета: белый фон, графика фона с приглушенными серо-сине-желтыми тонами, заголовки в гамме синего, буквы черные.
2. Стартовая страница:
— содержит крупный логотип (до 25% высоты сайта) и левое текстовое меню с графическими маркерами (стиль как на www.viveska.info)
— имеет структуру, собранную из вертикально следующих информационных блоков: о компании, наши преимущества, что умеем, полезно знать, последние работы, наши услуги, новости. Каждый блок построен по принципу вынесения главного или самого современного. Все блоки одного размера. В будущем возможно расширение и обновление сайта путем замены одного блока на другие.
Под меню можно разместить ленту работ.
2. Основные страницы (портфолио, клиенты, новости, услуги):
— логотип имеет меньшую высоту (10-15%), левая колонка содержит коллаж из работ или иллюстрацию (при наличии)
— имеют двухколоночное построение (лого вертикальное меню).
3. Внутренние и текстовые страницы имеют двухколоночное представление: шапка+меню+текст страницы.
ТЗ написано по результатам изучения брифа, двух бесед с руководителем и изучения продукции заказчика.
Имена заказчика и конкурентов я поубирал. Если кто-то поделится своими образцами или требованиями к ТЗ на дизайн (из фрилансеров), будет здорово.