Creative work

Reach - Campus Connection App

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

Branding / UI Design · Internship at Pinear (2023) · Brand & UI/UX Designer

Reach - Campus Connection App

Reach is a platform that helps college students discover organizations, events, study groups, mentorship opportunities, and campus resources through a personalized feed and structured discovery flows. I designed it during my product design internship at Pinear.

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.

Features

  • 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

Process

Step 1 of 3

Interactive Prototype

High-fidelity prototype demonstrating feed, discovery, and event flows.

Reach - Campus Connection App style guide
Style guide