Building an educational ecosystem that makes sense

How we started

1. We developed presumptive personas and outlined the customer journey.
2. We collected the team's suppositions about their enterprise, rivals, clients (i.e., universities), and users (i.e., students).
3. We requested the team to articulate their vision, mission, and values, enabling us to align the new design with their principles.

Main challenges we overcome

Our researcher started with discovery interviews and Google Analytics reports for the existing website. We’ve collected more than 1300 observations to uncover the main pain points and the areas for improvement.

The research findings have been used to iterate the wireframes during the design process, improve user experience on the website, and create the ultimate design solution.

Time to sketch!

We started with sketching workshops ideating multiple solutions for every page type while leaving the customer flow intact with the plan of changing one thing at a time.
‍
Our two designers divided their work by platform type: mobile and desktop. This way, both designers could work independently while keeping up with consistency.

Finding the right moment to ask for data

When entering a program page, users were not likely to fill out a form immediately without checking the details to see if it’s a match for them. We repositioned the form from the top right to the bottom of the page. By explaining the service better and moving the form to the bottom of the page we made the site feel more trustworthy.

Research done throughout the entire project

1. We crafted a unique filtering system instead of usual UI patterns. Starting with the high-level categories and nesting subcategories inside.
2. We applied progressive disclosure to make filtering easier by showing only the disciplines (categories) first without overcomplicating with the field of study (sub-category) section.
3. We made also possible to custom select from multiple categories which increases flexibility for users.

Universal content structure for the program pages

After several user interviews we identified the key information students are looking for when searching for a degree. Based on this we came up with a structure and made sure every university applies it to their degree program pages, the most important page types in the conversion funnel.

Supporting 44 languages without major UI modifications

From day one we anticipated this issue and planned the interface accordingly. In the UI phase, we also tested our designs in the most complicated languages (e.g. German, Arabic, and Japanese)

At the end of the project we handed-over the designs in Zeplin, a handoff tool that simplifies collaboration with developers by providing all the specs and ready-to-implement CSS. These designs included:

1. All the screens for the features we had been working on, including different states and edge cases.
2. Desktop and mobile version with their dark mode.
3. An UI kit with clear guidelines and rules that would help the client keep the design consistent when developing new features in the future.

Additionally, the client received a research report summarising all the findings that could help them shape their product strategy.