О проекте
Авто / мотошколе XMOTO PRO требовался сайт, который выгодно презентовал бы категории обучения, преимущества мотошколы и выделил его на фоне конкурентов. Увеличение заявок и звонков, увеличение узнаваемости бренда, расширение целевой аудитории - всё это должно было найти отражение как в дизайне, так и в структуре сайта.
Цветовую гамму сайта выбирали в соответствии с логотипом заказчика. Акцентный цвет — красный с оттенком оранжевого.
Отдельную роль выполняют яркие и запоминающиеся иллюстрации авто и мототранспорта, а также индивидуализированная графика.
-
Задачи
- Разработать респонсивный сайт для авто / мотошколы XMOTO PRO в фирменном стиле, выделяющим его на фоне конкурентов.
- Представить исчерпывающую информацию о категориях обучения с возможностью записаться на обучение в один клик для максимальной конверсии.
- Оптимизировать сайт под поисковые системы, улучшить позиции в выдаче поисковой системы и повысить число заявок на обучение.
-
Что мы сделали
- Разработали конверсионный дизайн сайта, который создан для демонстрации категорий обучения мотошколы, с целью привлечения новых клиентов.
- Выполнили программирование проекта и наполнили его базовым контентом.
- Собрали семантическое ядро запросов и оптимизировали сайт под поисковые системы.
-
Результат
В результате клиент получил современный сайт с выделяющимся среди конкурентов дизайном и удобным юзабилити. Новый сайт полностью выполняет поставленные перед ним задачи и эффективно трансформирует своих посетителей в клиентов мотошколы.
РЕАЛИЗАЦИЯ ЗАДАЧ
Стратегия и проектирование
Этап разработки прототипа имеет основополагающее значение, ведь от принятых на основе тестирования прототипа решений, в конечном итоге зависит удобство навигации, юзабилити сайта и в целом эффективность и жизнеспособность сайта.
Мы разработали детальный план всех разделов сайта, особое внимание было уделено страницам категорий обучения. Мы разделили программы обучения на авто и мототранспорт, в свою очередь для каждой страницы описания категорий выбрали структуру подачи материала типа landing-page.
Это позволило разместить исчерпывающую информацию о каждой категории обучения: описание, преимущества, шаги обучения, расписание, цены, заявка на обучение и обратная связь.
Дизайн
Визуальное решение сайта основано на использовании ярких и запоминающихся иллюстраций авто и мототранспорта, а также индивидуализированной графики.
Структура шапки главной страницы сайта представлена блоками авто / мото обучение, каждый из которых направляет пользователя на описание соответствующей категории обучения, что позволит посетителям ресурса перейти в интересующую их категорию в одик клик мышью.
На главной и почти всех внутренних страницах имеется возможность записаться на обучение посредством формы обратной связи.
Особенности реализации
Конверсионный дизайн
Контактные данные и формы обратной связи расположены в верхней, средней и нижней части страниц.
Описания программ обучения представлены в виде отдельных страниц типа landing-page с CTA-элементами (призыв к действию).
Удобство администрирования сайта
Наличие расписания и цен на различные категории предполагает необходимость их частого обновления, поэтому мы запрограммировали сайт таким образом, что все цены, расписания меняются в одном месте и автоматически обновляются во всех разделах и на всех языковых версиях сайта.
Респонсивный дизайн
Респонсивный дизайн делает использование сайта удобным для пользователей с различных устройств (десктоп, планшет, телефон).