Веб-дизайн / Разработка

Солнечный Город

Лендинг детского развивающего центра с тёплым дизайном, яркой векторной графикой и плавными анимациями

О проекте

Задача

Разработать landing page для детского развивающего центра «Солнечный Город». Сайт должен вызывать доверие у родителей, быть тёплым, дружелюбным и информативным. Полностью светлая тема, никаких стоковых фото — только векторные иллюстрации.

Решение

Создан одностраничный сайт на чистом HTML/CSS/JS с 6 секциями, 27 SVG-иллюстрациями и анимированными элементами. Тёплая цветовая гамма (коралл, бирюза, жёлтый), скролл-анимации, адаптивная вёрстка.

Технологии

HTML5CSS3 (Grid/Flexbox)JavaScriptSVG (27 шт)IntersectionObserverАдаптивная вёрстка

Ключевые особенности

Тёплая светлая тема: коралловый, бирюзовый, жёлтый — безопасные и радостные цвета

27 уникальных SVG-иллюстраций: дети, игрушки, животные, учебные атрибуты

Адаптивность под все устройства с 5 медиа-запросами

Анимации по скроллу через IntersectionObserver для плавного появления

6 программ: развитие, английский, подготовка к школе, гимнастика, творчество, логопед

Чистый HTML/CSS/JS — никаких зависимостей, максимальная скорость загрузки

Посмотреть проект

Открыть лендинг

Вернуться на главную