Lowlight

Collaborative App Design

Lowlight is a sleep tracking app built with the overtired student in mind. A time management tool geared towards improving sleep patterns and quality, Lowlight is designed to track and log a user’s sleep behaviour, allowing them to better understand their habits and helping them to move towards goals for healthier sleep. It comes with a library of soothing music, audiobooks, and calming colouring activities, as well as customizable smart-alarms, all implemented to help maximize a user’s sleep time. This app was created in collaboration with three other Graphic Design students, Kate McFarlane - UX strategy, Rens Rebudal - UI design, and Micah Dyck - Prototyping and presentation, while I was in charge of the content and wireframes.

Lowlight mascot, Smeurg(a blue gnome wearing a nightgown and cap holding a candelabra with a lit candle), looking up at the stars while standing on top of a hill
Process Work
Lowlight toolkit with typestyles, colour, image treatments, UI style guide, icon libraries, and mascot details
Lowlight version wireframe of landing page
Lowlight wireframe of landing page pop up directing users to the alarms page
Lowlight wireframe for calendar featuring the current month and date highlighted on the numbered calendar. Beneath it there is a list of tasks or reminders of when you want to go to bed and if you have smart alarms on or off for the day
Lowlight wireframe of drop down menu with extra information not included on main pages including a tab to go to the users app activity history
Lowlight wireframe of Account page featuring smeurg at the top of the page telling users they met their sleep goal last week
Lowlight wireframe of relax page featuring different music, immersive story, and colouring page options
Lowlight wireframe of alarm page featuring a smart alarm toggle and a plus sign to add alarms on at the bottom of the page
Lowlight wireframe of stats page featuring a graph on users lever of sleep the previous night and an overview of how users woke up and an option to see previous nights stats
stats pop up directing users to the relax page to get a better nights sleep and stay alseep
Lowlight wireframe of the history page an overview of what users listened to or coloured, and what that nights sleep stats were
Final Design
Lowlight loading page wireframe that says welcome at the top and the wordmark at the bottom of the screen. Illustration of mascot, aka blue gnome called smeurg looking up at the stars while standing on a hill
Lowlight version wireframe of landing page
Lowlight version wireframe of account page with smeurg at the top congradjulating users goal for last week
Lowlight wireframe of relax page featuring different music, immersive story, and colouring page options
Lowlight wireframe of stats page featuring a graph on users lever of sleep the previous night and an overview of how users woke up and an option to see previous nights stats
Lowlight wireframe for calendar featuring the current month and date highlighted on the numbered calendar. Beneath it there is a list of tasks or reminders of when you want to go to bed and if you have smart alarms on or off for the day

Check out the Prototype!

Previous Project...

A group of black and red lines with rounded corners crossing over eachother at 90 degree angels forming the letter 'E' in numerous places

The Type Directors Club

Next Project...

Sketchbook