Oddbee.comSail 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:
Mobile version that does not include parallax:
Services section with nav menu active:
Services section mobile:
Overlay with more details about one of the services:
Crew section mobile:
Overlay with more details about the crew member:
Contact section with nav menu active:
Three different sprite sizes for: 1) mobile; 2) mobile retina & regular desktop; 3) desktop retina
Sail forth to Oddbee.com