Говорят, выше головы не прыгнешь. Но это говорят те, кто не делал сайт для Jumpica
Jumpica — рекламное агентство, которое работает со многими известными брендами и делает для них крутую сувенирку, текстиль, полиграфию и POSM. В какой-то момент уровень и стиль работ перерос существующий сайт и его потребовалось обновить.
![](https://s29805.cdn.ngenix.net/wp-content/jumpica/x010.png.pagespeed.ic.3OOWQYtNak.png)
Задача
- Cоздать имиджевый корпоративный сайт для рекламного агентства Jumpica.
Решение
![](https://s29805.cdn.ngenix.net/wp-content/jumpica/x11.png.pagespeed.ic.pGG0_O3cj2.png)
![](https://s29805.cdn.ngenix.net/wp-content/jumpica/2.png)
Фишкой проекта стали анимированные 3d-фигуры с оптическими иллюзиями.
Каждая анимация — это набор png, загруженных на сайт. При наведении курсора на 3d анимацию, png-картинки покадрово переключаются, и фигура вращается. Использование такого метода вместо тяжелых 3d моделей позволило значительно облегчить страницы и сэкономить бюджет заказчика.
В блоке «Процесс работы» ход оказания услуг разбит на 10 шагов. По мере скролла строки окрашиваются в оранжевый цвет. Такого эффекта мы достигли с помощью фильтра, работа которого регулируется специальной хэш-таблицей.
Для ховера мы тоже придумали несколько нестандартных вариантов. В блоке с услугами это оранжевая плашка, следующая за курсором.
В блоке «Что входит в услугу» каждая ссылка, при наведении на неё курсором, сразу с двух сторон подчеркивается оранжевым пунктиром, который сходится в центре.
Результат
Яркий, легкий сайт, создание которого мы завершили на 1,5 месяца раньше дедлайна.