01
КЕЙС / ВЕБ-ДИЗАЙН И РАЗРАБОТКА
Разработал сайт для Школы международного предпринимателя на Тильде: продумал структуру, визуальную систему и путь пользователя от первого знакомства с программами до заявки. Основной акцент сделал на продажах образовательных программ и повышении узнаваемости проекта. Дополнительно реализовал нестандартные интерактивные механики на коде и подготовил удобную систему редактирования контента для заказчика
СМОТРЕТЬ САЙТ
Первый экран сайта
01 / ЦЕЛИ
Основная задача сайта - понятно представить образовательные программы школы и выстроить путь пользователя к заявке. Посетитель знакомится с направлениями поездок, понимает состав программы, видит преимущества обучения и может выбрать подходящий вариант
Вторая задача - усилить узнаваемость школы за счёт цельного визуального образа и нестандартных интерактивных элементов. Сайт должен запоминаться, но при этом оставаться понятным и удобным для родителей и участников программ
01
02
03
02 / АНАЛИЗ
Перед проектированием изучил сайты образовательных проектов со схожей аудиторией и сценариями выбора. Сравнил подачу программ, структуру страниц, работу с преимуществами, отзывами и точками перехода к заявке
Параллельно собрал поисковые запросы по образовательным программам и поездкам через Яндекс Вордстат. Эти данные использовал при формировании структуры, заголовков и текстов для дальнейшей поисковой оптимизации сайта (SEO)
Анализ сайтов конкурентов
Ключевые запросы в Яндекс Вордстат
03 / ПРОЕКТИРОВАНИЕ
На основе анализа сформировал последовательность блоков и сценарий движения по странице: знакомство со школой, направления поездок, содержание программ, возраст участников, даты, преимущества, отзывы и переход к заявке
Визуальное направление построил вокруг крупной типографики, насыщенных фотографий и контрастных графических элементов. Отдельное внимание уделил тому, чтобы большой объём программ быстро считывался и при этом сохранял цельный характер сайта
04 / ВИЗУАЛ
После утверждения структуры развил визуальную систему сайта. Первый экран строится вокруг крупного изображения, сильного заголовка и бегущей строки с городами и странами, чтобы сразу показать масштаб образовательных поездок
Одной из основных визуальных механик стал интерактивный блок с пазлами. Элементы можно собирать, а сама механика помогает наглядно показать, из каких частей складывается образовательная программа. Решение реализовано отдельно на коде и не ограничивается стандартными возможностями платформы
Первое знакомство с проектом и географией программ
Разобранное и собранное состояния механики
Разобранное состояние пазла
Собранное состояние пазла
Даты, направления, возраст и краткое описание в единой системе
Доверие к проекту и финальный переход к заявке
05 / РАЗРАБОТКА
Сайт собрал на Тильде с большим объёмом собственной кодовой логики. Это позволило реализовать интерактивные пазлы, бегущую строку и другие нестандартные элементы без привязки к базовым шаблонам
Отдельно продумал дальнейшее редактирование проекта. Для основных блоков подготовил понятный интерфейс изменения контента, чтобы заказчик мог самостоятельно обновлять тексты и изображения без работы с кодом. Дополнительно записал видеоинструкцию по редактированию сайта
06 / ИТОГ
Получился выразительный образовательный сайт, который последовательно знакомит пользователя со школой, объясняет устройство программ, помогает сравнить направления и подводит к заявке
Визуальная система и интерактивные механики усиливают узнаваемость проекта, а техническая реализация делает сайт удобным не только для посетителя, но и для дальнейшей работы заказчика. Структура страницы подготовлена под развитие контента и дальнейшее поисковое продвижение
СМОТРЕТЬ САЙТ
Полный дизайн страницы
НУЖЕН САЙТ ДЛЯ ВАШЕГО БИЗНЕСА?
Расскажите о проекте и задачах сайта. Я помогу определить подходящий формат работы и сориентирую по следующим шагам
ЗАКАЗАТЬ САЙТ