A social app that helps you connect with people nearby in real life.



A social app that helps you connect

with people nearby in real life.



Offline

A social app that helps you connect

with people nearby in real life.



Offline

Offline

BACK
  • OVERVIEW
  • DESIGN SYSTEM
  • SPLASH SCREEN
  • EVENTS FEATURE
  • MOTION DESIGN
  • IMPACT & EXPANSION

Overview

Every day we walk past potential best friends, co-founders, even soulmates and never realize. Offline is here to change that. No swiping. No feed. Just real connection. As the Design Engineer, I created the design system, redesigned key screens, and implemented the frontend in SwiftUI. This helped the app scale to over 2,000 active users and currently in progress to expand to a broader audience in San Francisco.

Design System

I designed a cohesive system that defined the app’s visual language across color, typography, and components. By supporting both light and dark modes, the system ensured visual consistency while adapting to different environments and user preferences. Translating this into SwiftUI allowed for seamless implementation and consistency across the product.

Splash Screen

Designed entirely in Figma, including custom components and icons, and fully implemented the UI in Swift.

Before
After

Events Feature

I identified that users don't need more people to look at; they need a reason to talk. Therefore, I pitched a pivot from a passive radar to an intent-driven Events Feature.

First Iteration
Second Iteration
Final Version

Motion Design

Impact & Expansion

Within 3 months of joining, the app grew to over 2,000+ active users and 400+ IRL connections, demonstrating strong product-market fit. We are now expanding beyond our initial campus, scaling our frontend architecture, and preparing for launch in San Francisco.

2,000+ Users
Active students at UofT
6 Months to Scale
Pilot → SF expansion
< 5 min
Match Time
Instant connections

Create a free website with Framer, the website builder loved by startups, designers and agencies.