Overview

MyChatLesson is an AI chatbot-based micro-learning platform designed for students and educators. The UI/UX case study covers the complete design of an AI-driven, conversational learning experience — from onboarding and lesson delivery to assessments and progress tracking.

The Problem

Traditional e-learning platforms are passive and impersonal. Students disengage because content is delivered, not experienced. MyChatLesson uses AI-powered chat to make learning feel like a real-time conversation with an intelligent tutor — adaptive, responsive and human.

Design Process

The process started with defining the AI chat interaction model — mapping how an intelligent tutor would respond, prompt and adapt to a student's pace. Familiar messaging patterns were adapted into an educational context, with 16 screens covering onboarding, AI lesson delivery, quiz flows, and progress dashboards.

Outcome

A complete 16-screen mobile UX with a red-accented design language built around warmth and engagement. The AI chat system scales across multiple subjects, adapting responses to individual student progress and learning pace.

Overview

Digital Route to Market is a unified enterprise web portal designed for a global chocolate brand with a large ecosystem of internal web applications. With employees and teams spread across worldwide markets, the client needed a single, secure gateway that surfaces company news, brand updates and all internal tools — in one place, for everyone.

The platform replaces a fragmented landscape of disconnected logins and bookmarked tools with a cohesive, role-aware home base — showing the right apps, the right news and the right information to each user based on their market and function.

The Problem

The client had dozens of internal web applications built independently over the years — each with its own login, its own interface and its own navigation. Global employees had no single place to start their day. Brand news wasn't reaching teams consistently, and there was no shared design language across any of the tools.

There was no existing design system, no established UX direction and no prior attempt to unify the experience. We were starting from zero.

Process & Collaboration

This was a true cross-functional effort — I collaborated directly with product managers, engineers and business stakeholders from the client side across multiple discovery sessions. We mapped every internal application, understood access patterns across global user roles, and identified what "one portal" actually needed to do for such a diverse workforce.

I didn't just execute briefs — I brought design thinking into the room early, made suggestions on information architecture and navigation that the team hadn't considered, and challenged decisions where the UX would suffer. The design direction emerged from that collaboration, not from a spec handed down.

Design System

Before any screen was designed, I built a ground-up design system — colour tokens reflecting the brand's identity, typography scales, spacing rules, iconography, interactive states and component documentation. This gave the entire project a consistent foundation and ensured the engineering team could build from a single, reliable source of truth. Every component was designed to scale across viewports and adapt to the global user base.

Outcome

A complete 13-screen enterprise portal — covering secure login, a personalised home dashboard surfacing company news and brand updates, an app navigation hub giving one-click access to all internal tools, and supporting views for settings and administration. The design system and component library were delivered alongside the screens, enabling the team to build and extend the product with confidence.

Overview

Lex Go is a ride-booking mobile application designed to simplify urban commuting. The project covers the full end-to-end passenger experience — from booking a ride, tracking the driver in real time, to payment at the destination.

The Problem

Existing ride-hailing apps were cluttered and overwhelming for first-time users in Tier 2 cities. The goal was to design a clean, intuitive booking flow that works for a wide range of users — including those with limited smartphone experience.

Design Process

Research began with competitive audits of Ola, Uber and Rapido — identifying pain points in booking flows, driver tracking screens, and payment UX. Wireframes were iterated across 5 rounds of usability testing before reaching high-fidelity.

Outcome

A complete 22-screen mobile UX covering onboarding, search, booking, tracking, OTP verification, payment, and post-ride summary. The design system was built in Figma and handed off to the development team.