Overview

TrainingCamp is a robust, white-label learning management system (LMS) tailored for post-secondary institutions, small specialized schools and individual educators. Originally developed for the Jikei Group of Colleges across Japan, China, South Korea, and the USA, the platform has grown into a scalable SaaS solution designed to support educators worldwide

 

As the sole Product Designer, I led the end-to-end design—from research and UX strategy to interface design, branding, and design systems. We worked in lean, fast-paced and collaborative environment empowered with quick decision making. The team was a Product Manager, Technical Director/Stake Holder, 4 developers, 1 Tech Ops Engineer and myself.

 

My Role

• UX Strategy & Research
• User Flow Mapping
• Wireframing & Prototyping
• UI Design & Branding
• Design System Creation
• Functional Specifications

 

Product Goals

• Create a modular, scalable LMS that could support various roles and use cases across enterprise institutions, mid to small specialized schools and individual educators
• Ensure flexibility through a white-label system adaptable to different brands
• Provide a seamless experience across web and mobile responsive
• Enable deep administrative control without complexity

 

Key Personas

 

 

Discovery & Research

• Stakeholder interviews with Jikei Colleges
• Competitive analysis (Canvas, Moodle, Thinkific, Coursera, Udemy)
• User journey mapping for each persona
• Usability reviews of existing LMS systems

 

 

User Flows & Journeys

Examples:

• Student Journey: Signup → Enroll in Course → Learn → Submit → Get Feedback
• Instructor Journey: Login → Build Course → Monitor Students → Grade → Communicate
• Admin Journey: Login → Manage Users → Configure Site → Review Analytics

 

 

 

UX & UI Design

LMS Key Features:

 

Authentication Flows

• Email and SSO signup/login

 

 

 

 

 

Instructor & Student LMS Views

• Dashboards, course detail views, content progression tools
• Quiz, assignments, grading, supplemental files
• Live instruction with Google Meet & Zoom integrations

 

 

 

 

 

Course Builder & CMS

• Drag-and-drop course journey editor, lesson structuring

 

 

 

Messaging System

• Unified inbox between students, instructors, and admins

 

 

 

Ecommerce & Subscription

• SaaS monetization support with plan tiers, payments, and billing control

 

 

 

 

Admin Panel Key Features:

 

On-boarding dashboard

 

 

 

User, cohort & role management

 

 

 

Theme builder

 

 

 

Page Builder for non-course pages

 

 

 

Course and Catalog Management

 

 

 

Journey Builder

 

 

 

Ecommerce manager

 

 

 

Analytics

 

 

 

Set Up and Integration control

 

 

 

Design System

A complete system was created including:

• Color palette token system for theming
• Typography Set fro theming Iconography set
• Buttons, form fields, tags, cards
• An extensive components system such as navigation tool palettes, cards, tables, modals, various page elements, etc.

 

 

 

 

 

 

 

 

 

 

Functional Specs & Developer Handoff

I documented all interaction patterns, edge cases, and component behavior. Delivered via structured specs integrated in design tools. Early in the project it began with low fidelity wireframes and annotations. As the project evolved and the design system and components became more complete, I was able to rapid prototype and design with high-fidelity and annotations.

 

\

Results & Outcomes

• Successfully deployed to multiple Jikei institutions
• Scaled to support thousands of students across multiple countries
• Laid groundwork for SaaS commercialization
• Designed to accommodate future integrations and feature modules

 

Reflection

Designing this complex platform from scratch for such a global, multilingual audience pushed me to deeply consider flexibility, accessibility, and scalable systems thinking. There was a deep focus on usability, simplicity, and intuitive human center design.