Oddbee.com

Sail forth to Oddbee.com

Working closely with team members for building out site content and features. Collaborating with Katerina Lyadova on creating a fully responsive HTML5, CSS3, & JS agency website based on her PSD designs as well as our own rapid prototyping process to solidify features before building them out.

Custom build includes retina support for images and sprites, many CSS3 animations, as well as interactive features such as the parallax Home & Mission sections on desktop. Built on top of Zurb Foundation 4 using SCSS, JS plugins, and many lines of custom jQuery.

Image switching based on screen size and pixel density using Foundation Interchange, so that image sizes are always optimized for the screen size.

Parallax interactive intro screen with a plane taking flight:

text

text

text

Mobile version that does not include parallax:

text

Services section with nav menu active:

text

Services section mobile:

text

Overlay with more details about one of the services:

text

Crew section:

text

Crew section mobile:

text

Overlay with more details about the crew member:

text

Contact section with nav menu active:

text

Three different sprite sizes for: 1) mobile; 2) mobile retina & regular desktop; 3) desktop retina

text

text

text

Sail forth to Oddbee.com