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