top of page

Jackbird

Role: UI Designer        |        Tools: Adobe XD,  Illustrator, & Procreate

Jackbird Cover Mockup 1.png

A habit tracker  app design project focused on UI design & branding.

Define

The Problem

Users are looking for a "gamified" habit tracker that is both kid and adult friendly, motivates users to participate daily, and follows an inspiring story. ​

The Goal

Create a fun and easy-to-use habit tracker design that inspires users to keep up on their daily goals while inspiring them to progress.

Frame 3 (4).png

I never feel motivated to continue with my daily habits

I often forget to return to my habit tracker app and then lose motivation

I don’t feel inspired and always get stuck in a rut while working towards goals

Frame 2 (1).png

How might we motivate users to come back into the app every day?

How might we help users stay inspired and excited about achieving their goals?

How might we entice users to continue in the app while working towards their goal?

Develop

I started by brainstorming what the goal of the app would be. I wanted to make it fun and magical, so users of all ages would be able to enjoy tracking their goals.

IMG_9042.HEIC
IMG_9043.HEIC

Branding

I decided on a rainbow color palette and developed life stages for the Jackbird character based on  each level of the app. 

Untitled_Artwork 131.png

I designed a logo and app icon for the product. The logo is simple so most of the focus can rest on the color and characters.

Jackbird Mockup_1.png

Primary Palette

Group 5 (1).png

#FECFD7

#B4D2EE

#FE8A30

#A9D871

#FFBB32

Icons

Group 6.png

Rewards

Streak

Main Hub

Prototype

With simple, modern, and bright design the wireframes allow users to easily navigate while getting in a celebratory mood .

I used the onboarding experience as an opportunity to introduce users to the Jackbird character and let them know a few of the features the app entails.

Jackbird Mockup2.png

While creating your account, you have the option to customize how the app will work with you to reach your goal. The process ends with the user naming their baby Jackbird who is about to hatch before their eyes!

Jackbird Mockup4.png

The homescreen of the app shows the Jackbird's home with user progress on the side panel. Users can log their progress daily.

Jackbird Mockup5.png

The app also contains a timer feature, in case the user's goal or habit needs to be timed, and a calendar view showing both weekly and monthly progress.

Jackbird Mockup6.png

Thank you!

bottom of page