НА ГЛАВНУЮ

КЕЙС / ВЕБ-ДИЗАЙН И РАЗРАБОТКА

САЙТ ШКОЛЫ МЕЖДУНАРОДНОГО ПРЕДПРИНИМАТЕЛЯ

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

СМОТРЕТЬ САЙТ

ФОРМАТ

ОБРАЗОВАТЕЛЬНЫЙ САЙТ

ЗАДАЧА

ПРОДАЖИ + УЗНАВАЕМОСТЬ

ПЛАТФОРМА

ТИЛЬДА

Главный визуал сайта Школы международного предпринимателя

Первый экран сайта

01 / ЦЕЛИ

ЦЕЛИ И ЗАДАЧИ

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

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

01

ПРОДАЖА ПРОГРАММ

02

УЗНАВАЕМОСТЬ ШКОЛЫ

03

ПОНЯТНЫЙ ВЫБОР ПРОГРАММЫ

02 / АНАЛИЗ

АНАЛИЗ НИШИ И ПОИСКОВОГО СПРОСА

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

Параллельно собрал поисковые запросы по образовательным программам и поездкам через Яндекс Вордстат. Эти данные использовал при формировании структуры, заголовков и текстов для дальнейшей поисковой оптимизации сайта (SEO)

Анализ сайтов конкурентов Школы международного предпринимателя

Анализ сайтов конкурентов

Ключевые запросы Школы международного предпринимателя в Яндекс Вордстат

Ключевые запросы в Яндекс Вордстат

03 / ПРОЕКТИРОВАНИЕ

СТРУКТУРА И НАПРАВЛЕНИЕ ДИЗАЙНА

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

Визуальное направление построил вокруг крупной типографики, насыщенных фотографий и контрастных графических элементов. Отдельное внимание уделил тому, чтобы большой объём программ быстро считывался и при этом сохранял цельный характер сайта

04 / ВИЗУАЛ

ДИЗАЙН И ИНТЕРАКТИВ

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

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

ПЕРВЫЙ ЭКРАН И БЕГУЩАЯ СТРОКА

Первое знакомство с проектом и географией программ

Первый экран и бегущая строка сайта Школы международного предпринимателя

ИНТЕРАКТИВНЫЕ ПАЗЛЫ

Разобранное и собранное состояния механики

Интерактивный пазл в разобранном состоянии

Разобранное состояние пазла

Интерактивный пазл в собранном состоянии

Собранное состояние пазла

КАЛЕНДАРЬ ПРОГРАММ

Даты, направления, возраст и краткое описание в единой системе

Календарь образовательных программ на сайте Школы международного предпринимателя

ПРЕИМУЩЕСТВА, ОТЗЫВЫ И ФОРМА

Доверие к проекту и финальный переход к заявке

Преимущества, отзывы и форма заявки на сайте Школы международного предпринимателя

05 / РАЗРАБОТКА

РАЗРАБОТКА И ПЕРЕДАЧА

Сайт собрал на Тильде с большим объёмом собственной кодовой логики. Это позволило реализовать интерактивные пазлы, бегущую строку и другие нестандартные элементы без привязки к базовым шаблонам

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

Интерактивные механики и нестандартные элементы на коде
Удобное редактирование контента для заказчика
Адаптация под компьютерную, планшетную и мобильную версии
Видеоинструкция по дальнейшей работе с сайтом
Поисковая оптимизация сайта (SEO)
Финальная техническая проверка перед публикацией

06 / ИТОГ

РЕЗУЛЬТАТ

Получился выразительный образовательный сайт, который последовательно знакомит пользователя со школой, объясняет устройство программ, помогает сравнить направления и подводит к заявке

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

СМОТРЕТЬ САЙТ
Верхняя часть полного дизайна сайта Школы международного предпринимателя Нижняя часть полного дизайна сайта Школы международного предпринимателя

Полный дизайн страницы

НУЖЕН САЙТ ДЛЯ ВАШЕГО БИЗНЕСА?

ОБСУДИМ ПРОЕКТ И СОБЕРЁМ САЙТ ПОД ВАШИ ЗАДАЧИ

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

ЗАКАЗАТЬ САЙТ
Made on
Tilda