«Вот это да!»
Маленькие сюрпризы
на каждом экране

Разработка сайта для детского интерактивного парка в Барнауле

Перед открытием парка нам нужен сайт, который покажет атмосферу и стиль нашего проекта. Он должен быть простым, удобным, красочным и дружелюбным. Хотелось бы выделиться на фоне конкурентов и уложиться в бюджет. Жду классный детский сайт!

Главной задачей проекта было соединить простоту и удобство с визуальной насыщенностью в рамках фирменного стиля. При этом сайт должен был передавать интерактивный «вот это да!"‑эффект через маленькие анимации, пасхалки и дружелюбный тон — приглашая играть ещё до посещения парка.

Интерактивный
просмотр

Таня ещё создала очень классного тигра-маскота, которого было решено сделать "проводником" для пользователя сайта.

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

Таня ещё создала очень классного тигра-маскота, которого было решено сделать "проводником" для пользователя сайта.

The quick brown fo

RGB: 119 52 139
HEX: 77348b
CMYK: 66 91 0 0

RGB: 249 241 228
HEX: f9f1e4
CMYK: 3 6 12 0

RGB: 239 125 0
HEX: ef7d00
CMYK: 0 60 100 0

RGB: 53 171 82
HEX: 35ab52
CMYK: 75 0 85 0

Для заголовков
и подзаголовков

Контентный текст

Размер
60 px / 26 px

Размер
20 px

Начертание
Extralight

Начертание
Normal

RGB: 234 79 61
HEX: ea4f3d
CMYK: 0 80 75 0

RGB: 253 195 0
HEX: fdc300
CMYK: 0 25 100 0

В фирменном стиле уже были заложены красочные графические элементы, которые я органично встроила в оформление блоков.

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

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

Вау-эффект
и детали

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

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

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

В мире «Вот это да» чудеса случаются внезапно, на каждом шагу.

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

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

Идея вау-эффекта уже заложена в самом названии «Вот это да!». Для меня было важно создать не просто сайт, а передать через него философию бренда и эмоцию, которую парк дарит своим посетителям. Расскажу подробно, с помощью чего я решала эту задачу.

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

А детали — маленькие «пасхалки»: не обязательно заметные всем, но создающие чувство заботы и продуманности.

Неочевидная, но моя любимая деталь на странице ошибки: я пропустила тигра через нейронку, чтобы создать удивлённое выражение мордочки. Так мы снова возвращаемся к эффекту неожиданности и буквально обыгрываем название «Вот это да!».

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

Дизайн
Полное превью

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

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

Для создания дружелюбного образа острые графические элементы было решено сочетать с небольшими скруглениями 10−20 px.

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

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

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

Что получилось в итоге
и обратная связь

Добрый день!✨️
Хотела поделиться впечатлениями о работе с Екатериной. Проект был осуществлен в краткосрочные сроки. Профессионализм был виден сразу, начиная с созвона. Всё проанализированно. Аккуратность в макетах. Внимание к деталям проекта🙏

Екатерина всегда предлагает дизайн- решения🔥 Работаем по сей день, что-то меняем, добавляем, убираем.

Если хотите особенный сайт, вкусный, яркий, продаваемый, тогда 100% вы попали в нужные руки!

Этот проект стал для меня примером того, как на этапе запуска бизнеса,  при минимальном контентном наполнении и на основе готового фир.стиля можно создать живой и эмоциональный сайт. За счёт внимания к деталям, аккуратных анимаций и продуманной структуры удалось передать философию бренда и  «вот это да!"-эффект ещё до посещения парка.

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

Буду рада обратной связи, комментариям и вопросам по проекту.

Маленькие детали — большие эмоции.

Спасибо, что заглянули в этот проект!