Skip to main content
UI-UX·

Outcome List

Create an Outcome List Mobile App — 75% — an app whose first task is itself, and that kind of recursive self-awareness makes it immediately worth finishing.

App UI Design — Outcome List

Mobile App · Goal & Task Tracker · Personal Productivity

A vibrant, color-coded goal tracking app UI for Outcome List — a personal productivity tool that turns tasks and goals into visual progress tiles, each showing completion percentage at a glance.

The home screen presents six active goals in a two-column card grid, each in a distinct color: amber, blue, teal, coral, purple, and gold — color-coding that creates instant visual differentiation between goals without any icon or label overhead. Each card shows the goal title and its current percentage progress, displayed at the bottom of the card as both a number and an implied progress indicator.

The six goals visible — Create an Outcome List Mobile App (75%), Usability testing for e-invitation app (65%), Create an Animal Rescue Mobile App (55%), Create & upload a Youtube video (35%), Finish a daily chores (25%), Create a Cleaning Service Mobile App (15%) — are a fascinating window into a designer's actual workload and side projects. The fact that "Create an Outcome List Mobile App" is itself one of the outcomes being tracked is the app's best meta-joke: building the tool to track the fact that you're building the tool.

The warm amber background, the bold rounded card style, and the high-contrast typography create a UI that feels energetic and motivating — exactly the emotional tone a productivity app needs to make you want to open it daily.

A goal tracker that holds itself accountable — and makes you want to do the same.

Completed

July 2019

Tags

UI-UXappmobilemobile applistEXPERIMENTAL

© 2019 Hyperfantasy

Have any awesome fantasy?