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

+ Наличие квиз-теста.

+ Модуль «Наши преимущества».

+ Наличие лид-магнитов с выгодой (например: «оставьте заявку на обучение и получите в подарок бесплатные уроки»).

Рис.5. Чат с оператором (онлайн консультант)

+ Выгода, выраженная в цифрах.

+ Контакты для связи: телефон, e-mail и WhatsApp.

+ Кликабельные элементы при наведении мышки подсвечиваются.

+ Дизайн сайта минималистичный.

+ Расположение элементов сайта (например, логотипа и кнопки «Контакты») привычны для посетителя сайта и находятся в стандартных местах.

+ Есть подсказки и навигация сайта.

+ Тексты на сайте разделены на абзацы и параграфы, нет длинных «простыней» текстов, тексты сопровождаются схемами, диаграммами и фотографиями.

+ Сайт имеет мобильную версию.

Рис.6. Лид-магнит на сайте онлайн школы

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

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

3. Проектирование сайта

Проектирование – это первый и очень важный этап создания продающего сайта.

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

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

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

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

Этапы проектирования:

1. Определение целей и задач сайта.

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

3. Непосредственно создание структуры сайта.

4. Прототип сайта.

5. Утверждение прототипа.

Под проектированием сайта имеется в виду следующая работа веб-дизайнера:

– создание внешней структуры сайта (страницы сайта),

– разработка внутренней структуры первой страницы сайта (количество и последовательность модулей на Главной странице),

– в том числе включение на первую страницу нужной последовательности продающих модулей,

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

– добавление модулей, побуждающих к активному действию,

– создание простой и понятной витрины сайта и удобной корзины,

– расположение на сайте легко читаемого контента,

– добавление виджетов и чатов, ссылок на соцсети, и многого другого, исходя из задач и целей сайта.

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

Рис.7. Проектирование сайта

4. Цели создания сайта

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

Цель – это результат, который планирует получить владелец сайта после его создания. Результат измеряют в количественных показателях: цифрах или процентах. Веб-мастера сравнивают число отказов, количество проведенного времени на сайте, конверсию или лиды с данными за прошлые периоды.

Просчитать конверсию только что созданного сайта можно лишь приблизительно, потому что пока сайт не создан, её не с чем сравнивать.

Возможные цели лендинга:

Принять заказ. В этом случае посетитель оставляет заявку на продукт. После этого с ним работают специалисты отдела продаж или клиентского отдела.

Получить контакты. Такие лендинги ещё называют «автоворонками». Посетитель сайта бесплатно получает какой-то ценный контент в обмен на e-mail или номер его телефона. Далее менеджеры сайта превращают пользователя в потенциального клиента с помощью рассылок, SMS-сообщений или звонков.

Прямая продажа. Самый сложный вариант среди всех, потому что посетитель должен сразу нажать на кнопку «Купить», положить товар в корзину и перейти к оплате. Нужно убедить пользователя приобрести товар (или услугу) сразу же здесь, на лендинге. Именно этот вопрос должен решить грамотный дизайн продающей страницы.

Именно от правильно сформулированной цели будет зависеть всё: структура страницы, её дизайн, форма подачи информации, и оформление модулей, набор модулей и т.д.

Цели многостраничных сайтов:

– Укрепить бренд.

– Увеличить продажи.

– Привлечь внимание аудитории.

– Сократить издержки по привлечению новых посетителей.

– Увеличить средний чек.

– Удерживать старых клиентов с меньшими затратами.

– Рекламировать новый продукт.

– Оповестить об открытии фирмы.

– Просветительские цели (некоммерческие).

Цели корпоративных сайтов:

– Создать положительный имидж компании.

– Проинформировать пользователей или партнеров о новинках товаров или изменении в бизнесе. Повысить лояльность аудитории за счёт стильного корпоративного дизайна.

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

– Упростить управление персоналом, связать подразделения фирмы между собой.

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

– Пробудить интерес к деятельности (например, создать ограниченный доступ к информации).