Kode.AI — Mobile UX/UI Case Study

Kode.AI is a conceptual AI-powered learning platform designed to help users build real-world coding and design skills through guided project-based learning.

For this project, I designed a complete mobile onboarding experience focused on reducing friction, increasing personalization, and creating a clean, approachable interface for new users. The flow guides users from account creation to learning personalization, daily habit setup, and premium conversion.

The goal was to create an onboarding process that feels lightweight, modern, and motivating while still gathering enough information to tailor the learning experience.

Responsibilities
UX flow planning
UI design
Mobile onboarding architecture
Interaction design
User personalization systems
Visual hierarchy and accessibility
Component consistency
Subscription/paywall design
Tools Used
Figma
Photoshop
Illustrator
Design Goals
Minimal cognitive load
Clear progression and onboarding feedback
Strong visual consistency
Friendly but professional AI-learning aesthetic
Fast and intuitive first-time user experience