Разработка дизайна лендинга Репетитор-ONLINE
Для сервиса Репетитор-онлайн предстоит сделать дизайн главной страницы сайта. Задание сформулировано так: Нужен эскизный пока вид главной страницы. Важно, чтобы страница привлекала внимание, давала понимание ЦА (целевой аудитории сайта) о чем идет речь и какие преимущества есть, вызывала доверие ЦА - мамы у которых есть дети 1-11 класса. Копирайтинг пока условный, можно использовать следующие девизы для блоков: Онлайн репетитор для школьника, Удобно - не надо никуда ездить, Выгодно - от 390 рублей за урок, Эффективно - более 15000 учеников, Записаться на бесплатный урок, основные предметы (школьные + языки), Экзамены основные егэ огэ, Обучение проходит на Вайтборде https://www.tutoronline.ru/how-it-works/demo.
На главной иллюстрации - Разработка дизайна лендинга. верхний блок главной страницы
Разработка дизайна главной страницы сайта
Иллюстрация 1. Разработка дизайна лендинга. Примеры блоков
По сути, как мне кажется это должна быть посадочная страница… Если будет необходимо дать на сайте развернутую информацию в виде описаний услуг, тематических статей и т. п. прочего, так это можно разместить на внутренние страницы сайта. Главная же страница для решения задач, указанных в задании, должна сразу давать своей целевой аудитории – посетителям сайта всей картины данного сервиса – что это такое, какие конкурентные преимущества имеет, как работает, сколько стоит, насколько эффективно и пр. Потому и выбираю за основу такую функциональную стилистику. Landing Page наилучшим образом поможет сжато и информативно выдать весь требуемый объем. Алгоритм прост… Прикидываю оптимальный пользовательский сценарий, делаю блоки и собираю их согласно задуманного сценария :). Рисую прототипы страницы в программме Figma. Сам дизайн достаточно сдержан, но при этом не скучен – использую векторную графику и яркие контрастные цвета, строгие хорошо читаемые шрифты. Для наглядности использую таблоиды и видеопрезентацию, а для повышения активности пользователей делаю блок с акцией… Поскольку сама страница не предполагает особой насыщенности в эмоциональном плане, для этого использую фоновую заставку, которая привлекает внимание и дает нужный эффект.
Иллюстрация 2. Разработка дизайна лендинга. Полный вид страницы Landing Page