White noise app built for sleep. Role: Full Stack & UX/UI Design.

White noise app built for sleep. Role: Full Stack & UX/UI Design.

Sounds
Sounds

A variety of sounds were chosen based on sampling of user preferences, and top selections across similar applications. Allowing quick access to categories, subcategories and recommendations, prvovides the user with an easy experience for finding the right sound.

Sounds - Navigation
Sounds - Navigation

Categories with subcategories allow the user find the exact sound. Offering a favoriting option, allows the user to save their sounds for easier acess.

Meditation
Meditation

After analyzing the research, I found the needs of the user to be reducing stress and erasing negative emotions. Meditations help the user relax, and stories allow the user to be distracted from racing or intrusive thoughts, so they are able to fall asleep.

Dream Journal
Dream Journal

Additional features such as dream journaling can help keep a record of the user’s dreams to help keep a track of quality of sleep. Voice recordings are preferable, because writing can be difficult after immediately waking up after sleep - and transcribing provides clarity for the sometimes difficult to understand audio.

Profile
Profile

Allowing the user to have access to data relating to their summary and sleep history allows them to see progress and gain insights into their sleep patterns. Health information is also taken into consideration.

Alarm
Alarm

A built in alarm allows streamline access to a rating system that immediately takes a rating of the User’s sleep quality and a button with less importance on snooze, is designed to help the User wake up on time.

Style Guide-04.jpg
Style Guide-03.jpg
Style Guide-09.jpg
Style Guide-02.jpg
Style Guide-10.jpg
Style Guide-06.jpg
Style Guide-08.jpg
Shleepy Avatars-02-02-02.jpg
Personas-01.jpg
Personas-02.jpg
Sketches---Shleepy-Wires.jpg
 Navbars, Login Menus, Buttons are currently being developed in HTML/CSS and & Vanilla JS. The UI was developed using Adobe Illustrator/Adobe XD.

Navbars, Login Menus, Buttons are currently being developed in HTML/CSS and & Vanilla JS. The UI was developed using Adobe Illustrator/Adobe XD.

Shleepy User Flow.jpg
Shleepy Flow.jpg
flow-01.jpg
flow-02.jpg
 Main Landing Page with clear CTA’s.

Main Landing Page with clear CTA’s.

Shleepy-Loading-Screen-.gif
Style Guide-07.jpg
Create Your Mix
Create Your Mix

User Research shows that users prefer the ability to create custom soundscapes that allows them to fall asleep faster based upon their preferences. The variety of sounds allows the user to tailor the mix to their exact preference.

 White noise app built for sleep. Role: Full Stack & UX/UI Design.
Sounds
Sounds - Navigation
Meditation
Dream Journal
Profile
Alarm
Style Guide-04.jpg
Style Guide-03.jpg
Style Guide-09.jpg
Style Guide-02.jpg
Style Guide-10.jpg
Style Guide-06.jpg
Style Guide-08.jpg
Shleepy Avatars-02-02-02.jpg
Personas-01.jpg
Personas-02.jpg
Sketches---Shleepy-Wires.jpg
 Navbars, Login Menus, Buttons are currently being developed in HTML/CSS and & Vanilla JS. The UI was developed using Adobe Illustrator/Adobe XD.
Shleepy User Flow.jpg
Shleepy Flow.jpg
flow-01.jpg
flow-02.jpg
 Main Landing Page with clear CTA’s.
Shleepy-Loading-Screen-.gif
Style Guide-07.jpg
Create Your Mix

White noise app built for sleep. Role: Full Stack & UX/UI Design.

Sounds

A variety of sounds were chosen based on sampling of user preferences, and top selections across similar applications. Allowing quick access to categories, subcategories and recommendations, prvovides the user with an easy experience for finding the right sound.

Sounds - Navigation

Categories with subcategories allow the user find the exact sound. Offering a favoriting option, allows the user to save their sounds for easier acess.

Meditation

After analyzing the research, I found the needs of the user to be reducing stress and erasing negative emotions. Meditations help the user relax, and stories allow the user to be distracted from racing or intrusive thoughts, so they are able to fall asleep.

Dream Journal

Additional features such as dream journaling can help keep a record of the user’s dreams to help keep a track of quality of sleep. Voice recordings are preferable, because writing can be difficult after immediately waking up after sleep - and transcribing provides clarity for the sometimes difficult to understand audio.

Profile

Allowing the user to have access to data relating to their summary and sleep history allows them to see progress and gain insights into their sleep patterns. Health information is also taken into consideration.

Alarm

A built in alarm allows streamline access to a rating system that immediately takes a rating of the User’s sleep quality and a button with less importance on snooze, is designed to help the User wake up on time.

Navbars, Login Menus, Buttons are currently being developed in HTML/CSS and & Vanilla JS. The UI was developed using Adobe Illustrator/Adobe XD.

Main Landing Page with clear CTA’s.

Create Your Mix

User Research shows that users prefer the ability to create custom soundscapes that allows them to fall asleep faster based upon their preferences. The variety of sounds allows the user to tailor the mix to their exact preference.

show thumbnails