Кейс: Онлайн-школа английского языка

Задача:

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

Решение:

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

Посмотреть сайт →
Разработка сайта для онлайн-школы англйиского языка для детей

Начало работы

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

Результат - уникальный, полностью настроенный ресурс, который решает поставленную задачу.

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

На основе анализа конкурентов разработала структуру сайта и прототип. Написала тексты. Вот что получилось:

Прототип сайта

Стилистика

Цвета:

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

Шрифты:

В качестве шрифта был выбран современный гротескный шрифт Geologica из Google Fonts. Сайт с ним смотрится современно. Пропорции букв шрифта обеспечивают хорошую читаемость даже на мобильных устройствах.

Дизайн-макет

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

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