Разработка промо-сайта «Panasonic 5 Blades»

Концепция, дизайн, 3D, анимация — Студия Nile.

Задача: Сверстать одностраничный промо-сайт и реализовать анимацию бритвы без использования Flash.

Результат: Сделано за неделю силами двух человек. Анимация на HTML5, свёрстано по БЭМ.

http://5blades.panasonic.ru/

Анимация

Процессом анимации бритвы можно управлять вручную, переместив поинтер по дуге к одной из семи особенностей или просто потянув бритву вправо-влево.
Подгрузка кадров

Все кадры анимации весят более 4-х мегабайт, пришлось сделать простенький подгрузчик.
Ссылки на особенности

Описания семи особенностей данной бритвы составляют весь контент сайта, поэтому на любое из них можно дать ссылку.