О проекте

Разработка многостраничного сайта для онлайн-школы изучения турецкого языка Хаяль. У клиентки уже был сайт, который не устраивал ее по визуалу и структуре. Мы созвонились, обсудили проект и решили расширить лендинг до многостраничного сайта, чтобы на каждой странице была представлена только одна услуга (в нашем случае, продажа курса).

О клиенте

Онлайн-школа изучения турецкого языка «Хаяль». В школе есть обучение на курсах с нуля и до уровня В1, а так же индивидуальные занятия и возможность приобрести электронное пособие для самостоятельной отработки.

Структура и прототипирование

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

Мудборд

На этапе мудборда мы определились со стилистикой, новой цветовой палитрой и шрифтами сайта.

Сайт до редизайна

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

Дизайн решения и результат

На основании мудборда мы взяли за основу:

• более светлые тона, с выделением ярких акцентов
• каждый продукт будет со своим акцентным цветом (курс А1 — малиновый, курс А2 — фиолетовый, курс В1 — изумрудный, электронная книга — оранжевый)
• добавили рисованные иллюстрации и мелкие элементы, отсылка к воздушности и легкости
• оставили хорошо читаемый шрифт и добавили рисованный для акцентов
• показали внутрянку обучения и платформы, это вызывает доверие и чувство «инсайдерской информации»

Внутренние страницы

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

Внутренние страницы

Страница индивидуальных занятий была сделана в нежно-розовом цвете, а также с добавлением эмоджи кураторов и преподавателей школы.

Внутренние страницы

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

Внутренние страницы

На странице продажи курсов мы добавили всю подробную информацию о наполнении, а также визуализацию платформы обучения.