Product Designer
Header Image.png

newDay

newDay

Overview

Over view image.png

At Black Lotus, I worked on the UX, UI, and visual design for newDay. NewDay is a productivity app that helps users make the most of their day. The app logs your activities and allows users to create flows of their best habits.

Timeline: December 2020 - April 2021

Responsibilities: Visual Design, Branding, UI, UX, Illustrations, and Animation

 

Problems with existing productivity apps

 
 
Group 167.png
 
 
 

Solution

Help user make the most of their day by staying motivated and productive. Creating joy while doing the activities and positive reinforcement helps users be productive. Utilizing a timer and voice commands as users are doing their activities helps keep them focused.

 
 
 
solutions.png
 
 

Developing design aesthetic

I created a mood board to develop the visual design language for newDay. I took inspiration from video games because they create joy and would help motivate users to log activities.

  • Illustrations are futuristic, fantastical, and delightful.

  • Pleasant and calming to create a positive experience for users.

  • Illustrations based on the setting and rising sun. 

  • Sunrise/sunset colors to represent a new day.

 
Color Pallete.png
 
Illustrations by : Monument Valley (top right+left) 

Illustrations by : Monument Valley (top right+left) 

 

UX Flow

 
UX Flow.png
 
 

User Testing Wireframes

 
user testing wireframes.png

Final Design

 
All wireframes2.png
 

Character design

I conceptualized a grim reaper character to motivate and provide guidance while using the app.

Marcus.png
 

Changing weather background

The gradient background changes throughout the day, matching the weather of the user’s location. The font changed from gray to white as it goes into dark mode.

Chaning background group.png
 
 
Animation Wireframe2.gif
 

Celebration

To instill accomplishment with positive reinforcement, I worked on a celebration animation to reward users after they complete their tasks.

 

Landing Page + Logo Design

 
Landing Page 5.png