23 апреля 2012 г.

Промо-сайт крутой бритвы от Panasonic

В нашем портфолио появилась ещё одна работа — промо-сайт бритвы от Panasonic «5 лезвий». Концепция и дизайн, а также 3D-рендеры были созданы студией Nile.

В этом проекте перед нами стояла задача разработать сайт, основным элементом которого является крутящаяся бритва. Её анимацию нужно было реализовать без использования Flash. Результат можно посмотреть на http://5blades.panasonic.ru/.

При переходе к каждой из семи технологий бритва меняет ракурс, а описание выбранной технологии появляется сбоку. У вращения бритвы есть особенность: если тянуть за саму бритву, то она воспринимает движение мыши по горизонтали, а если тянуть за ползунок на дугообразном «прогресбаре», то бритва чувствительна к движению по этой дуге. Если посетитель доведёт ползунок до промежуточного состояния, то бритва самостоятельно займёт ближайшее положение.

В этом проекте был использован backbone.js, что позволило сделать javascript-код модульным.

Комментариев нет:

Отправить комментарий