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

2. Не указаны цели сайта, не описаны целевые действия. Если не спроектировать сайт с определенными целями, потом будет сложно ожидать точной аналитики и определённой конверсии сайта.

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

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

5. Не указаны счётчики посетителей и семантическая разметка на сайте (помогает поисковым системам проиндексировать сайт).

6. Не предоставлена структура сайта, не описан функционал и модули на первой странице.

7. Не обозначены этапы разработки сайта с конкретными сроками окончания работ и оплаты.

8. Неконкретное описание дизайна и функционала сайта. Ошибкой будет вместо конкретики использовать такие термины, как: красивый, стильный сайт. Лучше написать так: «сделать красный баннер, как на сайте таком-то, статьи оформить, как на сайте таком-то» и т.д.

9. Нет подписей на документе.

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

Ссылка на примеры техзаданий, скачать можно бесплатно:

https://drive.google.com/drive/folders/1P-S9HAToNUSTMl7rPmqtS8DOpfzn0f9y?usp=sharing

Глава 6. Анализ темы и направления сайта

В этой главе:

1. Знакомство с темой

2. Анализ конкурентов

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

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

5. Авторское право на веб-дизайн

1. Знакомство с темой

Знакомство веб-дизайнера с темой и направлением работы фирмы (заказчика сайта) необходимо для любых сайтов. Есть темы, понятные любому веб-дизайнеру. Например, продажа одежды. Все мы являемся покупателями одежды и хорошо понимаем, как было бы удобно заказать платье или джинсы. Но чаще всего веб-дизайнеру достаются темы, далекие от его кругозора.

Например, мне как-то позвонил клиент и сказал, что хочет продавать «гибкие» окна. Чтобы понимать, о чём идет речь, я нашла в поиске определение того, что такое гибкие окна ПВХ и для чего они нужны. После этого я прочитала несколько познавательных статей на эту тему. И только после того, как я получила хотя бы поверхностное понимание того, что такое окна ПВХ, где применяются и для чего нужны, я смогла поговорить с клиентом и заполнить для него техзадание.

На самом деле есть много тем, которые могут быть для веб-дизайнера непонятными и это нормально. Еще пример: цифровой инжиниринг. Надо вникать в то, что это за направление работы. Или: VR-картинг, продажа компактных водородных аккумуляторов, LPG-массаж и т.д. Для некоторых дизайнеров даже такие виды деятельности, как ремонт двигателей тракторов или ландшафтный дизайн могут оказаться малознакомой сферой бизнеса. Поэтому изучение темы сайта – это первый шаг.

Изучение темы по шагам:

1. Найдите определение в сети Интернет.

2. Прочитайте статьи на форумах и в соцсетях.

3. Просмотрите сайты, посвящённые этому бизнесу.

4. Найдите знакомых, чьи профессии близки к теме и пообщайтесь с ними.

5. Прочитайте специальные издания: журналы или газеты.

Рис.40. Знакомство с темой сайта, поиск определения

2. Анализ конкурентов

Вторым этапом будет анализ сайтов-конкурентов. Сделать офлайн анализ фирм конкурентов не нужно, достаточно посмотреть на сайты, которые попали в топ выдачи поисковой системы (Яндекс) по основному ключевому слову.

Для этого наберите в поисковой системе главную ключевую фразу, определяющую бизнес клиента и откройте сайты, выпавшие на первых страницах поисковой выдачи.

Среди этих сайтов выбирайте те, что имеют современный флет (плоский) дизайн и хороший функционал. Анализировать сайты можно по дизайну, по простоте интерфейса, по удобству навигации, по хорошо представленной структуре каталога и т.д.

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