Adonis
12 Weeks
UX/UI Designer
4 Designers
Information Architect
Developers
The focus of this project is to improve Adonis' users' overall experience of the website, as well as redesign its information architecture into a more accessible and organized structure.
Marché Adonis, also known as Adonis, is one of the biggest Mediterranean grocery store chains operating in Quebec and Ontario. Their mission is to provide customers with a wide range of fresh, high-quality grocery items at the best price.
The current architecture of the website makes it difficult for users to navigate through the website and meet their objectives. They are unable to perform basic tasks, such as ordering groceries or placing catering orders.
The global navigation system must be redesign to reduce the redundancy to improve the usability.
In terms of taxonomy, navigational space, and labelling, the product menu is disorganised.
To assess the efficacy and efficiency of the Marche Adonis website's information architecture. This may be investigated further by defining two objectives.
Are users able to perform common tasks without assistance?
How quickly can users complete the tasks?
.png)
We conducted a card sort to understand the mental models of our
users, and redesign the information architecture of our chosen website (www.groupeadonis.ca/en). The card sort was conducted through Optimal Workshop.
We recruited five users from word-of-mouth who used grocery websites frequently, and therefore met our screening standards.
The card sorting test informed us about the labels that are creating confusion for the users.
A final round of iteration was conducted on the Information Architecture schematic, based on the feedback from the card sorting test.
Increased the number and the range of the products.
Made Catering obvious with a tagline to highlight Adonis’ unique branding value.
Added Call- To-Actions at the footer.
Irrelevant information were nested under main categories
Based on the new IA schematic we proposed, we then created a mid-fidelity wireframe for key webpages. In the UX redesign process, our key goal is to provide a user-centric navigation experience.
On grocery page, User can now use the sidebar to filter the items. Using stepper, user can interact or type quantity of items and to see a description of the product hover element is added. A " Save for later" component allows users to save items for future purpose
A Toggle button is added in the shopping cart page, so that User can easily switch between the categories.
On the Home page, the header buttons are reduced, and information has been added to provide a clear and concise experience.
.svg){kind=small}
.png)
