Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов

Уже на этом этапе могут быть: внесены изменения в техзадании, произойти доработка структуры и списка модулей на первой странице.

Ещё бывает так, что клиент присылает вам список понравившихся сайтов, а вы видите, что эти сайты имеют устаревший дизайн или явные ошибки вёрстки, или не являются продающими. Тогда надо предложить клиенту свой список сайтов, мягко сославшись на то, что эти конкуренты более «продвинутые», успешные, и их сайты более современные, чем те, что предложил заказчик.

В любом случае, анализ сайтов конкурентов будет полезен и заказчику, и веб-дизайнеру, чтобы понять, как быстрее сделать сайт.

Запомните: ваш сайт должен быть не такой же, как у конкурентов, а в несколько раз лучше, иначе он не будет конкурентоспособным!

3. Создание базы образцов

На основании анализа сайтов конкурентов (возможно и сайтов-партнеров), необходимо создать банк образцов хороших дизайнов сайтов, которые будут являться примерами во время работы над дизайном сайта.

Делается это так:

1. Сохраните файл со ссылками на удачные (в целом) сайты.

2. Сохраните скриншоты понравившихся модулей сайтов по теме клиента. Например, на одном сайте вы нашли симпатичный каталог товаров, на другом сайте вам понравился модуль «О компании», на третьем – иконки в модуле «Преимущества». Все это нужно сохранить. Скриншоты могут быть сохранены в растровом редакторе отдельными файлами или в документе MS Word.

3. Сохраните дизайны сайтов по теме. Найти их можно в картинках Яндекса, набрав в поиске запрос «Дизайн сайта … (дальше пишите свою тему, например, «аренда спецтехники» или «агрофирма»).

Посмотрите на рис. 41, так выглядит папка с образцами сайтов, только обычно их бывает больше, несколько десятков.

Рис.41. Банк образцов понравившихся сайтов по теме

Запомните: нельзя использовать чужой дизайн целиком или отдельные его элементы (логотип, фон, чужие фотографии).

Можно вдохновляться идеями и использовать фишки с чужих сайтов, но внешне оформлять их по-своему. Например, на каком-то сайте услуг вы увидели калькулятор расходов, и вам понравилась эта идея. Вы сохранили скриншот, но при создании своего дизайна сайта, нарисуйте свой калькулятор в фирменных цветах сайта и с оригинальным дизайном.

В дальнейшем, при создании прототипа сайта и веб-дизайна, можно смотреть на образцы, чтобы взять оттуда самые лучшие идеи. (Не дизайн, а именно идеи модулей и подачи информации).

4. Подбор ключевых слов (сбор семантического ядра)

Маленький Вова учился на двойки.

Школы он сайт продвигал за пятёрки.

В школу теперь не пускают упорно:

Школа есть в топе по слову лишь "порно"

Стихи из сети Интернет

Параллельно с банком образцов можно собирать и основные ключевые слова сайта. В дальнейшем они будут использованы заказчиком для написания сео-статей. Сео-статьи с основными ключевыми словами нужны для продвижения сайта в топ-выдачи поисковых систем.

Семантическое ядро сайта – это упорядоченный набор слов, их морфологических форм и словосочетаний, характеризующих вид деятельности, товаров и услуг, предлагаемых сайтом (определение из Википедии).

Это правильное, но слишком обобщающее определение. Семантическое ядро – это не просто список слов и словосочетаний. Это структурированное описание сайта, которое учитывает пользовательский спрос, интересы покупателей, специфику отрасли и бизнес-цели проекта.

Для чего нужно семантическое ядро сайта

В семантическое ядро попадают запросы, которые пользователи вводят в поисковую систему. Эти запросы называют ключевыми словами или, если коротко, ключами.

Ключевые слова показывают, что, как и зачем ищет аудитория сайта:

Что именно ищут: какой информацией, товаром или услугой интересуются люди.

Как ищут: какими поисковыми фразами они пользуются.

Зачем ищут: для какой цели им нужна информация, например: познакомиться, выбрать, сравнить, купить и другие.

Сбором семантического ядра веб-дизайнер заниматься не должен, для этого есть отдельный специалист по продвижению. Но, тем не менее, основные ключевые слова должны быть у веб-дизайнера перед глазами, чтобы он понимал тему сайта, его основные задачи и под них сделал соответствующий дизайн страниц.

Основные ключевые слова складываются в первую очередь из самой темы сайта и названия товаров или услуг. Например, если сайт продаёт телевизоры, то ключевые слова будут следующие: