Class Companion: Student Assignment Submission

/

Class Companion: Student Assignment Submission

Optimizing typography and layout to increase student assignment completion rates and reduce support tickets

Product Design

Product Management

Class Companion is an AI EdTech platform that enables students to receive instant AI feedback on their written assignments. Through Class Companion, teachers add assignments, and students complete those assignments.

Class Companion was preparing for Series A funding with a critical need to improve key metrics. Our data revealed a significant opportunity: 18% of assignments were incomplete and 3% not started at all, directly impacting our ability to demonstrate platform effectiveness to investors.

Activities

UX Design, UI Design, Rapid Iteration, Prototyping, Data Analysis, QA

Timeline

1 month

Team

Avery Pan (CEO)

Company Type

EdTech

AI

B2B

B2C

Series A Startup

Project Goal

Through thoughtful design refinements, measurably increase assignment completion rates from 79%, while requiring minimal engineering resources

Student abandonment patterns led to design focus areas.

Based on these findings, I prioritized three improvement areas: typography and readability, layout optimization, and clearer feedback with improved submission indicators.

My analysis of Mode analytics data and FullStory session recordings identified that students typically abandoned incomplete assignments after 18 minutes. Session recordings showed most users had difficulty maintaining context between questions and feedback. Analytics data confirmed students scoring below 7/10 were three times more likely to abandon their work.

After reviewing FullStory and Mode, I reviewed the existing student submission page and identified general design improvements.

Targeted typography changes improved readability for text-heavy educational content.

I methodically evaluated free typefaces against specific criteria: larger x-heights, multiple weights, italic support, and modern numerals. Through collaborative testing, we selected Source Sans as the optimal solution.

Working with the founders, I identified typography as a key opportunity to improve the student experience. The existing 15px Inter font was creating readability challenges for the long-form content and tables students needed to process during assignments.

Typography updates: Source Sans was selected to replace Inter font after testing for better x-height, multiple weights, and italic support—significantly enhancing readability for students working with dense content and complex data tables.

Strategic layout design connected questions with feedback while maintaining clear information hierarchy.

I designed a two-column layout for student laptop screens that keeps questions and feedback connected—solving a major problem we found in research. My design maintains readable text length, creates clear hierarchy, shows scores immediately, and positions grading criteria where students see it before their next attempt.

Rapid iteration: We explored connected and disconnected chat boxes, scores in the left and in the right columns, assessment criteria opened and closed, and more.

Our final design refinements enhanced usability through careful attention to interface details.

We focused on perfecting interface details by improving headers for both students and teachers, fine-tuning dispute handling microinteractions, creating clearer error states, and ensuring responsive behavior across devices.

Through team evaluation, Option #3 emerged as the most effective design for its optimal content visibility and interaction clarity, maintaining accessibility standards while supporting focused academic work.

Improvements: These relatively small design changes increased readability and understandability.

Improved navigation: A sticky header shrinks on scroll, maintaining context while maximizing space.

Disputed scores: Students need to be able to dispute scores given by AI. Because this functionality would eventually be unnecessary due to improved scoring algorithms, we kept the interaction areas small.

Error handling: Besides standard error states on the page, we also wanted to let students know when they had remaining attempts on a question with a non-perfect score.

Header context: The submission page needed to work for both teachers and students. One clear improvement from the previous implementation was updating the header for teachers — before, the H1 was the assignment title. However, teachers view assignments based on the submission from a specific student, so we updated that H1 to the student’s name

Outcomes

The redesigned student submission experience fixed core issues that prevented completion in Class Companion. By focusing on practical improvements rather than flashy features, the design better supported students with receiving and using feedback. Teachers reported improved work quality, and the product team observed more consistent engagement patterns throughout assignments.

+12%

increase in completion rate, from 79% to 91%

40%

decrease in support tickets related to student submissions

$5M

Series A funding achieved months after this release

18%

increase in students who used more than 1 attempt

Interested in working together?

© Courtney Sabo, 2025