SECTION // UI DESIGN JOURNEY
UI Design Journey
+
+
Design Iterations
Documenting how our initial concepts transformed into high-fidelity interfaces through iterative design cycles.
Low-Fidelity Wireframes
WIREFRAMES.img
Initial structure and information architecture planning.
Mid-Fidelity Designs
MID_FI.img
Adding basic styling and testing layouts.
+
+
Style Guide & UI Elements
Our visual identity was crafted to be engaging, accessible, and playful to support the gamified nature of Gradventure.
Typography
(Fonts used)
Color Palette
(Primary & Secondary colors)
Iconography
(Icon style used)