Agora Tutoring Profile Page

Agora Tutoring Profile Page

My Role

As the UI/UX designer, I was responsible for redesigning the Agora Tutoring Profile Page at the request of the platform’s owner, who felt the original design looked outdated and unattractive. Working within the existing design system, I created a refreshed profile page that not only aligned with the platform’s brand identity but also improved overall readability, clarity, and user experience.

Project Overview

The original interface featured a dark navy header and gray card backgrounds, which made the page look heavy and uninviting. In the redesign, I replaced the dark header with a white background to create a lighter, cleaner, and more modern feel. Importantly, keeping the header white also preserved the logo in its original deep blue color. If the header had remained dark, the logo would have needed to be inverted to white, which would have diminished its visual impact and weakened its role as the core element of brand recognition. Similarly, I changed the card backgrounds from gray to white, which improved text readability since the content is primarily black text.

Design Challenge

The old profile page suffered from visual clutter and poor hierarchy. Multiple bright yellow buttons competed for attention, confusing users about which actions were most important. Additionally, the overuse of colors made the interface feel inconsistent and distracting. Another challenge was reorganizing the information flow, since the old layout did not prioritize key details, which increased the risk of users overlooking essential content.

Design Solution

To address these challenges, I refined the visual hierarchy by rearranging the information according to user importance placing the most relevant details higher up on the page. I replaced the two yellow buttons with blue ones, reducing unnecessary emphasis on secondary actions while maintaining visual consistency with the overall interface. By simplifying the color palette, lightening the header and card backgrounds, and applying a clean grid structure, the new design conveys clarity, professionalism, and user-friendliness. The result is a brighter, more cohesive profile page that communicates key information more effectively and provides a smoother user experience.

Agora Tutoring Profile Page Agora Tutoring Profile Page Agora Tutoring Profile Page Agora Tutoring Profile Page

Prototype

Project GIF

Categories

UI/UX Design

Created Date

July, 2025