Ирина Никулина – Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов (страница 34)
На самом деле есть много тем, которые могут быть для веб-дизайнера непонятными и это нормально. Еще пример: цифровой инжиниринг. Надо вникать в то, что это за направление работы. Или: VR-картинг, продажа компактных водородных аккумуляторов, LPG-массаж и т.д. Для некоторых дизайнеров даже такие виды деятельности, как ремонт двигателей тракторов или ландшафтный дизайн могут оказаться малознакомой сферой бизнеса. Поэтому изучение темы сайта – это первый шаг.
1. Найдите определение в сети Интернет.
2. Прочитайте статьи на форумах и в соцсетях.
3. Просмотрите сайты, посвящённые этому бизнесу.
4. Найдите знакомых, чьи профессии близки к теме и пообщайтесь с ними.
5. Прочитайте специальные издания: журналы или газеты.
2. Анализ конкурентов
Вторым этапом будет анализ сайтов-конкурентов. Сделать офлайн анализ фирм конкурентов не нужно, достаточно посмотреть на сайты, которые попали в топ выдачи поисковой системы (Яндекс) по основному ключевому слову.
Для этого наберите в поисковой системе главную ключевую фразу, определяющую бизнес клиента и откройте сайты, выпавшие на первых страницах поисковой выдачи.
Среди этих сайтов выбирайте те, что имеют современный флет (плоский) дизайн и хороший функционал. Анализировать сайты можно по дизайну, по простоте интерфейса, по удобству навигации, по хорошо представленной структуре каталога и т.д.
Выберите десять-пятнадцать сайтов конкурентов, и список ссылок на эти сайты отправьте своему заказчику. Пусть он посмотрит цены, предложения, фотографии товаров, как подана информация, какие модули есть на сайтах конкурентов. Попросите отобрать 3-5 сайтов, которые больше всего понравились вашему клиенту и переслать вам ссылки обратно. Это поможет лучше понять вкус заказчика и стиль, который ему нравится в веб-дизайне.
Уже на этом этапе могут быть: внесены изменения в техзадании, произойти доработка структуры и списка модулей на первой странице.
Ещё бывает так, что клиент присылает вам список понравившихся сайтов, а вы видите, что эти сайты имеют устаревший дизайн или явные ошибки вёрстки, или не являются продающими. Тогда надо предложить клиенту свой список сайтов, мягко сославшись на то, что эти конкуренты более «продвинутые», успешные, и их сайты более современные, чем те, что предложил заказчик.
В любом случае,
3. Создание базы образцов
На основании анализа сайтов конкурентов (возможно и сайтов-партнеров), необходимо создать банк образцов хороших дизайнов сайтов, которые будут являться примерами во время работы над дизайном сайта.
1. Сохраните файл со ссылками на удачные (в целом) сайты.
2. Сохраните скриншоты понравившихся модулей сайтов по теме клиента. Например, на одном сайте вы нашли симпатичный каталог товаров, на другом сайте вам понравился модуль «О компании», на третьем – иконки в модуле «Преимущества». Все это нужно сохранить. Скриншоты могут быть сохранены в растровом редакторе отдельными файлами или в документе MS Word.
3. Сохраните дизайны сайтов по теме. Найти их можно в картинках Яндекса, набрав в поиске запрос «Дизайн сайта … (дальше пишите свою тему, например, «аренда спецтехники» или «агрофирма»).
Посмотрите на рис. 41, так выглядит папка с образцами сайтов, только обычно их бывает больше, несколько десятков.
Можно вдохновляться идеями и использовать фишки с чужих сайтов, но внешне оформлять их по-своему. Например, на каком-то сайте услуг вы увидели калькулятор расходов, и вам понравилась эта идея. Вы сохранили скриншот, но при создании своего дизайна сайта, нарисуйте свой калькулятор в фирменных цветах сайта и с оригинальным дизайном.