THE | University Profiles redesign
Overview
At Times Higher Education (THE), I led the redesign of the University Profile pages — the most visited area of the platform, viewed by millions of students and academics worldwide.
Profiles serve a dual purpose: they are a trusted resource for prospective students and a revenue driver through Enhanced Profiles purchased by universities. Before the redesign, they were outdated, inconsistent, and difficult to maintain.
The goal was to create a scalable, modular system that worked across thousands of universities with different types of content, while also making Enhanced Profiles more compelling.
Research
We began with stakeholder workshops across Editorial, Sales, SEO, and Rankings to align on goals and risks.
Key insights came from:
Hotjar & Analytics → showing high bounce rates and users abandoning pages within seconds.
Maze surveys with 500+ students and academics, complemented by face-to-face interviews (6 participants per round, across multiple iterations) → revealed confusion around terminology and difficulty comparing universities.
Competitive analysis → reviewing QS and Studyportals revealed opportunities to surface rankings and fees more clearly.
Taxonomy review → inconsistent categorisation made profiles hard to scale across different institutions.
From this, we validated a clear content hierarchy: upfront access to fees, location, rankings, and graduate prospects, supported by deeper editorial and research content.
Maze test - card sorting
Conceptual designs and Wireframes
The old profiles forced users through long scrolls with buried information. Enhanced Profile features — the main commercial differentiator — were hidden.
I designed modular wireframes in Figma structured around reusable sections: Overview, Rankings, Fees, Student Life, Research, etc. Each profile could adapt based on what content the institution provided, without breaking the layout.
We introduced a left-hand anchor navigation to make long, data-rich pages easy to explore. This was a key solution to the scalability challenge: profiles with more content simply expand the nav, while leaner profiles stay concise..
University Enhanced Profiles - Desktop
User Testing
To validate the new Profiles, we ran large-scale Maze testing with over 700 students worldwide, representing a wide range of study interests and geographies.
The goal was simple: could students quickly understand what a profile was for, find the information they cared about most, and feel confident sharing it with peers?
The results told a clear story:
Students used profiles to decide where to apply. 77% said they would rely on the “For Students” page to compare universities, with rankings and course information close behind. This confirmed we were designing for a decision-making moment, not just casual browsing.
Navigation improved but needed refinement. Over 80% successfully found the right section, yet misclicks were high, signalling that our anchor navigation and clearer CTAs were critical improvements.
Content hierarchy mattered. Students consistently wanted fees, rankings, and courses surfaced at the very top. Some feedback was blunt — “too much information to digest” — which drove us to break content into modular, scannable sections.
Trust was strong. 92% said they would share the profile with a friend — a powerful signal that the redesign had increased clarity and credibility.
The outcome? Testing didn’t just validate our ideas; it sharpened the design into a scalable, student-first framework. We left the process confident that the new Profiles would support both users making high-stakes choices and THE’s commercial model for Enhanced Profiles.
Heatmap validation from Maze testing
UI Design
I designed the final UI in Figma, using THE’s Mono Design System and creating new scalable components where needed. Accessibility (WCAG) and global responsiveness were prioritised.
The redesign delivered:
A clean, modular card-based layout that adapts to each university’s data.
Stronger visual hierarchy for high-demand information.
Clear differentiation between Basic and Enhanced Profiles, supporting commercial upsell.
A mobile-first experience that resolved major pain points from the legacy design.
Mobile views showing Enhanced Profiles (left) with richer content and CTAs, compared with Basic Profiles (centre). On the right, gallery and content preview modules.
Data Integration with DataPoints
A key aspect of the university profiles project was how they connect to THE’s DataPoints platform. While university staff manually enter descriptive content — such as text, imagery, and contact details — the ranking data is pulled directly from DataPoints via API.
This integration meant I was designing not just the profiles themselves, but also how structured data flows through the system:
Data Collection → universities submit their data to THE.
DataPoints (SaaS) → data is cleaned, stored, and analysed.
Profiles → ranking results and indicators are displayed alongside editorial content, giving users a seamless experience.
By aligning the UX across these layers, I helped ensure that complex ranking data was presented clearly and consistently, while still allowing flexibility for editorial staff to maintain the profiles.
Please view the prototype showing rankings data displayed in university profiles
Prototype showing how ranking indicators and trend data from DataPoints are displayed within university profiles.
Build & Rollout
We worked with developers on a phased rollout strategy:
Launching first in regions with fewer ranked universities.
Expanding globally after validating performance and stability.
Weekly “three amigos” sessions (design, dev, PM) ensured quick resolution of trade-offs.
To support consistency, all new modules — from rankings cards to CTAs — were documented and added to Storybook. This created a shared component library that reduced QA issues, accelerated development, and made it easier to extend the same design patterns across related THE products.
The new profiles launched smoothly and were described internally as a “step change in how THE represents institutions.” The scalable model has since been extended to related products.
The redesign is now live — here’s an example of a University Profile. Some components weren’t implemented exactly as designed before I left, but I advised developers on how to correct them. Hopefully these refinements will be rolled out soon!
Example of a University Rankings module documented in Storybook, ensuring consistency and reusability across THE’s products.
Reflection
I designed the final UI in Figma, using THE’s Mono Design System and creating new scalable components where needed. Accessibility (WCAG) and global responsiveness were prioritised.
The redesign delivered:
A clean, modular card-based layout that adapts to each university’s data.
Stronger visual hierarchy for high-demand information.
Clear differentiation between Basic and Enhanced Profiles, supporting commercial upsell.
A mobile-first experience that resolved major pain points from the legacy design.