Overview
From teaching AI
to learning with AI.
CodeVantum already helped people understand artificial intelligence through short, gamified lessons. But the product itself had no intelligence of its own. We transformed it into an AI-guided learning platform—rebuilding the product entry point, identity, mascot system and website around one simple question: what do you want to learn?
The starting point
A learning app about AI, without AI at its centre.
The original experience had lessons, challenges and a gamified roadmap, but every learner entered through the same fixed structure. A generic wordmark and visually fragmented UI made the product feel more like a collection of features than a coherent learning guide.
Product shift
No course maze. Just your next move.
We reorganised the experience around learner intent. Instead of asking people to browse a catalogue, Vantum starts with their goal, understands their experience and connects them to the most useful lesson, challenge or project already inside the CodeVantum library.
Type it, say it, or choose a starting point.
Vantum asks only what it needs to understand.
Existing content becomes responsive to the learner.
The right lesson, challenge or project—without the search.
Vantum AI
Start with what you want to learn.
Vantum Guide became the new front door to CodeVantum. The conversation is deliberately lightweight: an open prompt, optional voice input and a few adaptive questions that turn a messy ambition into a clear first move.
A guide that listens before it teaches.
Text and voice sit inside the same interaction model, giving learners a natural way to describe what they want to build instead of forcing them to translate it into course names.
Learning experience
A library that responds.
AI discovery leads into a learning system designed for momentum. Short lessons, pattern challenges, progress signals and practical projects keep the experience playful, while the recommendation layer makes sure the play is always moving toward something useful.
Every lesson resolves into a decision, challenge or build.
XP, streaks and short sessions keep momentum visible.
The same Vantum personality moves from discovery into the lesson.
Character system
A guide, not a decoration.
The mascot became the emotional layer of the product: a reassuring presence during setup, an encouraging voice inside lessons and a flexible storyteller across launch content. Lottie brought the character into the interface without turning the experience into a heavy film.
Motion language
From launch film to reusable product motion.
Character beats, interface timing and the violet night-world gave brand and product one shared vocabulary.
Identity
A friendlier face for learning AI.
The identity moved away from anonymous tech minimalism. A rounded lowercase wordmark, expressive editorial typography and a warmer cream–lilac palette made CodeVantum feel less like software documentation and more like a place people would want to return to.
Website overhaul
Turning the product story into a destination.
The new website leads with the product’s strongest behaviour instead of a feature list. Visitors can begin with a goal, understand how Vantum adapts and see what they will build—all inside the same visual system used by the app.
VANTUM GUIDE
Tell us what you want to learn.
We’ll find the easiest way in.
Type it, say it, or choose a goal. Vantum turns it into the right next move.Outcome
CodeVantum became the product it was teaching.
What began as a gamified content library became a coherent AI-guided learning platform. The new system connects intent to content, gives the product a recognisable personality and lets one idea travel consistently across conversation, lessons, motion and the web.
Vantum Guide is now the primary way into the learning experience.
The existing library responds to each learner’s goal and level.
A reusable mascot and motion system makes guidance feel human.
Product, identity, website and launch film speak the same language.
Scope delivered
- AI product strategy and guided-learning flow
- Mobile product and interaction design
- Wordmark and visual identity refresh
- Mascot and Lottie motion system
- Website strategy, design and development
- Illustrated launch film and campaign language
Next case study
