Retail

Streamlining student enrolment experiences

Redesigned the Achievements House enrolment platform to simplify multi-step student onboarding, reduce user friction, and improve overall usability across web and mobile.

+55%

Enrolment flow completion

−40%

Form abandonment

+60%

Usability improvement
CLIENT
AHCCS
TEAM
UX Designer, UI Designer, UX Writer, Product Designer

Services Used

UI & Visual Design
Problem illustration

The Challenge

The Achievements House enrollment platform faced significant usability challenges that impacted both administrators and parents. Users struggled to navigate complex, multi-step enrollment forms without clarity or guidance. 

The platform lacked visual hierarchy, progress indicators, and save-state support, leading to confusion, drop-offs, and incomplete submissions—especially during longer enrollment journeys. 

Key Pain Points 

  • No clear navigation between enrollment steps 
  • Inability to save progress mid-form 
  • High abandonment during lengthy forms 
  • Poor visual hierarchy and readability 
  • Limited user guidance throughout the process 

Research & Discovery

User Interviews

User Interviews

In-depth interviews with parents and administrators to uncover enrollment behaviors and key friction points.

Participants24
Age Range22–45
Mobile Users92%
Analytics Review

Analytics Review

Behavioral analysis of the enrollment flow to identify usability gaps and major drop-off stages.

Sessions Analyzed50K+
Time Period6 months
Drop-Off Rate68%

Key Research Findings

50%

Users dropped off before completing enrollment

45%

Users attempted to go back but lost entered data

60%

Confusion observed around form progression and next steps

Before & After

Before

After

Long forms with no progress or guidance

Click to view full screen

Step-based flow with clear progress and save states

Click to view full screen

Our Solution

We redesigned the enrollment experience to be structured, guided, and forgiving—allowing users to complete forms confidently, save progress, and understand exactly where they were in the process. 

Vector (8)
Step-Based Enrolment Flow
  • Clear segmentation of enrollment phases 
  • Progress indicators for transparency 
  • Reduced cognitive load per step 
Group
Save & Resume Capability
  • Users can save progress at any stage 
  • Prevents data loss during interruptions 
  • Encourages completion over time 
Group (1)
Consistent Design System
  • Unified components across web and mobile 
  • Improved visual hierarchy and readability 
  • Scalable foundation for future features 

Measurable Impact

 Enrolment completion rate
+55%

Enrolment completion rate

Before:45%
After: 70%
Form abandonment
−40%

Form abandonment

Before:High drop-offs
After:Significantly reduced
Overall usability score
+60%

Overall usability score

Before: 42%
After:67%
Task clarity improvement
+48%

Task clarity improvement

Before:Low confidence
After:Clear next steps
Time-to-complete reduction
+35%

Time-to-complete reduction

Before:Long, inconsistent
After:More predictable

Methodology & Testing

UX Flow Analysis

UX Flow Analysis

Mapped enrolment journeys to identify friction

Iterative Design Refinement

Iterative Design Refinement

Improved flows across multiple design iterations

Usability Validation

Usability Validation

Ensured clarity and consistency across devices

testimonial-element-top

Key Learnings & Insights

Long forms require strong guidance

Progress visibility reduces anxiety

Save states are critical for real users

Interruptions are part of reality

Design systems reduce inconsistency

Shared components improve clarity

UX clarity improves operational efficiency

Fewer errors mean fewer support requests

Design Process Deep Dive

Discovery & Research

Discovery & Research

We conducted focused user research to identify enrollment challenges and usability gaps, combining qualitative insights with behavioral data to guide design decisions.

  • 24 user interviews
  • 50,000+ sessions analyzed
  • UX audit and journey mapping
  • Stakeholder workshops
Design process image

We ran design-thinking workshops and iterated on wireframes and prototypes to validate solutions and refine key enrollment flows. 

  •  3 design workshops
  • 15+ wireframe iterations
  •  Iteractive flow prototypes
  •  Ongoing stakeholder feedback 
Design process image

We validated the enrollment flow through usability testing and data-driven evaluation to ensure real-world effectiveness. 

  • 18 moderated sessions
  • 200+ unmoderated participants
  • A/B testing of key decisions
  • Accessibility compliance testing 

Implementation & Handoff

div (2)

Design System

Created a scalable design system with reusable components to ensure consistency across the enrollment experience. 

  • 50+ UI components
  • Design tokens library
  • Figma component library 
div (1)

Responsive Design

Optimized the enrollment flow across devices using a mobile-first approach with progressive enhancements. 

  • Mobile-first layouts
  • Tablet optimization
  • Desktop enhancements 
div

Accessibility

Ensured WCAG 2.1 AA–compliant designs for an inclusive and accessible enrollment experience. 

  •  Screen reader support
  • Keyboard navigation
  • Color contrast compliance 

Developer Handoff Process

Documentation

Comprehensive design specifications with clear annotations and interaction details.

Assets

Optimized image assets and icon libraries prepared for seamless development use.

Collaboration

Daily stand-ups and continuous coordination with developers during implementation.

QA

Design reviews and testing support to ensure visual and functional consistency.
icon top.svg
icon top.svg
icon bottom
icon bottom

Ready to Transform Your Conversion Rates?

See how we can apply similar strategies to your product. Let's discuss your conversion optimization challenges and explore proven solutions.

hand icon