Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина
+ Наличие лид-магнитов с выгодой (например: «оставьте заявку на обучение и получите в подарок бесплатные уроки»).
Рис.5. Чат с оператором (онлайн консультант)
+ Выгода, выраженная в цифрах.
+ Контакты для связи: телефон, e-mail и WhatsApp.
+ Кликабельные элементы при наведении мышки подсвечиваются.
+ Дизайн сайта минималистичный.
+ Расположение элементов сайта (например, логотипа и кнопки «Контакты») привычны для посетителя сайта и находятся в стандартных местах.
+ Есть подсказки и навигация сайта.
+ Тексты на сайте разделены на абзацы и параграфы, нет длинных «простыней» текстов, тексты сопровождаются схемами, диаграммами и фотографиями.
+ Сайт имеет мобильную версию.
Рис.6. Лид-магнит на сайте онлайн школы
Как видите, большое количество модулей и элементов сайта в целом помогают высокой конверсии сайта, то есть, способствуют увеличению продаж. Этот список – далеко не всё, что необходимо для продающего сайта. Дело в том, что выбор модулей и дополнительных элементов во многом зависит от темы и задач сайта.
Вывод: веб-дизайнер должен не просто создавать красивый дизайн сайта, обычно он выступает в роли проектировщика сайта – то есть того, кто продумывает внешнюю и внутреннюю структуру сайта, добавляет необходимые модули на продающий сайт, удобно и понятно создает интерфейс проекта, создает именно продающий веб-дизайн, тем самым увеличивает конверсию сайта.
3. Проектирование сайта
Проектирование – это первый и очень важный этап создания продающего сайта.
Некоторые дизайнеры, пропустив этот этап, начинают сразу делать веб-дизайн и в результате не могут создать логически продуманный сайт. Как правило, такие дизайны довольно долго утверждаются и оставляют негативное мнение у заказчика. Обязательно, перед созданием веб-дизайна или прототипа сайта, нужно внимательно продумать, какие модули должны быть на страницах сайта.
На этапе проектирования сайта решаются вопросы о том, какие задачи выполняет сайт, зачем он нужен, какие проблемы посетителей сайта он поможет решить, какие в нём будут разделы.
Представьте, что вы строительная компания и клиент обратился к вам с заказом построить дом. Вы же не пойдете сразу заливать фундамент. Первым этапом вы выясните назначение строения: большой дом, пристройка, гараж, маленький гостевой домик и т.д. Затем утвердите размеры и материал дома. Потом создадите архитектурный дизайн, учтете все функциональные особенности дома, исполните на дизайне все пожелания клиента, после этого просчитаете смету, закупите материалы и только потом приступите к строительству дома.
Точно так же и с сайтом: нужны предварительные этапы, такие как проектирование сайта, потом создание прототипа и только после его утверждения, – разработка веб-дизайна. Можно сказать, что проектирование сайта – это его планирование, создание подробной схемы всех элементов.
Этапы проектирования:
1. Определение целей и задач сайта.
2. Сбор данных: погружение в тему деятельности заказчика, изучение конкурентов и создание базы образцов сайтов.
3. Непосредственно создание структуры сайта.
4. Прототип сайта.
5. Утверждение прототипа.
Под проектированием сайта имеется в виду следующая работа веб-дизайнера:
– создание внешней структуры сайта (страницы сайта),
– разработка внутренней структуры первой страницы сайта (количество и последовательность модулей на Главной странице),
– в том числе включение на первую страницу нужной последовательности продающих модулей,
– в том числе расположение на первой странице модулей, повышающих доверие к сайту (гарантии, отзывы, сертификаты и т.д.),
– добавление модулей, побуждающих к активному действию,
– создание простой и понятной витрины сайта и удобной корзины,
– расположение на сайте легко читаемого контента,
– добавление виджетов и чатов, ссылок на соцсети, и многого другого, исходя из задач и целей сайта.
Проектирование сайта необходимо для того, чтобы потом не переделывать дизайн сайта, и создать продающий сайт.
Рис.7. Проектирование сайта
4. Цели создания сайта
Самым первым шагом в разработке сайта является определение цели его создания. На первый взгляд, кажется, что цель может быть одна: продать товар или услугу. Но это не всегда так. Есть клиенты, которые заказывают сайт с совершенно другими целями, например, для повышения имиджа компании, вовлечения лояльной аудитории, информирования партнёров, для регистрации товарного знака, для расположения статей и т.д. Например, у блога нет прямой цели продажи товаров. Цели и задачи сайта нужно учесть ещё до создания структуры сайта и анализа конкурентов.
Цель – это результат, который планирует получить владелец сайта после его создания. Результат измеряют в количественных показателях: цифрах или процентах. Веб-мастера сравнивают число отказов, количество проведенного времени на сайте, конверсию или лиды с данными за прошлые периоды.
Просчитать конверсию только что созданного сайта можно лишь приблизительно, потому что пока сайт не создан, её не с чем сравнивать.
Возможные цели лендинга:
Принять заказ. В этом случае посетитель оставляет заявку на продукт. После этого с ним работают специалисты отдела продаж или клиентского отдела.
Получить контакты. Такие лендинги ещё называют «автоворонками». Посетитель сайта бесплатно получает какой-то ценный контент в обмен на e-mail или номер его телефона. Далее менеджеры сайта превращают пользователя в потенциального клиента с помощью рассылок, SMS-сообщений или звонков.
Прямая продажа. Самый сложный вариант среди всех, потому что посетитель должен сразу нажать на кнопку «Купить», положить товар в корзину и перейти к оплате. Нужно убедить пользователя приобрести товар (или услугу) сразу же здесь, на лендинге. Именно этот вопрос должен решить грамотный дизайн продающей страницы.
Именно от правильно сформулированной цели будет зависеть всё: структура страницы, её дизайн, форма подачи информации, и оформление модулей, набор модулей и т.д.
Цели многостраничных сайтов:
– Укрепить бренд.
– Увеличить продажи.
– Привлечь внимание аудитории.
– Сократить издержки по привлечению новых посетителей.
– Увеличить средний чек.
– Удерживать старых клиентов с меньшими затратами.
– Рекламировать новый продукт.
– Оповестить об открытии фирмы.
– Просветительские цели (некоммерческие).
Цели корпоративных сайтов:
– Создать положительный имидж компании.
– Проинформировать пользователей или партнеров о новинках товаров или изменении в бизнесе. Повысить лояльность аудитории за счёт стильного корпоративного дизайна.
– Наладить контакт с аудиторией (получить обратную связь по услугам, отзывы, провести онлайн-консультации). Это помогает наладить коммуникацию с посетителями сайта, повышает лояльность.
– Упростить управление персоналом, связать подразделения фирмы между собой.
– Автоматизировать внутренние процессы работы фирмы. (Например, обмен корпоративными новостями, документооборот, обучение персонала, решение кадровых вопросов, вакансий и т.д.).
– Пробудить интерес к деятельности (например, создать ограниченный доступ к информации).
Цели сайтов некоммерческих организаций:
– Оповестить общественность о своих действиях, проведенных мероприятиях.
– Делиться информацией о продуктах или услугах.
– Привлечь новых пользователей.
