Website Design

Website Design

Sleepme Website

Sleepme Website

Overview

Website design for sleep.me. I collaborated with my design team to create a design system to hand off to our marketing team to use and maintain.

My Role

Design lead, as well as an individual contributor on component designs and page layouts. Worked with the dev team to build the site.

Component Designs & Checkout Flows

Below is an example of a product PDP using our design system. We provided checkout flows for the various products we offered.

Sample Layouts

Below are sample layouts using our design system that we provided for the marketing team to use as a reference when building out the site. We provided examples of mobile page layouts, desktop layouts, and a dark mode theme option. In addition to the Figma designs I worked with the Dev team to document every component using Storybook so marketing could refer to that as needed.