Elizabeth's English

Редизайн

для школы

иностранных

языков

сайта

Задача

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

О проекте

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

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

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

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

Провела интервью с заказчицей
Изучила ца и конкурентов
Продумала структуру
Написала тексты
Дизайн всего сайта
Адаптивная верстка на тильде с анимацией

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

Структура

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

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

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

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

Структура

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

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

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

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

Дизайн

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

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

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

Верстка и передача проекта

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

Мобильная версия сайта

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

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

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

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

Результаты

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

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