Case study
Makeon
2025 — Present (Active Ecosystem Build)
Makeon Learning Ecosystem
Architected and engineered India's premier builder-learning ecosystem from 0 to 1. Solved the disconnect between abstract academic concepts and physical capability through a 7-step pedagogical build loop, an evidence-first portfolio framework, and a high-converting dual-audience platform impacting 500+ student builders across learning centres and partner schools.
Traditional K-12 STEM education in India over-indexes on rote memorization and passive screen time, leaving students unable to apply physics and math to the physical world. Schools were fatigued by shallow, one-day robotics workshops with zero learning retention, while parents had no visible evidence of conceptual growth beyond test marks.
Lead 0-to-1 product strategy, pedagogical framework UX, brand design system, and frontend engineering for Makeon. Deliver a high-credibility institutional web platform, a repeatable 7-stage session methodology ('The Build Loop'), and architect the Phase 2 AI-agent studio layer.
2.4 · UX process
Step 01
Pedagogical Discovery & Problem Framing
Conducted fieldwork across Chennai learning centres and private schools to analyze why traditional STEM fails. We discovered that children memorized formulas but could not diagnose physical mechanism failures. I framed Makeon's core mission: transforming passive students into confident builders through a repeatable session architecture.
Outcome
Defined the core value proposition: 'Capability grows when knowledge is used'—moving from toy kits to systematic engineering.
Step 02
Architecting the 7-Move Build Loop
Designed the structural rhythm of every Makeon session into seven non-negotiable moves (Arrival, Discover, Design, Develop, Debug, Demo, Document). Explicitly separated the 'Learner' and 'Mentor' behavioral roles at each stage to ensure facilitators guide inquiry without taking over the physical build.
Outcome
Created a standardized teaching protocol that ensures consistent educational quality across diverse facilitators and learning centres.
Step 03
Blueprint Design System & Web Architecture
Developed the full visual design system and built the production website using Vite + React Server Components (RSC). Crafted a technical aesthetic using Geist and Geist Mono, high-contrast monospace metadata, and implemented the split readiness assessment form separating parent and institutional leads.
Outcome
Shipped makeon.build with instantaneous performance, high institutional trust, and streamlined conversion pathways for schools and parents.
Customer journey
01. Institutional Discovery
Goal
Find an authentic STEM programme that connects to syllabus physics/math
Pain
Market is flooded with shallow hobby kits that lack academic rigor
Fix
Showcased the 7-Move Build Loop and curriculum-aligned progression matrix on makeon.build
→ Instant academic credibility with principals and educational coordinators
02. Studio Session (The Build)
Goal
Learners actively engineer a physical prototype under realistic constraints
Pain
Students get frustrated early or expect mentors to give immediate answers
Fix
Implemented the 'Debug: Protect the Struggle' protocol with prompt-based mentor guidance
→ Learners develop real problem-solving resilience and ownership of their build
03. Evidence & Documentation
Goal
Record design choices, failure points, and iterative improvements
Pain
Parents only see finished models without understanding the learning journey
Fix
Created standardized Builder Portfolio notebooks, concept maps, and explain-back circles
→ Parents see tangible proof of thinking; 94% parent satisfaction across pilot cohorts
04. Institutional Rollout
Goal
Scale Makeon as a repeatable weekly lab without burdening existing faculty
Pain
Complex teacher training and ambiguous material logistics stall adoption
Fix
Engineered the 5-Step Institution Studio adoption roadmap with complete facilitator kits
→ Partner centres integrate Makeon into regular timetables with zero friction
05. AI-Augmented Studio
Goal
Empower mentors with real-time diagnostic insights and personalized feedback
Pain
One facilitator cannot supervise 20 unique hardware failure states simultaneously
Fix
Designing AI Mentor Co-Pilot and Multimodal Vision Build-Diagnostic Agents
→ Multiplies mentor capacity and delivers real-time individualized Socratic inquiry prompts
User personas
School Principal & Academic Director
Aravind Subramanian
“We need innovation in our science labs that translates to conceptual clarity and measurable thinking, not toy room chaos.”
Goals
Pains
Parents of Grade 7 Student
Meera & Rajesh K.
“We want our child to think independently, solve real problems, and have confidence beyond test marks.”
Goals
Pains
SWOT
Strengths
- Proprietary 7-Move Build Loop grounded in engineering methodology and cognitive science
- Dual-intent web platform with high-converting institutional and parent inquiry pathways
- Complete portfolio evidence system turning physical builds into demonstrable capability
- Geist Design System providing surgical technical precision and authority
Weaknesses
- Requires physical studio space and curated material inventory management
- Strict facilitator quality bar requires structured orientation before deployment
Opportunities
- Integrating Multimodal AI Agents for real-time hardware debugging and build diagnostics
- Expansion into 50+ private schools and after-school enrichment centres across South India
- Interactive 3D Digital Twin simulation platform accompanying physical build kits
Threats
- Fragmented low-cost hobby kit competitors with flashy superficial marketing
- Institutional inertia in traditional exam-centric schooling systems
Information architecture
Makeon Brand & Manifesto
Who We Are · Core Values · Educational Philosophy · Ecosystem Partners
The Build Loop Engine
Arrival (00) · Discover (01) · Design (02) · Develop (03) · Debug (04) · Demo (05) · Document (06)
Learning Pathways
Foundation Studio (Ages 5–7) · Builder Programme (Grades 6–8) · Applied Engineering (Grades 9–12) · Institution Studio (Schools/Centres)
Evidence & Outcomes
Build Records · Concept Maps · Prototype Verification · Portfolio Certificates · Explain-Back Circles
Institutional Adoption
5-Step Readiness Journey · Facilitator Preparation · Material Planning · Parent Communication
Readiness Assessment CTA
Parent Intent Form · School/Centre Conversion Matrix · Direct Leadership Contact
Confidentiality Notice · Client NDA
Proprietary Architecture & Figma Source Protected
Detailed Figma source files, proprietary curriculum rubrics, and institutional partner roadmaps are strictly confidential under client non-disclosure agreements. The visual designs, information architecture, and pedagogical frameworks shown here represent high-level product case study documentation.
01 / Live Ecosystem
Real Studios. Real Engineering. Visible Outcomes.
Makeon is structured around physical studio tables where learners test, measure, document, and iterate real prototypes. There is no front of the room—the facilitator orchestrates the session rhythm while the learner performs the engineering.
Live Web Platform
Server-rendered Vite RSC architecture with sub-second performance.
Dual Conversion Funnel
Bifurcated lead capture separating school leadership from parent inquiries.
02 / Pedagogical Architecture
The 7-Move Build Loop: Systematic Engineering in Every Session
Method is not left to chance—method is what Makeon teaches. Every single session compresses the lifecycle of a professional engineering project into seven repeatable beats.
Arrival
Transitions from school passive mindset into a hands-on studio engineer.
Sets the studio rhythm, introduces materials, and establishes session objectives.
Discover
Encounters a real-world physical challenge before seeing any textbook solution.
Asks rather than announces, connecting the challenge to core physics & math.
Design
Sketches concepts, calculates measurements, and plans material constraints.
Reviews initial hypotheses and challenges structural assumptions.
Develop
Cuts, joins, wires, and assembles the physical prototype in teams.
Observes tool safety, workflow pace, and team collaboration dynamics.
Debug
Diagnoses failure points when the build does not balance, hold, or rotate.
Resists solving the problem; guides root-cause inquiry with targeted questions.
Demo
Tests prototype under stress, records load metrics, and demonstrates operation.
Facilitates peer testing circles and quantifies performance improvements.
Document
Logs design choices, formulas used, and reflection in their Builder Portfolio.
Signs off on verified evidence of learning and conceptual mastery.
Phase 2 · Active Build & AI Roadmap
Upgrading Makeon with Intelligent AI Studio Agents
Makeon is evolving from an institutional web hub into an AI-augmented studio environment. We are building specialized multi-agent systems designed to protect the learner struggle while scaling mentor diagnostic capacity.
Agentic Guidance
AI Mentor Socratic Co-Pilot
An intelligent in-studio assistant that listens to student problem descriptions during the 'Debug' stage and prompts mentors with calibrated Socratic questions—ensuring children discover answers through inquiry without facilitator micromanagement.
Computer Vision
Multimodal Build-Evidence Vision Analyzer
Computer vision agents analyze uploaded photos of physical student bridge trusses, circuits, and gearboxes—automatically calculating angles, detecting structural weak spots, and generating instant diagnostic overlays.
Auto-Documentation
Autonomous Learner Portfolio Engine
Synthesizes session notes, failure-improvement cycles, and test metrics into beautiful, parent-ready digital portfolios with verified skill micro-credentials and institutional progress reports.
Physics Simulation
Interactive 3D Digital Twin Sandbox
A browser-based WebGL simulation workspace allowing students to test stress loads, electrical continuity, and gear ratios in digital space before cutting physical materials.
UI design system
Technical precision meets educational authority. Makeon's design system was crafted to feel like an advanced engineering workspace—dark technical slate, high-contrast monospace metadata, flame-red accents, and surgical typography powered by Vercel's Geist & Geist Mono.
Colour palette
#08090B
Studio Charcoal
Primary canvas & backdrop — deep, distractionless studio floor
#1E293B
Engine Slate
Borders, grid separators, blueprint cards & interactive containers
#FF2A2A
Flame Red
Active stages, brand square, focal callouts & high-priority CTAs
#F8FAFC
Bright White
Primary headlines, display metrics & crisp technical callouts
#94A3B8
Blueprint Slate
Editorial body copy, secondary explanations & role descriptions
#4ADE80
Signal Green
Verified build records, successful test markers & outcome milestones
Typography
Primary Headlines / Display
Geist Sans (Weights 700-900)
Ultra-clean geometric sans for high-impact titles and manifesto statements
Metadata / Stage Indices / Labels
Geist Mono (Weight 600)
Monospace tracking for stage numbers (00–06), technical overlines, and labels
Editorial Body & Role Copy
Geist Sans (Weights 400-500)
Highly legible text engine optimized for dense educational explanations
Components
Design principles
- Technical Rigor Over Playroom Clutter — The interface treats children as serious future builders, not passive consumers of cartoonish UI
- Monospace Truth — Numbers, steps, timestamps, and stage indexes are rendered in Geist Mono to reinforce systematic engineering discipline
- Evidence-First Hierarchy — Every visual component supports verifiable learning outcomes, build records, and parent confidence
Ecosystem Impact Scorecard
Evaluation across 5 core operational and pedagogical dimensions (1–10 scale).
Learnings
Protecting the struggle during the Debug stage is where true conceptual grit is forged—UX must guide inquiry rather than offer immediate shortcuts.
School leaders invest in repeatable systems, facilitator readiness, and visible learner evidence rather than one-off kit gimmicks.
AI in hands-on STEM achieves maximum pedagogical impact when assisting mentors with Socratic questions rather than replacing physical manipulation.