MOME case study | UX studio

Goal

MOME approached us with the need of redesigning their website to modernize and make it more attractive to international students, update its information architecture, and align it with their international positioning.

Challenge

The challenges were mainly due to time constraints, which required us to include template pages in the project. Initially, any particular features were specified, making the early stages a bit tricky. In the discovery phase, understanding the project goals was challenging, but we made progress through meetings with different people from MOME, which helped us adapt the pages during research and design phases.

Outcome

The final website offers an improved user experience with its user-friendly design and a strong focus on addressing users' real needs. It also reduces the cognitive load on users as they explore information, helping to keep their attention.

1 /

Discovery

Main challenges we overcame

We initiated our project with a kick-off meeting and then conducted a heuristic evaluation.
We carried out seven stakeholder interviews to gain a deeper understanding of the university.
Utilizing insights from these interviews and a comprehensive competitor analysis, we constructed an impact effort matrix and developed assumptive personas and user journeys.
We organized a brand persona workshop to understand the client's perspective which guided the redesign of the website's layout, and we also began developing a new design system.

Assumptive personas workshop

Competitor matrix

Brand persona workshop

2 /

Desktop redesign

Our step-by-step process

Testing wireframes of each page with local and international students.
Fine-tuning the services shown on each page, in collaboration with the head of departments.
Laying the groundwork for the new branding and design elements, introducing light and dark modes.
Testing the Information Architecture to improve the usability of the website.
Creating high-fidelity prototypes for testing.
Doing continuous research thorough all the process.

Original website design

The new website design features steamlined navigation, clear visual hierarchy and decorative elements

After redesign

3 /

Mobile redesign

The modular design our team created made the implementation easy and fast. The testing rounds revealed the need for some adjustments and the importance of tabs for easy navigation. The team closed the project by implementing these final iterations.

4 /

Handover

We had meetings with their team where we handed over the following:

Outcome of all the workshops we facilitated.
Research findings and repository.
Prototypes we used for testing.
Final screens for desktop and mobile.
Design System with foundational elements, components and guidelines to maintain a cohesive website.

The design system we delivered to the client enables them to create various materials across the university that match their new look. The modular design also allows the client to add new pages without the need for a UX studio, ensuring consistency throughout the site.