UX/UI Design
ToB Design
CMS platform

Fire Protection System Design for Urban Villages

Codemao Programming Online Education provides a specialized CMS (Content Management System) platform designed as a digital management backend for schools, educational institutions, and online education providers. This platform streamlines the management and organization of educational content, offering tools for content creation, user management, data analysis, and course administration, all in one integrated system.
Background——
Company Background
Marketing Background
Codemao:The top programming education companies in China.
With a mission to "let children enjoy the fun of creative coding," Codemao focuses on independently developing programming tools for young learners. It provides online and offline coding education for children aged 7-16.
Shift from C-end to B-end Business
Under the national educational policy of reducing double pressures, the company is shifting its main focus from C-end (consumer) to B-end (business). The B-end business primarily involves partnerships with schools and external training institutions.
Demand ——
B-side Business Platform Upgrade 2.0
Users:UsersSchool teachers and students
Goal:Enable more teachers and students to use the Codemao platform to complete programming courses.
Task Content:Analyze issues based on user interviews and backend data.Perform demand analysis by combining user needs and journey.Collaborate with the PM to prioritize requirements.Complete P0-level requirements.Coordinate demand alignment with developers.
Demand Timeline:Three weeks (with a one-week turnaround for each interaction).
Reason for Upgrade——
Because...
Unable to Meet Current User Needs
Due to previous focus on C-end business, the B-end business platform has not been updated for a long time and can no longer meet current user needs.

Seeking More Partnerships
The goal is to use the upgraded product to secure more campus partnerships.
However...
Framework Confusion and Feature Redundancy
Previous “quick fixes” have led to a confusing structure with some redundant features.

Inability to Conduct a Complete Overhaul
With the need to enter campuses before September, time is limited, making a large-scale overhaul unfeasible. The focus will be on meeting prioritized needs.
Data Analysis——
Platform Visits
75%
Platform courseware do not fully meet teaching needs.
Using Platform courseware for Teaching
only 55%
Course Video Playback
> 80%
Platform courseware serve only as reference and supplementary teaching aids.
Effective Video Playback Rate
only 7.69%
User Interview——
Many teachers directly use self-created PPT lessons instead of the Codemao platform.
The courseware are primarily video-based, but the video resolution is relatively low (single videos contain multiple teaching segments/tasks).
Teachers expect their teaching content to be integrated into the platform, but they are unable to edit courseware.
During teaching, teachers need to switch between course videos, documents, and creation tools.
Platform courseware lack flexibility and compatibility.
Demand for multiple course formats; the teaching experience needs improvement.
Problem Identification——
Course materials are mainly video-based, and teachers must switch between multiple files during teaching, which wastes teaching time.
Currently, the course materials are predominantly video-based, but the video quality is relatively low (one video contains multiple teaching segments/tasks). During the teaching process, teachers need to frequently switch between course videos, documents, and creation tools.

Teachers request the ability to edit course content,
but currently, course materials do not support editing.

Live data cannot be accurately captured.
Currently, teachers repeatedly send materials, lesson documents, and course resources in the same way (open package, display course resources), leading to a chaotic and redundant workflow.

Does not support external tools.
Currently, only kitten3 web pages, and Haige web pages (wood) are supported.
Demand Analysis——
Before Class
Teachers can edit and enhance course materials to align with their own teaching plans.
During Class
To facilitate teaching for both teachers and students and to avoid wasting teaching time:
——Once class begins, teachers and students can quickly enter the teaching state. Teachers can start teaching with one simple operation without having to navigate through multiple course packages.
——Teachers can follow the teaching flow to give lessons without needing to switch between multiple course files to display content.
——Teachers can directly assist students in starting their creations, eliminating the need for on-site guidance and monitoring of student actions.
During Class
Teachers and students should have a better teaching experience:
——Courses are better suited for different age groups, with more robust tools. For younger students, support for the "kids" creation tool is available, while higher elementary grades have tools like "kitten4" for support.
User Flow——
Design Solution——
Design Code——
Design System——
Interface Design——
See other project