Клиентка — автор программ по английскому языку для детей и руководитель языкового центра. Была наработана большая база продуктов, которые достаточно сложно стало продавать, отвечая каждому покупателю вручную. Основная задача сайта — автоматизация продажи образовательных программ.
Объем — 2 страницы Тип — многостраничный сайт с функцией интернет-магазина Ссылка на сайт — https://nslana.ru/
Структура и прототип
Составляю структуру сайта по схеме: преимущества — для кого подойдут продукты (чтобы сразу попасть в нужные ЦА) — продукты — социальные доказательства (отзывы). Для флагманского и самого дорогого курса линейки выделяю отдельную страницу, чтобы максимально раскрыть все выгоды и подробно рассказать о курсе. Чтобы не перегружать пользователя большим количеством информации, описания программ скрываю в поп-апы.
Идеи дизайна
Пожелания по визуалу: теплые, яркие цвета. Анализируя соцсети клиентки, обратила внимание, что в жизни она также предпочитает яркие оттенки. Тематика продуктов — детская. Предлагаю на выбор несколько цветовых палитр, использование иллюстраций, скругленные углы для поддержания ощущения мягкости и заботы. В учебных программах клиентки очень много интерактива, нацеленных на сплочение детей, в качестве поддержания этой идеи предлагаю использовать линии, которые идут сквозь контент.
Дизайн-концепции
На основе идей предлагаю 2 дизайн-концепции. Клиентка выбрала 1 концепцию.
Иллюстрации
У клиентки очень творческий и интерактивный подход в обучении детей (эксперименты, лепка, рисование в процессе изучения английского), поэтому предлагаю небольшие, намеренно кривенькие иллюстрации, будто нарисованные детьми на уроках.
Финальные макеты
Доработала первую концепцию, немного изменила цвета по пожеланию заказчицы.
В линейке программ много небольших продуктов в виде сценариев, квестов, мини-уроков и сезонных программ, которые планировалось регулярно обновлять. Для удобства самостоятельного и быстрого редактирования делаю этот блок на стандартных блоках Тильды.
Чтобы наглядно показать объем курса для малышей и повысить уровень взаимодействия пользователя с сайтом вставляю видео-скринкаст.