Промосайт и анимация
ОРЕШНИК
Сайт-презентация PR-кампании: видеотипографика, экранная навигация и анимация интерфейса.
Задача и подход
Промосайт с экранным сценарием
Для агентства «Взрывной PR» разработали сайт-презентацию кампании «Орешник»: предложение, программа, пример работы, команда и контакты.
Спроектировали структуру, дизайн и адаптивную вёрстку. Реализовали видеотипографику во вступлении, переходы при прокрутке, поочерёдное появление карточек и анимацию коробок.
01 / Навигация
Один шаг — один экран
На компьютере прокрутка переключает экраны презентации. Меню открывает нужный раздел напрямую. На телефоне — последовательная прокрутка и адаптированная сетка карточек.
02 / Кейс в презентации
Задача. Решение. Цифры.
Для примера работы агентства выделили отдельный экран: упаковки Klatz, описание запуска, публикация Forbes и показатели PR-кампании.
Интерфейс в деталях
Движение ведёт по сценарию
Польза для клиента
Предложение, которое удобно показать
Агентство может показать предложение на встрече или отправить клиенту ссылку. Презентация ведёт от условий кампании к примеру работы и контакту. Нужный раздел можно открыть сразу, без повторного просмотра вступления.
Технологии и эффекты
HTML и CSS задают адаптивную сетку. JavaScript управляет экранными переходами и прокруткой. Видеотипографика открывает презентацию; CSS-анимация последовательно выводит карточки и поднимает упаковки на финальном экране.
Показатели PR-кампании на экранах относятся к предложению агентства, а не к результатам разработки сайта.
HTML / CSS / JavaScript