Product Page Enhancement

YEMA is consolidating as the first conscious supermarket in Mexico, where healthy eating is also delicious, and personal care has a clean and honest label.

Used Design Thinking methodology to create this redesign.

Take into consideration our user personas:

• What do they want?

• What do they expect?

• What are their pain points?

The problem:

There are various types of products, such as packaged, bulk, bundles or products sold by weight or piece.

​

Taking into consideration our user personas, users would like to know the ingredients of our products and if they can consume it; they may be having an specific diet (vegan, kosher, keto, etc.).

​

Benchmark:

Visited product pages of different sites in their desktop and mobile versions. Gather information on which is the main data and composition of the page.

​

User sessions:

With the help of heat maps in FullStory. I began to find what information users saw the most; in addition to the amount of scrolling that was done within the page.

​

Also, I notice that the look and feel that this page previously had, did not correspond to the brand. It was very black and white, when YEMA is a brand full of color.

Information Architecture and flows

Main information:

• Product's Name

• Product's Brand

• Price

• Discount

• Size

• Reviews

• Badges

​

Secondary information:

• Storytelling

• Ingredients

• Characteristics

Gather feedback from users by conducting usability tests with the prototypes. Iterate on our designs based on the feedback received, refining and improving the features to better meet the needs of our users.

To validate this design works, I tested the prototype with users. Once all the little details were fixed, I handle off the project. At the end of the page, you can see a video of how the product page in actually work on the live site.