Jumpica — рекламное агентство, которое работает со многими известными брендами и делает для них крутую сувенирку, текстиль, полиграфию и POSM. В какой-то момент уровень и стиль работ перерос существующий сайт и его потребовалось обновить.
Задача
- Cоздать имиджевый корпоративный сайт для рекламного агентства Jumpica.
Решение
Фишкой проекта стали анимированные 3d-фигуры с оптическими иллюзиями.
Каждая анимация — это набор png, загруженных на сайт. При наведении курсора на 3d анимацию, png-картинки покадрово переключаются, и фигура вращается. Использование такого метода вместо тяжелых 3d моделей позволило значительно облегчить страницы и сэкономить бюджет заказчика.
В блоке «Процесс работы» ход оказания услуг разбит на 10 шагов. По мере скролла строки окрашиваются в оранжевый цвет. Такого эффекта мы достигли с помощью фильтра, работа которого регулируется специальной хэш-таблицей.
Для ховера мы тоже придумали несколько нестандартных вариантов. В блоке с услугами это оранжевая плашка, следующая за курсором.
В блоке «Что входит в услугу» каждая ссылка, при наведении на неё курсором, сразу с двух сторон подчеркивается оранжевым пунктиром, который сходится в центре.
Результат
Яркий, легкий сайт, создание которого мы завершили на 1,5 месяца раньше дедлайна.