Кейс: разработка сайта для школы английского языка на Tilda

О проекте

Центр языкового развития YES! — школа иностранных языков в Твери, которая обучает слушателей разных уровней владения английским и китайским.

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

• отсутствие адаптивной верстки для мобильных;
• отсутствие инструментов для гибкой работы с контентом и SEO-настройками;
• невозможность оставить заявку через формы обратной связи;
• невозможность объективно оценивать поведенческие метрики сайта.

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

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

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

Ограничения:

1. При разработке новой структуры сайта мы рассматривали возможность сделать разделы по темам с большим потенциалом роста — например: обучение языкам «онлайн», «подготовка к TOEFL», «подготовка к IELTS» и др.. Но из-за особенностей бизнес-модели (языковая школа работает исключительно на локальном рынке Твери) от этих направлений пришлось отказаться, что сузило целевую аудиторию и ограничило потенциал роста трафика. 
2. Кроме того, не все маркетинговые идеи, которые мы хотели внедрить — например, онлайн-тест на уровень знания английского языка или индивидуальные страницы преподавателей с записью — были реализованы. Клиент предпочёл сосредоточиться на ключевых функциях и оставить эти возможности на дальнейшие этапы развития сайта.

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

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

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

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

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

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

Все тексты написаны сотрудниками Центра языкового развития специально для сайта и отредактированы перед размещением.

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