Wakeplay
Increasing user wakefulness and engagement through a customizable alarm clock app requiring users to beat short video games to silence their alarm indefinitely.
Role
UX Designer
Researcher
Visual Designer
Tools
Figma
Canva
Miro
Team
Mason Hash
Evan Neto
Simon Stone
Project Type
Figma Prototype
Background
Through the JMU SMAD program, we were tasked with designing a Hi-Fi Prototype for a personal app idea.
Our team chose to build an alarm clock app with a built in gaming system, requiring users to start a game or puzzle to shut off their alarm and complete it to prevent the alarm from going off again.
Problem
Every member of our team has struggled with snoozing in the past and wishes they didn’t have to set multiple alarms to wake them up.
Design Questions
-How to keep users engaged with the gamified aspect, so waking up becomes less of a chore?
-How might we cater to the needs of those with inconsistent sleep patterns?
-How might we implement the alarm and gaming elements in an easily understandable way?
We were instructed to form a research group of 8-10 people, primarily young adults and children.
We used Miro to pool our findings via their sticky note function.
THE PROCESS
From there, we put together two Journey Maps and Storyboards to help us develop a Primary and Secondary Persona.
Primary Persona: The Diligent Student
Secondary Persona: The Enthusiastic Gamer
Visual Design
We wanted the user to associate our app with sleep, and figured midnight blue and moonlight yellow would evoke that sort of “sweet dreams” vibe. We added orange as a bonus third color.
While Evan made the chart for our design themes and Wakeplay Logo, I put together our Digital Research Poster in Canva.
We split the project, each developing a Low-Fidelity wireframe for one of four tasks. I was assigned with designing the Alarms tab.
THE SOLUTION
Our High-Fidelity Prototype featured a page for setting alarms, selecting and testing games, a “relaxing sounds” page for
