Создание сайта Орешник под ключ — промосайт PR-спецпроекта с анимацией и интерактивной презентацией

Описание

Создание сайта под ключ для PR-спецпроекта «Орешник» агентства «Взрывной PR»: структура, дизайн сайта, адаптивная вёрстка и разработка интерактивной презентации. Посетитель проходит от идеи кампании к составу работ, примеру реализации, команде и контактам.

Цель
Объяснить сложное предложение без длинной страницы однотипных блоков. На сайте нужно показать, что входит в PR-кампанию, как устроена работа и на каком опыте основано предложение. При этом сохранить характер проекта: энергичное вступление, контрастную типографику и оранжевый акцент.

Сложность
Сайт сочетает анимированное интро и экраны с условиями, цифрами и подробностями. Если переходы слишком резкие, посетитель теряет место; если движение затягивается, оно мешает читать. Отдельная задача — управление на компьютере и телефоне: колесо мыши и свайп дают разные по длительности и силе сигналы.

Решение

— Построили последовательность экранов: предложение, программа, результаты кампании, пример Klatz, команда и обращение в агентство. Верхняя навигация позволяет перейти к нужному разделу напрямую.
— В интро использовали огненное видео внутри букв названия. В основной части оставили светлый фон, крупные узкие заголовки и оранжевые акценты: условия и показатели читаются без конкуренции с декором.
— Реализовали управление состояниями презентации и переходами между разделами. Обработку колеса мыши и сенсорных жестов разделили, чтобы один жест не пропускал несколько экранов подряд.
— Для мобильной версии переработали расположение блоков, карточек и текста. Адаптивный дизайн сайта сохраняет порядок рассказа и доступ к навигации на небольшом экране.
— Финальный экран собрали вокруг прямого действия: обсудить проект. Объёмная графика поддерживает оформление, а контакты и способы обращения остаются частью интерфейса.

Технологии
HTML, CSS и JavaScript; адаптивная вёрстка; видео в текстовой маске; анимация и переключение состояний; обработка колеса мыши и touch-жестов. Типографика — Roboto Flex и Roboto Condensed. Графика, контент и движение объединены в одну презентацию.

Результат

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

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