With busy schedules and hustle culture being popular, many people forget the importance of sleeping. There are also people who have trouble falling asleep, due to insomnia or other issues. Bearly Awake was created to help those build a better routine for a better bed time.

What it does

Bearly Awake helps users build a routine to help them go to bed. It includes a checklist for users to add task that would help them before bedtime, such as turning off your phone at a certain time, remembering to play relaxing music, or even noting when to get ready for bed. It also includes an alarm for those who sleeping to help them wake up. There is a music page that allows users to create a playlist with songs that helps them fall asleep.

How we built it

It was built using Figma

Challenges we ran into

It was difficult creating the music and alarm page. The difficult part was making it look realistic, so I took a lot of inspiration from apps that I use to create the pages.

Accomplishments that we're proud of

I was proud with how the music page turned out. Although there isn't much on that page, it was the longest one to create, mainly because of the placement of the common features that music apps have. I wanted to create an identical interface, where users would easily know how to navigate it.

What we learned

After watching the UI: From Eyes To Mind workshop, I learned the importance of color in UI design and what colors to use to help convey a certain mood. The color blue was shown to be a calming and relaxing color, so I made sure to have it throughout the app

What's next for Bearly Awake

Adding more features to better assist users for getting a proper amount of sleep

Built With

  • figma
Share this project: