
Wake Park
Контекст
Вейк-парк в Павловском Посаде. Аудитория делится на две группы: те, кто ни разу не вставал на доску и не понимает, что вообще происходит на вейке, и те, кто катается и хочет быстро увидеть условия. Решение принимается быстро и почти всегда с телефона.
Задача
Собрать структуру, в которой оба сценария доходят до обращения за минимальное число шагов, и передать характер места — воду, скорость, движение. Не каталог услуг, а ощущение, ради которого сюда едут.
Визуальное направление
Тёмная база, чтобы фотографии и видео работали в полную силу. Крупный плотный гротеск с контурными начертаниями для акцентов. Один тёплый коралловый акцент на действиях. Кадры воды — во всю ширину, без рамок и скруглений.

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

Desktop
Широкая сетка с крупными медиа и заметными внешними полями. Нумерация секций и технические подписи набраны моноширинным шрифтом — это держит ритм и добавляет точности. Действие доступно из шапки с любой точки страницы.

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

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

Разработка
Next.js и TypeScript. Изображения и видео оптимизированы и подгружаются по мере необходимости, анимации построены на transform и opacity, вёрстка проверена от 360 px до широких экранов.



Что сделано
- Структура и сценарии первого визита
- Визуальная концепция и типографическая система
- Десктопная и мобильная версии
- Motion-система с поддержкой reduced-motion
- Разработка и публикация на Next.js
Мы не публикуем клиентские метрики и не приписываем себе бизнес-результаты. Всё перечисленное можно проверить на самом сайте.
Следующие проекты появятся здесь по мере их реализации.
Контакты
Есть проект, которому нужен сильный цифровой образ?
Заполните форму — этого достаточно, чтобы мы начали разбираться в задаче. Отвечаем в течение рабочего дня.
Отвечаем в течение рабочего дня.