Branding / UI Design

Reach - Campus Connection App

End-to-end branding system and UI/UX design for a campus networking & resource discovery platform.

Project Overview

Reach is a conceptual platform that helps college students discover organizations, events, study groups, mentorship opportunities, and campus resources through a personalized feed and structured discovery flows.

I created a full branding system: logo suite (primary, wordmark, glyph), color architecture (core, semantic, neutrals), typography scale, iconography style, spacing grid, and motion guidelines.

The UI design includes onboarding flows, adaptive dashboard/feed, event & organization detail pages, tag-driven discovery, messaging previews, and notification system wires elevated to high-fidelity interactive components.

All components were built in a scalable design system in Figma (atoms → molecules → layouts), with documentation for states, accessibility contrast, and reusable interaction patterns.

Key Deliverables

Comprehensive visual identity system

Figma component library w/ variants

Onboarding + personalization flow

Tag & interest-based discovery model

Organization + event detail layouts

Messaging & notification UI patterns

Accessibility-aware color system

Scalable design tokens structure

Design Process

Project Process

Step 1 of 4

Logo Exploration

Iterations exploring symbol + wordmark balance and scalable glyph usage.

View in Figma

Project Details

Timeline

Personal Project (2025)

Role

Brand & UI/UX Designer