Редизайн сайта школы иностранных языков

Задача

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

О проекте

Elizabeth’s English — школа иностранных языков в Мытищах Название дословно переводится «Елизаветинский английский» — в честь английского в эпоху правления Елизаветы II. Но также тут есть и игра слов, потому что владелицу школы также зовут Елизаветой
Посмотреть сайт

Основные проблемы предыдущего сайта

  • Не проработана структура, нет навигации по сайту. Нужную информацию надо долго выискивать и скроллить сайт
  • Все языки, которые преподаются в школе, расположены на одной странице
  • Очень много текстов с профессиональными терминами, текст читается тяжело
  • Нет дизайн-концепции, которая бы передавала настроение и доносила ценности
  • Нет работы с текстом — заголовки не акцентные, иногда текст выравнивается по центру, а иногда по левому краю

Что было сделано

  1. Провела интервью с заказчицей
  2. Изучила ца и конкурентов
  3. Продумала структуру
  4. Написала тексты
  5. Дизайн всего сайта
  6. Адаптивная верстка на тильде с анимацией
Исследование аудитории
Структура
Целевая аудитория проекта — мамы 27+, которым важно, чтобы их дети изучали языки. И которые сами не против выучить язык. Им важно, чтобы занятия были интересные, подход к обучению бережный, а ребенка не надо уговаривать ходить на уроки
Было решено сделать 4 страницы сайта: главная страница — для общей информации о школе, о подходе к преподаванию, и три страницы для каждого преподаваемого языка в школе. На странице языка уже рассказывали, по каким пособиям занимаются, кто преподаватели и какие цены на услуги. Так человек может познакомиться с общим настроением школы, а затем перейти на страницу интересующего его языка

Исследование аудитории

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

Структура

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

Тексты и прототипирование

Тексты на сайте должны были отражать ценности школы и одновременно говорить о том, что важно их клиентам. Поэтому тексты на сайте написаны в заботливой манере, чтобы подчеркнуть, как преподаватели любят свою работу и учеников
Я попросила учителей школы написать пару абзацев о себе и своем опыте работы для сайта. Я хотела уйти от формата «учился тут, работал тут, вот дипломы». Это скучно. Клиенту из такого текста понятно, что у преподавателя есть образование, но непонятно, что это за человек и любит ли он свою работу. У каждого из учетелей есть интересные факты из жизни, касающиеся изучения иностранных языков: кто-то жил и работал за границей, кто-то начинал с самостоятельного изучения, а затем получил образование. Важно было донести до потенциальных клиентов настроение и ценности этого преподавателя, поэтому тексты в этой части сайта редактировались минимально

Дизайн

У школы уже был готовый логотип, акцентные цвета решили взять из него, чтобы логотип вписывался в новый стиль сайта. Основное цветовое решение также основывалось на логотипе: поменяли только оттенки — из ярко-рыжего вышли в бежевый цвет в качестве фона, также я дорисовала значки поинтов с флагами Испании и Франции и использовала их в дизайне
Надо было визуально подчеркнуть настроение школы — заботу об учениках, мягкий подход к обучению, и что в школе работают с детьми. Поэтому решили отойти от стандартного белого сайта в оформлении. Мы использовали яркий рыжий для акцентов и синюю линию, которая с одной стороны напоминает детские каракульки, а с другой стороны — соединяет элементы на сайте и перекликается с логотипом

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

Любимая деталь на сайте — плейсхолдер имени (текст примера заполнения) в форме записи. Я выбрала написать имя персонажа из сказки вместо стандартных «Иванов Ивановых», чтобы увязать с концепцией сайта для детских услуг. И так как чаще всего записью детей на кружки занимаются мамы, им будет приятно увидеть, что их называют Еленами Прекрасными

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

Дополнительные услуги

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

Результаты

После запуска сайта сайт продвигался с помощью рекламных пакетов от Яндекса без покупки услуг маркетолога. В результате школа выросла в 1,5 раза по количеству учеников. Основной трафик новых клиентов — сайт, который нашли в Яндексе. Затраты на ремонт и аренду новых помещений не только окупились, но и прибыль превышала все издержки по содержанию школы

Заказчица была довольна результатом сотрудничества и оставила положительный отзыв. А сайт получи награду — попал в подборку made on tilda (подборка лучших сайтов, сделанных на тильде)
Посмотреть сайт
Как вам проект?

Посмотреть другие кейсы

Алхимия проявленности

Курс актерского мастерства как инструмента личностного роста

УК "Эквида"

Сайт для управляющей компании в сфере ЖКХ