Robust course builder for NOVA structured courses

Client

NOVA

Role

Senior UX/UI Designer

Services

UX, UI, Robust Course Builder

Collaborators

Thuta (UX), Swan (PM), Min (Dev)

Tools

Figma, Daisy Framework

Timeline

2025, 2 months

Status

Under Development

overview

To support structured courses in NOVA Phase Two, we designed a custom course management system tailored to NOVA’s specific learning model and product vision. We collaborated closely on defining the system architecture. After that, Thuta led the user flows, while I designed the complete UI—from low-fidelity wireframes to high-fidelity designs—using the Daisy design system.

overview

To support structured courses in NOVA Phase Two, we designed a custom course management system tailored to NOVA’s specific learning model and product vision. We collaborated closely on defining the system architecture. After that, Thuta led the user flows, while I designed the complete UI—from low-fidelity wireframes to high-fidelity designs—using the Daisy design system.

Primary Research

The challenge was to create a builder that maintain NOVA learning style while keeping some flexibility for teachers

We needed to create a robust and flexible course builder that could support multiple course types, such as General English and Business English. Each course type required different structural hierarchies (e.g., levels, sections, units) as well as varied content formats, input types, and exercise patterns. The key challenge was balancing maintaining NOVA learning style with flexibility for teachers. To solve this, we mapped out every structural layer and identified all possible content blocks and exercise types. We then designed highly customizable elements that allow teachers to configure courses based on their specific objectives and teaching styles.

Primary Research

The challenge was to create a builder that maintain NOVA learning style while keeping some flexibility for teachers

We needed to create a robust and flexible course builder that could support multiple course types, such as General English and Business English. Each course type required different structural hierarchies (e.g., levels, sections, units) as well as varied content formats, input types, and exercise patterns. The key challenge was balancing maintaining NOVA learning style with flexibility for teachers. To solve this, we mapped out every structural layer and identified all possible content blocks and exercise types. We then designed highly customizable elements that allow teachers to configure courses based on their specific objectives and teaching styles.

Primary Research

The challenge was to create a builder that maintain NOVA learning style while keeping some flexibility for teachers

We needed to create a robust and flexible course builder that could support multiple course types, such as General English and Business English. Each course type required different structural hierarchies (e.g., levels, sections, units) as well as varied content formats, input types, and exercise patterns. The key challenge was balancing maintaining NOVA learning style with flexibility for teachers. To solve this, we mapped out every structural layer and identified all possible content blocks and exercise types. We then designed highly customizable elements that allow teachers to configure courses based on their specific objectives and teaching styles.

Course Structure Creation

Users can predefine the number of levels within a course and set maximum limits for each structural layer. This ensures clarity and consistency across different course types while maintaining flexibility.

Structure & Lesson Management

A side navigation panel provides a bird’s-eye view of the entire course structure, enabling quick navigation across levels and units. Users can easily add, edit, or delete items within each structural layer.

Lesson Creation

When creating lessons, users can:

  • Define lesson names

  • Set estimated duration

  • Select targeted skills

  • Choose from pre-built templates for faster setup

Dynamic Content Elements

We designed a comprehensive library of content and input elements used across lessons and exercises. These elements are categorized into:

  • Teacher elements (e.g., instructions, explanations, prompts)

  • Learner elements (e.g., input fields, multiple choice, speaking responses)

This modular approach allows lessons to be built dynamically and consistently.

Teacher elements' editor
learner elements' editor

Helping English learners practice speaking through real-life scenarios

Ux / UI / Design Direction / Design system

NOVA is an AI-powered app that gives feedback and targeted suggestions to enhance users’ speaking abilities—making language learning more engaging, practical, and effective.

Read casestudy
Read casestudy

Create a free website with Framer, the website builder loved by startups, designers and agencies.