All case studies

Nervana Sleep

A Shopify build with care for the finer details.

Development
Pixel Harmony
Design
Noir
Focus
Shopify development

Not yet launched

Nervana’s product artwork, hero text, daily ritual cards, shopping interface and animated sleep timeline.
The Nervana Sleep storefront and interface details, shown before launch. Silent visual showcase. The project is described in the text below.

Getting the details right.

The supplements market is crowded. Nervana needed a slick store that was quick and easy to use, with care for the design and the shopping experience from the start.

We worked with Noir again on this one. They designed the site and we built it on Shopify. The client had a very clear idea of how it should look, so matching those designs closely was a big part of the job.

The product page.

The product page brings together the formula choices, subscription lengths and one-off purchase option. There’s a lot to fit around the product photography, and keeping those choices easy to follow was part of the brief.

The image gallery, selection controls and subscription panel each have their own details to get right. Matching Noir’s designs meant giving those individual components the same attention as the larger page layouts.

Nervana’s product page with its formula choices, subscription lengths and purchase options.
The product page and subscription options in the pre-launch store.

The details in motion.

The site has room for movement too. The sleep timeline moves through the stages of a night, while the recovery cards use animated gauges alongside the product story.

These smaller components are part of the design as a whole. Bringing them into the build meant paying attention to how they behave as well as how they look.

The sleep timeline card, showing the stages from sleep onset to waking.
Nervana’s circular sleep and recovery gauge card.
The waking card, with a circular gauge around its lifestyle photograph.

Performance mattered too.

Ecommerce sites can become bulky and slow. Nervana’s brief put performance and ease of use alongside the design, so a slick finish needed to come with a store that felt quick and straightforward to shop.

Nervana Sleep is still awaiting launch. The film and screenshots here show the pre-launch build.