ANIMATED / INTERACTIVE Web Skins

FitBit BLAZE & ALTA HTML5 skin built for MEADIAMATH, with animated elements.

Animated HTML5/CSS3/JS Web Skins

MEDIAMIND 1570×1050 Animated HTML Skin

These animated skins were built to spec to run on the Mediamind platform. The requirement from the client was that they needed the skins to be animated as much as possible. I created a fireplace layout using 3 separate banner-like elements – top mast head and two side columns. The layout design, as well as all the coding (HTML+Javascript) was hand written by myself. The hosting platform allowed for this weird situation where the skins ended up being animated and interactive (ie button roll-overs)

1570×1050

1570×1050

Static In-SituWeb Skins

These are the static versions of the layout for the two additional FitBit products.

FLEX2_SKIN_v1_INSITU

1460×1000

CHARGE2_SKIN_v1_inSitu

1460×1000

Design
Development
Creative Direction

FitBit

Year: 2016
Categories: Design, Art Direction, User Experience, SVG, HTML/.js Coding