Сайт под ключ
для детской IT школы
[ Текст + UX/UI дизайн + Tilda ]
задача
Интересно и понятно рассказать о преимуществах и особенностях школы с призывом записаться на пробное занятие
ниша it образования
Сайт для ROBOPIXEL — IT школы для детей и подростков
Инструменты и сервисы
Дизайн: Figma
CMS: Tilda
CMS: Tilda
Глубокое исследование ниши
анализ конкурентов
Исследовала сайты конкурентов с точки зрения качества UX/UI, текстов, технической реализации и маркетинга, чтобы понять, за счет чего можно отсроиться и выделиться в нише
Слабые места конкурентов в UX/UI:
— перегруженная композиция
— сложная навигация (сложно найти нужную информацию)
— перегружены разделы с услугами и меню
— кнопки сливаются с фоном и путают посетителя сайта
— слишком много элементов для выбора
— плохой адаптив
Проблемы с текстами:
— текст сложно написан
— нужная информация не раскрыта
— нет отзывов
— не обоснованы преимущества для клиента
Нет базовой сео оптимизации
Слабые места конкурентов в UX/UI:
— перегруженная композиция
— сложная навигация (сложно найти нужную информацию)
— перегружены разделы с услугами и меню
— кнопки сливаются с фоном и путают посетителя сайта
— слишком много элементов для выбора
— плохой адаптив
Проблемы с текстами:
— текст сложно написан
— нужная информация не раскрыта
— нет отзывов
— не обоснованы преимущества для клиента
Нет базовой сео оптимизации
анализ ЦА
Изучила ЦА, её предпочтения, боли и возможные возражения
Да, решение о покупке принимает родитель. Но в нише встречается много отзывов именно от учеников. Поэтому критически важно было создать такой сайт, который одинаково хорошо работает как со взрослой аудиторией, так и с детьми
Определила состояние и тон оф войс, которые нужно передать через сайт, а также ключевую информацию, которая важна для ЦА и влияет на принятие решения
Да, решение о покупке принимает родитель. Но в нише встречается много отзывов именно от учеников. Поэтому критически важно было создать такой сайт, который одинаково хорошо работает как со взрослой аудиторией, так и с детьми
Определила состояние и тон оф войс, которые нужно передать через сайт, а также ключевую информацию, которая важна для ЦА и влияет на принятие решения
карта сайта
На основе маркетингового исследования разработала смысловую структуру сайта
Текст и прототип
Переработала тексты, сделала акцент на перспективах обучения IT, на пользе и реальных преимуществах школы
Упростила, сократила лишнее и дописала важное для потенциальных клиентов
Разделила на блоки для удобного чтения и максимальной прочитываемости
Усилила заголовки, чтобы сайт можно было читать по диагонали без потери смысла
Продумала подробный прототип, который последовательно закрывает все возражения потенциального клиента
Упростила, сократила лишнее и дописала важное для потенциальных клиентов
Разделила на блоки для удобного чтения и максимальной прочитываемости
Усилила заголовки, чтобы сайт можно было читать по диагонали без потери смысла
Продумала подробный прототип, который последовательно закрывает все возражения потенциального клиента
Дизайн-концепция
дизайн-концепция
Задача концепции — передать через сайт дружелюбную атмосферу на занятиях, доступность IT для любого возраста, профессионализм преподавателей, успешный опыт работы с детьми и реальные результаты
При этом дизайн должен быть «игривым», радостным и вызывать желание учиться именно в этой школе
Сначала я составила список ассоциаций первого и второго порядка, далее углубилась в поиск «той самой» цветовой палитры, стиля, шрифтовой пары и композиции
Основой концепции — стало сочетание интерфейсного серого цвета с ярким салатовым и спокойным сиреневым цветами
Получился современный динамичный концепт с яркими акцентами
При этом дизайн должен быть «игривым», радостным и вызывать желание учиться именно в этой школе
Сначала я составила список ассоциаций первого и второго порядка, далее углубилась в поиск «той самой» цветовой палитры, стиля, шрифтовой пары и композиции
Основой концепции — стало сочетание интерфейсного серого цвета с ярким салатовым и спокойным сиреневым цветами
Получился современный динамичный концепт с яркими акцентами
Сайт передаёт
вайб школы
вайб школы
результат
Получился понятный и нескучный сайт. Атмосфера на сайте передает вайб данной школы и вызывает доверие
Текст логично, интересно и последовательно рассказывает про особенности школы. Сайт понравится и взрослой аудитории, и детям
За время работы над проектом поняла, насколько сейчас классные возможности у детей 🔥
Текст логично, интересно и последовательно рассказывает про особенности школы. Сайт понравится и взрослой аудитории, и детям
За время работы над проектом поняла, насколько сейчас классные возможности у детей 🔥
