Reach App Project Cover

Reach

A thoughtfully designed app to help you stay connected with the people who matter most.

Project

UX/UI Case Study

Year

2024

Role

Concept, UX Design, UI Design


Overview

Imagine an app designed to help you stay in touch with the people you love. Instead of just scrolling through a giant list of names, you'd focus on those you truly want to call regularly - maybe your closest friends, parents, siblings, or that old mentor you keep meaning to catch up with.

After each call, you'd mark it off as "done," just like crossing a task off your to- do list. By the end of the week, month, or even the year, you'd see how often you've connected with your loved ones. It's a way to stay accountable, make those personal moments count, and never feel out of touch.

Your Connections

This Month
MM
Mom
Called 2 days ago
JS
John Smith
Called yesterday
SK
Sarah Kim
Last called 3 weeks ago
TJ
Tom Johnson
Last called 2 weeks ago

Monthly Progress

50%
Mon
1
Tue
2
Wed
3
Thu
4
Fri
5
Sat
6
Sun
7
Calls This Month
12
out of 24 planned
Best Streak
7
days in a row
Close Connections
8
people in your circle
Reach App Overview

Concept

In today's hyper-connected world, we're constantly bombarded with notifications, messages, and digital noise. Despite being more "connected" than ever, many people report feeling increasingly disconnected from their closest relationships.

Reach was designed to address this paradox by helping users intentionally nurture their most important relationships through a focused, mindful approach to staying in touch.

The Connection Paradox

You
Overwhelmed
Group chat
App notification
News alert
Promotion
Message
Mom called
App update
Sale ends today
Group chat
Best friend
93% of digital interactions don't strengthen our most important relationships
You
Intentional
BF Last call: 3 days ago
M Call scheduled
P Called today
S Call soon
D Weekly call
Focus on quality over quantity to build deeper relationships
Reach App Logo

Brand Identity

The brand identity for Reach needed to convey warmth, connection, and intentionality. We developed a visual language that feels personal and intimate while maintaining a clean, modern aesthetic that appeals to our target demographic.

Typography Animation

Reach Color Palette

Color System Animation

Color Palette

Our color system is built around a rich purple spectrum that creates a sense of trust and creativity. The primary colors range from deep violet to soft lavender, providing depth and flexibility throughout the interface.

Deep Purple

#240B6A Background color for important UI elements

Primary Purple

#724DFF Primary brand color, used for key interactive elements

Lavender

#9885FF Secondary color, used for highlights and accents

Soft Lavender

#D6D4FF Background for secondary elements and hover states

Light Wash

#F3F2FF Background for light mode and subtle highlights

User Interface

The UI design for Reach balances warmth and clarity, with a focus on making relationship management intuitive and visually appealing. The interface uses clean layouts, clear typography, and strategic use of color to guide users through their relationships.

Reach UI Screens Overview

Contact Management

The contact management screen allows users to view and organize their closest connections. Each contact card displays the person's photo, name, and when they were last contacted.

Reach Contacts Interface

Key Features

Priority Contacts

Focus on the people who matter most to you, rather than managing a large contact list.

Custom Schedules

Set personalized connection goals for each contact - weekly, monthly, or quarterly.

Task Completion

Mark calls as complete and track your consistency over time.

Connection Insights

Visualize your communication patterns and see your progress.

Gentle Reminders

Receive timely, non-intrusive notifications when it's time to reach out.

Conversation Notes

Keep track of important life events or topics to follow up on next time.

Reach Call

Scheduling and making calls with your priority contacts

Reach Search

Quickly finding and filtering your important connections

Home Screen
Contact Details

Manage your contacts and stay connected with your loved ones

Reach helps you prioritize relationships and maintain meaningful connections through intentional communication.
The app's simple interface makes it easy to see who you need to reach out to and when.

Reach App Icon

Conclusion

Cultivate a habit of regularly calling your loved ones.

Mark it off once you connect. Just like a to-do list.

In a world where technology often pulls us apart, Reach aims to be a tool that brings us closer together. By focusing on relationship depth rather than breadth, we help users forge more meaningful connections in an increasingly digital world.

Key Takeaways

Quality Over Quantity

People seek deeper existing relationships rather than expanding networks. Design that helps users focus on what matters most resonates deeply.

Gentle Technology

In an era of notification fatigue, users respond positively to respectful, non-intrusive reminders and prompts.

Visualizing Relationships

Providing users with visual representations of their relationship networks helps them make more intentional connection choices.

Cross-Platform Reality

Modern relationships exist across multiple communication channels, and successful relationship tools need to integrate with this reality.

See More Projects