Mobile Wireframes & UX
A showcase of mobile-first thinking and user experience design process. Each project begins with careful wireframing and iteration to ensure intuitive, polished interfaces before a single line of code is written.
Design Process
1. Sketch & Ideate
Start with rough sketches to explore different layouts and user flows quickly.
2. Wireframe
Create detailed wireframes to nail down structure, hierarchy, and interactions.
3. Build & Polish
Implement with clean code, animations, and polish to match the design vision.
Sideline
Dark-themed sports companion app with live scores and ESPN-style experience

Wireframe: Home Feed
Home Feed
Personalized feed showing live scores and upcoming games
Wireframe: Game Detail
Game Detail
Live game stats, play-by-play, and team comparison
Wireframe: Team View
Team View
Team roster, schedule, and performance stats
Wireframe: Player Profile
Player Profile
Individual player stats, career highlights, and newsHitList
Job search and outreach tracker with Netflix-style dark UI

Wireframe: Job List
Job List
Main view showing all tracked jobs with status indicators
Wireframe: Job Detail
Job Detail
Detailed view with notes, contacts, and timeline
Wireframe: Add Job
Add Job
Quick-add form optimized for mobile input
Wireframe: Stats Dashboard
Stats Dashboard
Visual overview of application progress and success ratePhantomCast
Modern podcast app with smooth UI and seamless audio playback

Wireframe: Discover
Discover
Browse trending and recommended podcasts
Wireframe: Podcast Detail
Podcast Detail
Show information with episode list and subscribe button
Wireframe: Now Playing
Now Playing
Full-screen audio player with controls and artwork
Wireframe: Library
Library
Subscribed shows and downloaded episodesEcopoint
Mobile wellness and sustainability app in alpha on TestFlight

Wireframe: Home Feed
Home Feed
Curated stories and daily tips
Wireframe: Story Reader
Story Reader
Immersive reading experience for articles
Wireframe: Habit Tracker
Habit Tracker
Visual habit tracking with streaks
Wireframe: Profile