Notive Android Launcher

Client: Independent developer, California
Year: 2021
Role: UI, UX, Graphic Design

Notive is a launcher and app that aims to help you avoid distractions and stay productive through innovative notification management. I also designed the design system for the project, including the icons and illustrations. It was made for a client in 2021. I was able to keep up with the deadlines and finish it on time. The results thrilled the client, and he announced he would recommend me to his friends.

Mobile screens of the Notive app, the onboarding screen, the notifications feed history screen and an empty main notifications feed.

Design with grids and precision

The app’s design was consistent, thanks to the 8px baseline grid. This grid is especially helpful with typography because it is way more precise than the default text bounding box. Also, it’s the first screen the user sees during onboarding. The large buttons and the large text make the UI easier to use and more inclusive for people with poor eyesight.

The onboarding screen with a baseline grid preview.
Multiple Notive icons from the original notive icon pakc placed in a grid.
Play circle icon placed inside material design icon grid.

Main feed

One of the most difficult challenges I faced was designing the notifications feed. All notifications should be clean and minimalistic while displaying all of the information recommended by the Android developer guidelines. I also had to figure out a way to add the “save” and “done” affordances. The other notification feeds also had to be easily accessible from the main feed. After some failed trials, I finally arrived at the solution. I altered the notifications to be expandable and added the swipe interaction in order to accommodate the “save and “done” features.

Three screens of the Notive app, the main feed, history feed and an empty main feed.

Animated illustrations and interactions

Abstract animations are made to guide the user during the onboarding process. We decided not to do a realistic animation because the settings may vary depending on the device. Instead, we decided to make the animations more universal. The design puts a huge focus on fun interactions.

Two Notive onboarding screens with onboarding vector animations.