Skip to content
← All work

MyOnlineCollege

Optimizing trust and conversions in online education discovery

Role
Design, Strategy, Co-built
Year
2023
Built with
Next.js, NestJS, PostgreSQL, Elasticsearch, Cloudflare
Status
Shipped
MyOnlineCollege website on a laptop

[01]

// WHAT I BUILT

The rules

What I
Built

  1. 01

    University comparison and discovery for online degrees.

  2. 02

    Search across programmes and universities (Elasticsearch).

  3. 03

    Co-built: design, strategy and development.

[02]

// THE DESIGN

Case study

The
Design

Overview

My Online College aggregates accredited online programs, but users often arrive skeptical and overwhelmed. As the lead UX/UI designer, my role was to design trust first—then optimize for conversion. I structured the IA for guided discovery, designed comparison-friendly course cards, and built course detail pages as decision-support tools with clear outcomes, fees, and accreditation signals. Mobile-first design was critical due to high traffic from ads and search. The platform now delivers clarity, credibility, and strong conversion performance, helping users confidently choose programs and helping partner colleges generate higher-quality leads.

Context & problem

The primary challenge was building immediate trust in a highly competitive online learning space where users are often skeptical about legitimacy and recognition. At the same time, the platform needed to simplify discovery across thousands of courses for users who were unsure of what program suited them, while ensuring that every page—from homepage to course detail—was optimized to drive conversions with minimal friction.

Role & research

As Lead UX/UI Designer, I focused on trust signals, guided discovery, and conversion optimization across the platform. Research showed that the platform served working professionals, students, parents, and learners seeking recognized degrees without relocation. Across all groups, users valued flexibility, credibility, easy comparison, and clarity around fees, duration, accreditation, and outcomes. Key pain points included overwhelming choices, difficulty comparing programs, unclear course structures, and excessive academic jargon that slowed decision-making.

UX strategy

The UX strategy followed a clear principle: establish trust before asking for conversion. Credibility elements such as university logos, accreditation badges, rankings, and success stories were surfaced early and consistently. Course discovery was designed as a guided funnel—moving from discipline to degree type, duration, fees, and learning mode—to reduce cognitive load and help users make faster, more confident decisions.

MyOnlineCollege sitemap

Information architecture

The information architecture was intentionally simple and optimized for fast exploration. Core sections included Home, Explore Colleges, Explore Courses, Compare Programs, Why Online Learning, Success Stories, FAQ, and Apply or Enquire. Each section was designed to reduce friction, support decision-making, and guide users naturally toward conversion.

Solution and impact

The final platform delivered a strong and trustworthy first impression, an intuitive and guided exploration experience, side-by-side program comparison, and highly optimized conversion-focused pages. The UI was modern, clean, and aligned with user expectations, while the underlying design system was scalable enough to support hundreds of colleges and programs.

The platform improved lead quality, reduced bounce rates, and increased engagement with apply and enquiry CTAs.

Earlier write-up (2022, from the previous site)

My Online College is a web platform designed to empower students in their journey of selecting the right college. It provides a comprehensive directory of colleges and programs, intuitive comparison tools, and detailed profiles, ensuring students can make informed and confident decisions about their education.

Objective

The primary goal of the platform was to simplify the college selection process for prospective students. By combining robust search and filtering tools with engaging content, My Online College aimed to become a one-stop resource for students exploring educational opportunities.

Design process

To address the challenges faced by students during the decision-making process, a user-centered approach was adopted. The project followed the Double Diamond Design Process, beginning with in-depth research to understand the pain points and preferences of students. Surveys, interviews, and persona development revealed the need for advanced search capabilities, clear comparison tools, and detailed yet digestible college profiles.

Wireframes and prototypes were then developed to visualize the platform’s structure and functionality. The design emphasized a clean layout with intuitive navigation to ensure a consistent experience across devices. Usability testing with students and counselors helped refine the platform, incorporating their feedback into iterative improvements. Finally, a comprehensive design system was created to guide development, ensuring consistency and alignment throughout.

Key features

Advanced Search and Filtering: Enabled users to customize searches based on tuition fees, program quality, location, and more.

Comparison Tools: Allowed side-by-side evaluation of colleges to simplify decision-making.

Detailed College Profiles: Included key information about programs, campus facilities, student experiences, and alumni outcomes.

Engaging Content: Featured virtual campus tours, videos, and testimonials to keep users informed and motivated.

Application Guidance: Provided step-by-step resources for the admission process, including deadlines and tips.

Challenges and solutions

Catering to diverse user needs was a significant challenge. The solution lay in creating personalized recommendations and flexible filtering options, empowering students to find colleges aligned with their goals. Another hurdle was balancing comprehensive information with simplicity; this was addressed by designing clear, concise profiles with the option to explore further details. To enhance engagement, interactive features such as virtual tours and multimedia content were incorporated.

Conclusion

My Online College transformed the daunting task of college selection into an intuitive and engaging experience. The platform successfully: Improved Decision-Making: Equipped students with tools and information to make confident choices. Enhanced User Engagement: Interactive content and a sleek design kept users engaged throughout their journey. Garnered Positive Feedback: Students praised its user-friendly interface and valuable features, leading to high satisfaction and usage rates. This project underscored the importance of thoughtful design in simplifying complex processes. By prioritizing user needs and balancing functionality with elegance, My Online College set a new standard for digital tools in the education sector. The experience reinforced my commitment to designing impactful solutions that empower users and create meaningful change.