mindful co. | App Design

Christina Ling 🌻

Illustrator
Product Designer
Student
Adobe Photoshop
Adobe Premiere Pro
Adobe XD
Procreate
Description ☁️
mindful co. is a productivity-based app that I developed during the spring semester of my first year at University. It was for my animation unit and I was asked to create an app of my choice along with its brand guideline. We as students were given flexibility for the type of app (designs) we wanted to produce and after much consideration and brainstorming, I set out to create the design for a productivity app.
The Problem/Initial Brainstorming ☁️
My experience, not only as a designer but as a current undergrad student, I've familiarised myself with many popular apps catered towards time management, event planning and mental health. All these apps had features that were vastly unique and easily accessible to use. However, the problem I had was having to switch between the different apps and often-times getting mixed up, causing a lack of motivation to update it manually.
I thought to myself, what if there was an app created that encompassed all these features into one space? An app that is simple yet has the features needed to keep track of daily tasks and events? From there, my iteration process became a lengthy journey.
Tools ☁️
For this project, I was required to use Adobe XD to produce my wireframe prototypes for the animation. I created the majority of my assets on XD but later used Procreate to create illustrations for the final piece and Adobe Premiere Pro for the animation. Adobe Photoshop was used to create the brand guideline and final mockups.
Wireframe Prototype ☁️
Finalised wireframes
Finalised wireframes
Brand Guideline ☁️
mindful co. brand guideline
mindful co. brand guideline
Overview of App
Overview of App
Mood Board
Mood Board
Colour Palette
Colour Palette
Typography choice
Typography choice
Logo with respected background colours
Logo with respected background colours
App Design ☁️
Final App Design
Final App Design
Loading screen
Loading screen
Loading screen cont.
Loading screen cont.
Calendar Page
Calendar Page
Mood-tracker Page
Mood-tracker Page

2021

Partner With Christina
View Services

More Projects by Christina