My first steps were to define a solid sitemap and content strategy. With help from OSO, we were able to breakdown the content page by page to create a unified content experience that would drive users to checkout.
Once the sitemap and content strategy was approved I began the wireframing process. Every page was created with the goal of navigated the user through all the benefits of the OSO mattress and to convey the overall brand messaging.
My main objective was to create an experience that allowed full customization of the product to the user. This included utilizing interactive elements and animation. Additional objectives were defined in order to accomplish OSO’s goals.
The OSO mattress is basically a single product with multiple skus but because of the complexity surrounding the mattress configuration OSO needed Magento's robust system that can handle multiple attributes to be selected at once.
Next step was to incorporate GreenSock, my favorite animation JS library and ScrollMagic. When using GreenSock in conjunction with ScrollMagic you can really provide the user with an immersive experience that stands out.
When all was said and done the new OSO website really hit the mark and the user’s responded well! With these systems working together the finial product came together nicely and accomplished all the goals Reverie set out with the new OSO website. Visit OSOSleep.com