Thins featured image
Sleep Thins’ front packaging design
Sleep Thins’ front packaging design
Sleep Thins’ back packaging design
Sleep Thins’ back packaging design
Man enjoying a good night sleep  after using thins.

Sleep Thins

2021
BRAND
packaging
print
WEBSITE
Client
Noah & Zoey (Ordinary Folk)
Agency
In-House
Role
Lead Designer & Art Director
Industry
Healthcare, Lifestyle, Retail

Sleep Thins is Singapore’s first sleep supplement in oral thin format made by Noah & Zoey as an over-the-counter product — I designed every element, from the custom type, art direction & packaging to the individual web pages. To emphasize the dreamy & slumberous qualities of Sleep Thins, the art direction took cues from all things sleepy & comfy; from soft pillows to psychedelic dreamscapes.

Sleep Thins’ front packaging design
Sleep Thins’ front packaging design
Sleep Thins’ back packaging design
Sleep Thins’ back packaging design
Man enjoying a good night sleep  after using thins.
Sleep Thins’ tin & sachets
Sleep Thins’ tin & sachets
Starry night  & pillow-esque details on the wordmark
Starry night & pillow-esque details on the wordmark
WORDMARK

These thin dissolving strips are easy to consume for anyone and were named Thins after its skinny quality. I wanted to convey that ‘thin’ trait visually in the logotype, on top of the sleep function it provides.

The logotype takes graphic cues from the squishy, fluffy characteristics of pillows while retaining the extremely tall & condensed look from the ‘thin’ trait. We aimed to make it stand out on a shelf with a lighthearted, visually curious impression.

Initial sketches of different ideas for different Thins
MARK SYSTEM

Thins was conceptualized as a series of products with different functionalities, Sleep Thins was the first of them.  We wanted each product to be uniquely different, visually embodying the individual functions & benefits in the ‘Thins’ wordmark.

The structural system for different Thins’ wordmarks
Typography overview of the overall design.
TYPOGRAPHY

To ensure typographic consistency among different types of Thins, each wordmark would use the same tall & condensed type base, Druk XX Condensed, to develop its individual, stylized variant. Each wordmark would also be accompanied by a bottom shadow layer, for greater emphasis & texture on the logotype.

Colours used in the Sleep thins packaging.
COLOURS

A tranquil, lavender purple was chosen to represent sleep, and also act as a call-back to one of the key ingredients in Sleep Thins. A distinct cucumber green was chosen as an accent colour to contrast the lavender & highlight the smaller visual details on the packaging.

Embossing on the front of Sleep Thins’ matte tin cover.
Embossing on the front of Sleep Thins’ matte tin cover
Sachets use a matte paper material.
Sachets use a matte paper material
Back of a Sleep Thins sachet.
Back of a Sleep Thins sachet
Peeling open a thins sachet.
MATERIAL EXPERIENCE

Sleep Thins uses a pocket-sized, sliding matte metal tin as packaging, for easy accessibility to the sachets inside.  The embossing on the logotype gives an extra tactile feel on the tin, it also accentuates the pillow-y characteristics of the wordmark.

Minimalist graphics of Sleep Thins’ ingredients
Minimalist graphics of Sleep Thins’ ingredients
Booklet included inside each Sleep Thins’ tin
Booklet included inside each Sleep Thins’ tin

Each tin of Sleep Thins also comes with an accordion booklet of ingredients and their benefits, as well as usage instructions. The booklet’s ingredients are showcased with minimalist graphics I created that support the information content.

WEBPAGES

Sleep Thins is sold on both the Noah & Zoey websites as supplements on their respective product pages. I planned and designed the Zoey product page within the Zoey brand & website system, while I refreshed & built upon the original Noah product page. The product pages were structured to be visually appealing yet also include the optimal amount of product information needed regarding consumer type, usage, function and benefits.

Both Noah & Zoey product pages had a changing real-time clock with different witty liners regarding getting a good night's sleep. The lines change every hour as the clock is updated.

Sleep Thins on Zoey’s Website
Desktop view of the website.Desktop view of the website.
Mobile view of the website.
Mobile view of the website.
Mobile view of the website.

The product pages were also designed across responsive displays from wide screens to mobile formats while retaining legibility and art direction.

Sleep Thins on Noah’s Website
Thins metal container with sachets showing.
Rendering of thins packaging.
Rendering of thins packaging.
Rendering of thins packaging.
3D RENDERS

I planned and art directed asset creation for the product’s launch. Together with our 3D designer, we created a suite of 3D assets of the Sleep Thins’ ingredients, sachets, dissolving strips and tin packaging for marketing and brand use across different channels for both the Noah and Zoey brands.

Next Project
Luxemono
BRAND
WEBSITE
digital
PACKAGING
print