Sleep Number

Services:
Graphic Design
Web Design
Production Design
UX/UI Strategy
Tools:
Figma
Sketch
Photoshop
Illustrator
InDesign
After Effects
Date:
2019 - 2023

As an in-house graphic designer at Sleep Number, I created digital content for their website’s marketing campaigns and sales events, utilizing Adobe CC and Figma to build a wide array of imagery and web page layouts. Collaborating with a versatile team of creatives ensured that the website always remained beautiful, well maintained, and firmly unified with other creative channels.

As an in-house graphic designer at Sleep Number, I created digital content for their website’s marketing campaigns and sales events, utilizing Adobe CC and Figma to build a wide array of imagery and web page layouts. Collaborating with a versatile team of creatives ensured that the website always remained beautiful, well maintained, and firmly unified with other creative channels.

Services:
Graphic Design
Web Design
Production Design
UX/UI Strategy
Tools:
Figma
Sketch
Photoshop
Illustrator
InDesign
After Effects
Date:
2019 - 2023
digital rendering of a sleep number beddigital rendering of a sleep number bed

Styling an ever-changing website

Sleep Number is a fast-paced ecommerce brand whose marketing, holiday, and sales events are always on rotation, meaning that there was consistently high demand for new imagery and visual content for their website.

Using Adobe CC and Figma, the imagery I developed was stylized to work seamlessly and beautifully within the brand identity/system while also performing as accessible and responsive web elements. This involved creating multiple sizes/states of each asset to ensure that the visuals displayed perfectly across desktop and mobile screens.

compilation of screenshots of the sleep number websitecompilation of screenshots of the sleep number website
Another compilation of screenshots of the sleep number website from a different sales event
two different banners from the sleep number website, one to promot their smart beds and one for a holiday eventtwo different banners from the sleep number website, one to promot their smart beds and one for a holiday event
Various visual treatments to Sleep Number's mobile call to action content cards
Various visual treatments to Sleep Number's desktop call to action content cards

Building consistently great web experiences

When working with a large-scale identity system, ensuring that every asset is designed to match brand expectations is paramount. Building web pages that met, and exceeded, the needs of Sleep Number’s brand was accomplished through Figma’s component library system.

By mastering this library, projects involving new or updated web pages of any scale were easily and quickly buildable while maintaining brand identity.

Wireframe of final design of a sleep number website pageWireframe of final design of a sleep number website page
Complete final design displayed as wireframe previously above this image
Compilation of sleep number's and the N.F.L's collaboration on the sleep number websiteCompilation of sleep number's and the N.F.L's collaboration on the sleep number website
Desktop and mobile versions of Sleep Number's Ideal Temp promotional website page

Collaborating to discover excellence

Sleep Number is always seeking ways to maximize customer engagement, with new ideas constantly in the pipeline for how customers interact with the many pages of their website.

Working closely with marketing and UX teams, we identified opportunities for site improvement through the use of A/B testing; funneling customers to new approaches of content design and arrangement against tried-and-true strategies, and utilizing the best results in future site initiatives.

This would lead to increased traffic to the sales/event pages, higher purchase rate on product pages, and greater design solutions.

Screenshot of April 2023 sales page for Sleep Number
April 2023 - Sales Page
Sreenshot of June 2023 sales page for Sleep Number
June 2023 - Sales Page
3 screenshots of the same promotional page for Sleep Number's smart beds
Low intent of purchaseMedium intent of purchaseHigh intent of purchase

A major goal for Sleep Number is to be able to give customers a shopping experience that is tailored to their individual needs as mattress shoppers. By partnering with marketing and research teams, I helped create a path-to-purchase journey for those visiting our website and whose intent of purchase ranged from low, medium, and high.

Low intent (first time) visitors to the website would be introduced Sleep Number's mission and bed quiz. Medium intent (returning customers) were offered further insight into which smart bed was best for them. High intent (purchasing) customer's carts would be remembered and additional financing options would be offerred to encourage ease of purchase.

A major goal for Sleep Number is to be able to give customers a shopping experience that is tailored to their individual needs as mattress shoppers. By partnering with marketing and research teams, I helped create a path-to-purchase journey for those visiting our website and whose intent of purchase ranged from low, medium, and high.

Screenshot of the low intent of purchase version of a Sleep Number promotion

Low intent (first time) visitors to the website would be introduced Sleep Number's mission and bed quiz.

Screenshot of the medium intent of purchase version of a Sleep Number promotion

Medium intent (return customers) were offered further insight into which smart bed was best for them.

Screenshot of the high intent of purchase version of a Sleep Number promotion

High intent (purchasing) customer's carts would be remembered and additional financing options would be offerred to encourage ease of purchase.

digital rendering of a sleep number beddigital rendering of a sleep number bed