bedside-hero.jpg

Ooler

This is what optimized sleep looks like

OOL_HOME_1.jpg

About This Project

Ooler was a new product concept designed to help regulate your sleeping temperature for better sleep and a higher quality of life. At the time when this site was designed and developed, Ooler was still very much still in the process of being born, so we knew we would need to build a Shopify storefront flexible enough to fit the shifting needs of the Ooler team.

With the goal of flexible content in mind, we build out Landing Pages as sections to allow Ooler’s team to add and reorder blocks of contents on Landing pages in a way that otherwise is available only on Shopify’s homepage templates.

Being only a single product store, we created a guided shopping experience to help customer move through their product selections with the tap of a single ‘shop now’ CTA anywhere within the site.

Site: Ooler (now chili technology!)

Role: Senior UX/UI designer.

Tools: Sketch, Invision, Principle, Adobe Suite

components.jpg
 

Component & Block Solution

It was important that our stackable blocks had pre-defining all parameters and flexibility from the get go so we could ensure as much flexibility and administrative ease as possible. I’ve never felt so popular amongst the developers when I handed over my well annotated files.

OOL_Guided_1.jpg
OOL_Guided_2.jpg
OOL_HOME_M_2.jpg