Mobile App UI Concepts
Interface Design Exploration
A collection of mobile UI concepts exploring navigation patterns, layout structure, and visual hierarchy across multiple use cases.
Role
UI Designer
Scope
Interface layout, component consistency, visual hierarchy
Tools
Figma
Overview
This collection includes several mobile app concepts focused on usability, clarity, and visual rhythm. Each concept explores how interface decisions impact user flow, accessibility, and overall experience.
Concept Areas:
E-Commerce App UI
Focus on product discovery, clarity of pricing, and streamlined checkout flow.
Design Considerations
Clear product hierarchy and imagery emphasis
Prominent calls to action
Consistent spacing and component usage
Accessible contrast and readable typography
Event & Campus Experience App
Designed to support event discovery, scheduling, and navigation in a campus environment.
Design Considerations
Scannable event cards with essential information prioritized
Filterable views to support different user needs
Simple iconography to reinforce navigation patterns
Food & Recipe App Concept
Focused on exploration, categorization, and ease of browsing.
Design Considerations
Visual emphasis on content imagery
Chip-based navigation for quick filtering
Clear separation between browsing and action states
Sandwich Social — Event Discovery App
Focus on event discovery, schedule clarity, and intuitive navigation for a large-scale social festival.
Design Considerations
Card-based layouts for scannable event information
Icon-driven navigation for quick wayfinding
Clear separation between schedules, tickets, and maps
Consistent components across event views
Lantern Walk & Folk Tales Night — Event Experience App
Focus on guiding users through a place-based storytelling experience while maintaining a calm, immersive interface.
Design Considerations
Timeline-driven layouts to support event flow
Map-based navigation for location awareness
Warm, grounded color palette reflecting the environment
Typography and spacing optimized for readability in low-light settings
Visual & UX Focus
Across all concepts, emphasis was placed on:
Consistent UI components
Mobile-first spacing and layout decisions
Accessibility through contrast and hierarchy
Outcome
These UI concepts demonstrate an understanding of mobile interface structure, user flow, and component-based design. The work highlights versatility across industries while maintaining a consistent focus on usability and clarity.
Selected Works
