Сайт Foxy: как мы создали «Вселенную Фокси» для детской школы цифрового рисунка

Foxy — школа цифрового рисунка для детей в Казани, Санкт-Петербурге и онлайн. Ее программа ориентирована на креативные digital-профессии, а нагрузка адаптируется под возраст и уровень ученика.

Школа искала творческую команду, чтобы создать подходящий по духу сайт: современный, оригинальный, цепляющий детей и взрослых. Foxy нашли AVA Digital — и с первой встречи у нас возникла синергия.

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

Чтобы это исправить, мы наметили план и выделили три шага к новой версии Foxy:

— сделать сайт интуитивно понятным для посетителей;

— разработать визуальную концепцию, которая отразит творческий характер школы;

— оживить маскотов через анимации и интерактив.

Работа шла в несколько этапов:

1. Продумали структуру и сделали навигацию понятной для посетителей.

2. Раскрыли в дизайне идею «Вселенной Фокси»: мира школы, где маскоты помогают детям учиться.

3. Добавили анимации с персонажами, ховеры и подсказки, чтобы сделать сайт увлекательным.

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

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

Особое внимание уделили мобильной версии: по статистике, сайт Foxy чаще всего открывают с телефона.

В основу дизайна легла идея «Вселенной Фокси» — творческого мира, где персонажи-животные помогают в обучении. У Foxy уже были маскоты: каждый отвечал за одно из направлений работы школы. Они использовались только в учебном процессе, а мы расширили их роль. Теперь это полноценные герои сайта, сопровождающие посетителя в каждом ключевом блоке.

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

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

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

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

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

Новый сайт Foxy представляет школу яркой, современной и творческой. Главной фишкой стали маскоты и анимации: они вовлекают и создают дружелюбную атмосферу.

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

Для нас проект стал особенным: клиент предоставил полную творческую свободу — и получил креативную, яркую и технологическую платформу. Мы оправдали доверие: по словам руководителя, Алины, сайт вышел именно таким, каким она его представляла, но не могла описать.