Многостраничный сайт для онлайн-школы иностранных языков Green Languages

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

Сайт должен дать будущим студентам (а здесь учатся абсолютно все: от 4 до 57 лет!) ответы на основные вопросы ещё до первого созвона и зарядить их позитивной энергией. Чтобы путь от «мне интересно» до «записываюсь» вызывал тёплое ощущение: «Кажется, мне сюда».

На созвоне мы говорили о преподавателях, студентах, подходе к обучению и о том, что результат получается только в работе 50/50: преподаватель даёт знания и поддержку, а студент — своё желание и вовлечённость

Мне было важно, чтобы тексты звучали максимально созвучно с Даяной. Поэтому за основу я брала и анализ аудитории, и Instagram школы — выписывала подходящие формулировки, подсматривала подачу и улавливала общую интонацию.

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

А дальше наступил этап согласования. Я записала видео с разбором страниц, мы внесли правки и завершили этот этап.

Ещё на первых созвонах Даяна сказала, что ей хочется, чтобы сайт заряжал человека желанием учиться. Она сравнила это с уютными картинками из Pinterest: пледом, горячим какао, ноутбуком, книгами... Смотришь на них — и самому хочется открыть учебник и начать заниматься. Это и стало основой мудборда.

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

Мне важно, чтобы клиент участвовал в этом процессе вместе со мной. Не просто посмотрел то, что я предложила, а выбрал то, где почувствовал: «Это моё».

Поэтому отдельно я подготовила несколько вариантов цветов и шрифтов. Было сразу понятно, что основным цветом станет зелёный. Его подсказывали и название школы Green Languages, и Instagram Даяны. Но зелёный может выглядеть совершенно по-разному: где-то больше уюта и тепла, где-то свежести и лёгкости, а где-то спокойствия и уверенности.

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

Мне всегда интересно наблюдать, какие решения в итоге выбирает клиент. Иногда этот выбор оказывается совсем не таким, как я ожидала)

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

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

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

И это так приятно наблюдать, как сейчас изменения на сайте Даяна вносит самостоятельно

Сначала на сайте появилась страница для определения уровня языка. Затем сделали лендинг для интенсива по немецкой грамматике и настроили автоматизацию оплаты с доступом в закрытый Telegram-канал. К этому моменту Даяна уже сама присылала структуру и тексты для новых страниц — теста и интенсива, а при разработке я использовала уже существующие блоки, дополняя их новыми там, где это было необходимо.

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