top of page

Transforming Course Feedback With a Custom Survey Builder

A scalable survey creation tool that within Zosi's enterprise platform to capture more relevant learner feedback by enabling admins to build course-specific surveys.

Company

Alchemy Zosi (Encora)

Domain

EdTech

Timeline

4 weeks (2021)

Role

Senior Product Designer

A walkthrough of the survey builder within the Zosi platform.

Context

Zosi needed a way to gather meaningful, course-specific feedback from learners after they completed a training module. A generic, one-size-fits-all survey wasn’t useful each course required tailored questions based on content, difficulty, and learning outcomes.

Problem

  • The existing system could not support customized surveys, offering only static feedback options.

  • Every course had different learning objectives, so a generic survey would not deliver actionable insights.

  • Admins needed feedback in specific formats to measure content quality and improve future courses.

Goal

  • Design an intuitive survey builder that integrates seamlessly into the course-upload process, allowing admins to create flexible, course-specific surveys.

  • Enable surveys to be saved as templates so other admins can reuse them across courses.

Context

What led us to design a survey builder?

Existing feedback methods added friction for both survey creation and the learner response experience.

Admins and marketing teams needed feedback in structured, measurable formats to evaluate and improve course quality.

Each course varied in content, difficulty, and goals, requiring tailored feedback rather than a one-size-fits-all approach.

Solution: We designed a flexible survey builder integrated with the course creation flow, allowing admins to create tailored surveys for each course.

We aimed at making survey creation efficient for admins while ensuring a simple, intuitive experience for learners completing the survey.

Process

What are the steps we took?

Stakeholder Alignment

Conducted quick sync with internal stakeholders like admins and BAs to understand feature requirements and user needs.

Competitive Analysis

Reviewed existing survey builders (e.g: Google forms) to study familiar patterns and best practices for ease of creation and response.

Experience Definition

Adapted best practices and designed survey builder to fit Zosi's context and styling, balancing flexibility and simplicity.

Design & Prototyping

Created wireframes to validate structure and flow, followed by high-fedility screens and mockups for dev handoff.

Final Designs

A quick look at the survey builder flow

Key design elements

Breakdown of the core components that form the foundation of the Survey Builder workflow.

Section Organization

Organize surveys into collapsible sections with titles, it is easier for admins to create structured surveys and easier for learners to take the surveys.

Drag & Drop

Reorder sections and questions without redoing work

Templates

Save surveys as templates that can be re-used for other courses to save time.

Container (1) 2
2

Create Survey

Quick access button to start creating a new survey. Opens the survey builder with a blank template.

Survey Landing Screen

1

Survey & Templates Tabs

Switch between viewing your surveys and reusable templates to speed up survey creation.

3

Survey List & Status

View all surveys with their ID, name, last updated date, and publication status. Published surveys show a green indicator, drafts show gray.

BuilderScreenMock (1) 1
1

Survey Information

Add essential survey details including Survey ID, Name, and Description. All fields are editable and saved with your survey.

3

Drag & Drop Reordering

Use the grip icon to drag and drop sections to reorder them. Helps you organize survey flow without recreating content.

2

Section Management

Organize your survey into logical sections. Each section can have its own title, description, and multiple questions. Sections can be collapsed/expanded for easier navigation.

4

Question Types

Choose from Multiple Choice, Single Choice, Short Answer, Paragraph, Linear Scale, Dropdown, Checkbox Grid, and Multiple Choice Grid.

Create Survey Screen

1

Respondent Experience

See exactly how your survey will appear to respondents. All question types render with their actual UI components.

PreviewScreenMock 1
2

Section Display

Sections are clearly labeled with titles and descriptions, making surveys easy to navigate for respondents.

3

Edit Anytime

Return to the builder to make changes. Your work is preserved when switching between preview and builder.

Preview Survey

Key Design Elements

Visual breakdown of the core components that form the foundation of the Survey Builder workflow.

Frame 4.jpg

Survey Information

Sets clear context for the survey by defining its purpose, assigning a unique identifier, and enabling option to reuse through templates.

Frame 5.jpg

Survey Builder

Supports structured survey creation through flexible sections, multiple question types, and simple reordering controls.

Frame 6.jpg

Survey Preview

Allows admins to review the full survey flow, validate structure, and return to editing before publishing, reducing errors and rework.

Solution

A modular survey builder where admins can:

Create new surveys from scratch and add multiple question types.

Save and name surveys within course context and reuse in multiple courses.

Reorder, duplicate, or delete question.

Attach the survey during course upload to be sent immediately after training completion

The result:

The experience was simple, completed survey immediately after finishing the course, with no extra navigation required for learners. Admins got a tailored survey tool that felt native to their existing course-upload flow.

Key Takeaway

Context matters, embedding the survey builder directly into the course creation workflow removed friction and made feedback collection feel natural rather than like an additional task. Users valued integration over standalone features.

bottom of page