Многостраничный сайт

для языковой школы

«Академия открытого образования»

Многостраничник

Сайт под ключ

Tilda

Посмотрите проект

Ко мне обратилась языковая школа в Абакане с запросом на редизайн старого сайта. Задача — разработать современный и понятный многостраничник на Tilda с целью повышения конверсии и создания онлайн-имиджа компании.

Задача

Клиент

«Академия открытого образования»

Проект

Многостраничный сайт

Год

2024

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

Исследование ЦА и конкурентов, сбор семантического ядра

Написание продающих текстов с упором на маркетинг

Создание прототипа

Создание мудборда с ассоциативным рядом и референсами

Создание дизайн-макета десктопной версии

Создание дизайн-макета 4 адаптивных версий

Адаптивная верстка на Тильде со сложной анимацией

Базовое SEO и технические настройки

Подключение веб-чата «Re:plain», платежной системы Юkassa

Вводные

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

Начало работ

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

Поэтому было решено — пора делать новый.

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

/01

Аналитика

Основа продуманного и конверсионного сайта — глубокий анализ ЦА и конкурентов, с чего я и начала работу. В Академии есть несколько курсов, которые направлены на 5 ключевых сегментов ЦА:

Для каждого сегмента выявлены боли, потребности, выгоды от продукта.

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

родители, которые приводят детей в языковую школу

взрослые, которые изучают английский для себя

взрослые, которые изучают другие иностранные языки для себя (немецкий, испанский, французский, китайский)

взрослые или школьники, что готовятся к TOEFL / IELTS

школьники, что готовятся к ЕГЭ / ОГЭ

/02

тексты & Прототип

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

Составила структуру сайта, в которой насчитывается 25+ страниц с учетом типовых для сведений об образовательной организации.

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

/02

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

тексты & Прототип

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

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

Оформила тексты в прототип (схематичную версию сайта) и записала видео-презентацию. Макет был принят практически без правок.

/03

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

мудборд

Затем приступила к созданию мудборда для нащупывания стилистики проекта. В нем важно было передать надежность и профессионализм, но в то же время не забывая об ощущении открытости и дружелюбия.

Взяла шрифт «Onest», что отражает строгость, серьезность, но в то же время в нем считывается дружелюбие за счет округлых форм.

/04

Дизайн

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

В качестве основного стиля принят «bento ui» с блочным построением контента и скругленными плашками.

/04

Дизайн

Записала подробную видео-презентацию с обоснованием решений и отправила заказчику на согласование. Макет приняли практически без правок.

/05

Настроила мягкую анимацию появления элементов при скролле в соответствии с пожеланием заказчика. Добавила веб-чат «Re:plain» для упрощения взаимодействия с аудиторией и сервис онлайн-оплаты «Юkassa» для автоматизации приема платежей от клиентов за участие в конкурсе творческих работ.

Верстка и функционал

После утверждения дизайн-макета, приступила к верстке на платформе Tilda.

Сделала адаптивные версии для планшетов и смартфонов с упором на UX для приведения пользователей к целевому действию на любом из устройств.

/06

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

Завершение и отзыв

Заказчик остался доволен и оставил восторженный отзыв, в котором отметил четкость в моей работе.

aoe.su

Ссылка на проект

Сайт находится сейчас под полным управлением заказчика и может отличаться от изначального макета и функционала*

Результат

Полностью готов для приема трафика из Рекламной сети Яндекс и других источников

Закрывает посетителей на оставление заявки для записи на пробный урок

Повышает уровень лояльности и доверия потенциальных клиентов

Эффективно доносит ценность услуг и преимущества школы

Закрывает все вопросы, сомнения и возражения

По итогу клиент получил сайт, который:

Позволяет отстроиться от конкурентов за счет отражения сильного позиционирования и формирования онлайн-имиджа

Автоматизирует процесс получения оплаты от клиентов за участие в конкурсе творческих работ