Sleep + Recharge

Visual Design Info. Read

Focus.

Infographics

Science Info.

Content Writing

Research

Visual Design

Tools.

Sketch

Adobe Illustrator

Photoshop

Keynote

Unsplash

Overview.

This project was a visual info. read design, combining research and UX thinking, to produce a visually coherent and useful read for people. Sleep problems affect around #% of people (Link), and sleep works with other systems of the body to influence people’s well-being, so it seemed constructive to share this information in a paired down but potent read via email.

 

Keywords.

Sleep, Cycles, Waves, REM, NREM, Benefits, Koalas

 

What guided the info. read’s message?

 

01 - Universality

Sleep affects everyone and is for the 66 percent of the time most of us are awake each day, 33% of the time of our body is resting in sleep or daydreams.

 

02 - Connected

Additionally, sleep is a mechanism that has a lot going on. It influences and beats in tandem with the many other systems of the body {10/12 including cardiovascular, circulatory, and muscular}.

 

03 - Relevant

Sleep is something relevant to everyone and with the understanding of science and research and info. people have a 25% tendency to be aware or make choices based on that newly digested information.

 
 
 

Additionally, with Sleep + Stress being something to work on together or that influences each other, it was a topic that was far reaching in terms of people’s relationship to the material and to how they may perceive sleep and to how they may choose to influence sleep. Their own sleep patterns, and the sleep patterns of those around them. On a personal note, I think it is fun to learn about the why behind things.

Sleep is constantly happening to us, the lull of dreams and a slumbering body, but I don’t always understand the mechanism behind this daily occurrence. Why not learn something and piece together it’s inner & outer workings. :)

 
 

What guided the info. read’s layout, colors, and font?

01 Colors, 02 Font, 03 Layout

Lorem Ispum Sleep is constantly happening to us, the lull of dreams and a slumbering body, but I don’t always understand the mechanism behind this daily occurrence. Why not learn something and piece together it’s inner & outer workings. :)

 

Jungle Green

HEX: 5E968

Night Sky

HEX: FFFFFF

Moss Green

HEX: 7DA292

Bark Brown

HEX: 726453

Dusk Grey

HEX: 6D819E

 

Objectives for the Pre - Design

 

 01 Create Visuals


02 Research Material and Infographics


03 Design choices


 
 

 01 Create Visuals


02 Research Material and Infographics


03 Design choices


 
 
 

 01 Create Visuals


02 Research Material and Infographics


03 Design choices


 

Objectives for the Pre - Design

 

 01 Create Visuals


02 Research Material and Infographics


03 Design choices


 
 
 
 
 

 01 Create Visuals


02 Research Material and Infographics


03 Design choices


 

 01 Create Visuals


02 Research Material and Infographics


03 Design choices


 

5 Themes + Cycles.

 

 

01 Cycles

Impact of sleep on the body.

 

02 Benefits

Ways to improve sleep patterns

03 How to Do It

Defining the sleep process.

 

04 Sleep Stages/ Hours

How much sleep is best for various ages

05 Brain

Sleep cycles + those around us

 
 

Summary - Focus for the info read Creation.

Additionally, sleep is a mechanism that has a lot going on. It influences and beats in tandem with the many other systems of the body {10/12 including cardiovascular, circulatory, and muscular}.

Additionally, sleep is a mechanism that has a lot going on. It influences and beats in tandem with the many other systems of the body {10/12 including cardiovascular, circulatory, and muscular}.

Additionally, sleep is a mechanism that has a lot going on. It influences and beats in tandem with the many other systems of the body {10/12 including cardiovascular, circulatory, and muscular}.

 

Users = All People + Koalas

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Benefits of Sleep for Koalas and People

 
 
 

Koala 1

Koalas are the cutest when they are asleep!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

Stronger Immune System

 
 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 
 

+ Social & Emotional Skills

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 
 

+++ Energy

 
 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

Koala 2

 

Koalas are the cutest when they are asleep!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

 
 

 People remember around 80% of what they see versus 10% of what they hear and 20% of what they read. (Link)

Creation and Sleep.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 
 

 People process images 60,000 x’s faster than written or typed text. (Link)

P1 Of Visual Representation.

Visualize 4 in 1

Visualize 4 in 1.

P2 of Visual Representation.

It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.

P2 of Visual Representation.

It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.

P2 of Visual Representation.

Visualize 4 in 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  People spend on average 10 seconds reading a brand email (“Statista” Link)

 

Email Read.

“Final” Newsletter

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 
 
 

People will spend less than 15 seconds actively reading on a website. (Link) People more strongly remember content when images combine and support the text. (Find Link!)

That’s A Snooze. Onwards into the light!

 
 
 

01

 

It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.

 
 

02

 

Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.

 
 

03

 

Be clear, be confident and don’t overthink it. The beauty of your story is that it’s going to continue to evolve and your site can evolve with it. Your goal should be to make it feel right for right now. Later will take care of itself. It always does.

Whatever it is, the way you tell your story online can make all the difference.

 

It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.

  People spend on average 10 seconds reading a brand email (“Statista” Link)  Benefits ~ “People are more likely to remember visual info.” (Link)

“Sleeping is no mean art; For its sake one must stay awake all day.”

— Friedriche Nietzsche

Read on w/ a cup o’ Cocoa


 Christine K-O’s UX Portfolio

Let’s Create.

Discover and Design