Improving Compliance Outcomes with a Learner-Centric Homepage
Project Overview
My Role
UX Researcher and Designer
My Team
1 Product Owner, 1 Architect, 3 Developers, 1 Q/A
Tools
Figma, Miro, Dovetail, Maze, Jira
Skills
Stakeholder Interviews, Visual Design, Responsive Design
Business Impact
Positive Qualitative Feedback from Enterprise Clients who valued customization
ComplianceWire is a compliance training platform used by over 3.6 million users across 600+ global organizations, including top pharma and med device companies. Despite widespread adoption, the platform lacked a centralized experience for learners and company admins to share important information.
CHALLENGE
"How might we design a home page that helps companies keep their employees informed, motivated, and on track?"
SOLUTION
Design a net-new learner homepage that improves clarity, prioritization, and engagement for global users completing time-sensitive compliance training.
Discovery and Research
Internal Stakeholder Interviews
Goal:
Identify potential widgets for homepage and need for customization that would help improve employee learner experience as well as satisfy customer needs.
Participants:
Interviewed 7 internal stakeholders including Solution Architects, Customer Services Team and Implementation managers
​Method:
-
Conducted 1:1 interviews via Teams
-
Analyzed interviews using Dovetail - tagged and highlighted comments from transcripts to identify patterns.
-
Shared insights with product and engineering team.
Outcome:
The feedback directly informed the design of a more robust and engaging homepage experience leading to the inclusion of widgets like To-Do List, Pending Tasks, Class calendar, Featured courses, Quick links, Announcements, Help.
Design
Design Approach
Prioritize what matters the most
Place urgent tasks and upcoming deadlines at the very top so learners immediately know where to focus.
Make actions clear and effortless
Use simple task cards with due dates, status labels, and one-click access to reduce friction and speed up completion.
Communicate clearly without overload
Present information in concise, well-grouped sections with progressive disclosure, ensuring learners aren’t overwhelmed.
Enable flexibility for organizations
Allow admins to customize announcements or highlight training, while maintaining a clean, consistent layout for easy scanning.
Homepage Widgets
A well-designed homepage highlighting priorities (e.g., upcoming deadlines, progress), reducing confusion and making it easier to plan and stay on track.
To-Do List
-
Task grouping (Overdue, At Risk, Not At Risk)
-
Progress status
-
Pre-requisite indicator
Why: Solves the unengaging flat list issue and improves clarity on deadlines
My Learning Summary
-
Visual priority indicators
-
Qualification percentage
Why: Keeps learners informed of their qualification status and Due Assignments
Pending Tasks
-
Clear indication on no-of pending tasks
-
Link to view all tasks
Why: Keeps managers informed on pending tasks
Announcements
-
​Custom organization announcements with image and text
-
Scheduled announcements
-
Auto rotating slides
Why: Provides a centralized, visible channel for timely updates
Featured Courses
-
Card layout for promoted courses
-
Admin-controlled featured content
Why: Encourages discovery, promotes key programs, and supports business priorities by driving voluntary engagement.
Assigned Classes
-
Calendar view (monthly/weekly)
-
Sync with scheduled courses
-
Click-to-view training details
Why: Helps learners plan ahead and reduces missed sessions
Quick Links
-
Customizable shortcuts to frequently accessed resources.
-
Admin control over default links
Why: Improves Efficiency
Get Help
-
​Customizable help information
Why: Offers just-in-time help and reduces user frustration
Homepage Layout
Manage Home Page - Customizing Widgets
Admins can create announcements by adding an image, headline and announcement text.
They can schedule when the announcements go live by adding a start date and end date.
Admins can customize the quick links and help information on the homepage with a rich text editor.
Reflect
Takeaway
Designing the learner homepage taught me how to balance flexibility, clarity, and responsiveness in a single experience.
The core challenge was creating a layout with clear hierarchy and scalable components, while also allowing company admins to tailor content based on organizational needs.
It deepened my ability to design adaptive systems that scale across roles, devices, and use cases without sacrificing usability.