←

Onjung

Life Events, Thoughtfully Managed
Onjung App Mockup 1
Onjung App Mockup 2
Onjung App Mockup 3
Onjung App Mockup 4
Onjung App Mockup 5

Flutter Figma Firebase Riverpod (state management) UX for all ages Cross-platform development

Jan 2024 - Feb 2025


Figma
Flutter
Firebase
Riverpod

Bootcamp Project
QR Code for Live Project

D E S I G N

Onjung Wireframe to mockup comparison
Onjung Style Guide for typography and colors

Onjung UI component design, including button states and tag styles
Onjung Figma prototype showing interactive flows
Onjung User flow diagram
Onjung Layout variations for app sections
Onjung Mobile and Desktop UI comparison
Onjung Mobile responsive design mockup
Onjung User journey mapping
Onjung Moodboard for visual direction
Onjung Early sketches of main screens
Onjung Typography exploration and selection
Onjung Accessibility contrast check for color palette
Onjung Additional UI concepts

Onjung Quick Entry UI demonstrating fast logging
Onjung Firebase Integration Code

Onjung Performance Optimization Report

Onjung Visual Summaries UI
Onjung Riverpod State Management Code

Onjung Cross Platform UI showing adaptive design
Onjung Architecture Diagram for scalability
Onjung Responsive design check on multiple devices
Onjung Git version control history for organized development
Onjung Deployment process diagram
Onjung Final UI of the delivered project home page