case study —

WE: WorkEase

Designing a calmer way to organize your day

Role

UI Designer

Platform

Mobile Application

Timeline

UI Design Exploration · solo

Status

Completed

Tool

Figma

02

Overview

WorkEase is a productivity app concept focused on helping users organize tasks, habits, and daily schedules through a clean and structured mobile interface.

The project was created as a UI design exploration to practice dashboard layouts, calendar interactions, task organization, and visual consistency across multiple screens.

03

Objective

I wanted to explore how productivity information such as tasks, habits, and schedules could be organized into a simple and easy-to-scan mobile experience.

The focus was on creating an interface that felt calm, organized, and approachable rather than overloaded with information.

04

My Role

As the designer, I:

  • Designed the complete mobile interface
  • Explored onboarding and authentication screens
  • Created dashboard and scheduling layouts
  • Designed task and habit management screens
  • Practiced visual hierarchy, spacing, and consistency across screens
05

Design Decisions

1. Calendar-Centered Planning

Decision

The dashboard was built around a calendar view, allowing users to quickly switch dates and view schedules.

Why

Most productivity activities are time-based. Keeping the calendar visible helps users understand both what needs to be done and when it needs to be completed.

2. Separate Tasks and Habits

Decision

Tasks and habits were displayed as separate sections within the dashboard.

Why

Tasks are usually one-time actions, while habits are recurring activities. Separating them makes the interface easier to understand and scan.

3. Minimal & Calm Visual Design

Decision

I used a simple blue-and-neutral color palette, spacious layouts, and card-based sections throughout the interface.

Why

Productivity tools should help users focus, not overwhelm them. A minimal visual style reduces clutter and keeps attention on important information.

07

UI Direction

Design Principles

  • Simplicity over complexity
  • Clarity over decoration
  • Consistency across screens

Visual Style

  • Soft blue accent color
  • Clean card-based layouts
  • Spacious spacing and padding
  • Lightweight, minimal interface
  • Mobile-first design
08

Key Learnings

  • Spacing and hierarchy can significantly improve readability.
  • Consistent layouts make interfaces feel easier to navigate.
  • Limiting colors helps important actions stand out naturally.
  • Even simple productivity interfaces require careful organization of information.
09

Next Steps

Improve Habit Tracking

Add streak tracking and progress insights to make long-term habits more engaging.

Why

Users stay motivated when they can clearly see progress over time.

featured screens —

A quick walk through the interface.

Onboarding

Onboarding

Sign In

Sign In

Sign Up

Sign Up

Dashboard

Dashboard

figma file —

Live Figma exploration.

Open in Figma
interactive prototype —

Try the flow yourself.

Open Interactive Prototype