Our approach
focusing on two key aspects: "User-friendly discovery" and "Highlighting the artist”.
For the former, we chose familiar colours from their existing brand colours, taking into consideration their contrast ratio.
For the latter, we took into consideration the information hierarchy and decided to display information in order of priority.
Sitemap
There are three major elements of the home page.
Home page is the default page of the app, setting the stage for user's journey within the app. From here, there are two other primary elements that branch out: the Event page and the Style page.
In terms of the Home section, it acts as the web application's entrance, prioritizing information about Agora's new project.
Agora Art is developing a feature to provide personalized recommendations on styles leveraged by AI.
With this consideration, the recommendations from this feature are displayed at the top part of the home page.
The second important piece of information is about new artists joining the platform.
Following that, we've incorporated an inspiration style section, allowing customers to explore products based on their unique style.
These features encourage frequent visits to the site.
The final element is the Events section, showcasing ongoing projects at Agora
Wireframe
The client's app was designed to be visually appealing, using a lot of photography to present fashion.
By using familiar carousels cand cards, the design is more intuitive and user-friendly.
Style guide
Typography
Line height and paragraph spacing for heading is 1.5 x font size
A
a
Heading
HEADING AND SUBTITLE
BODY TEXT
Mulish
Mulish is a minimalist Sans Serif typeface, designed for both display and text typography.
Colors
Chose based on client’s colour palette which has high contrast and user engagement.
Brand Colors
Primary
#7745E1
Secondary
#BE3AC9
Tertiary
#6B3D8E
Text
#1D1A37
Accessibility / Interactive
We used high contrast colours to not only impress the brand image but also make the content easy to read.
We also created an interactive design that would let users immediately notice when they took an action.
