User Expericence Research: Catalogue of fertilizers

Reorganization of the information architecture on the fertilizer catalog page, adding product pricing

Role

Product Designer

Role

Product Designer

Role

Product Designer

Industry

Agriculture

Industry

Agriculture

Industry

Agriculture

Duration

3 months (2023)

Duration

3 months (2023)

Duration

3 months (2023)

1
1
1

Stage 1. Analysis and Kick-off

  • The initial stage involved a thorough analysis of the existing catalog screens, which previously did not display pricing information. This phase included reviewing the old design to understand the mapped user experience and aligning with stakeholders.

  • The goal was to grasp both business objectives and customer experience needs, ensuring that the redesign of the catalog page, including the addition of product pricing, addressed all requirements.

Stage 2. Ideation Workshop

  • To gain a deeper understanding of the business rules, I organized a collaborative ideation workshop using Miro. Stakeholders were divided into two groups, given 30 minutes to brainstorm and design the integration of pricing information into the existing catalog screens.

  • This exercise aimed to maintain the current architectural standards while incorporating new pricing details. The remaining 30 minutes were dedicated to presenting ideas and discussing the next steps.

  • This session generated valuable feedback and allowed for the refinement of concepts through collaborative input.

Stage 3. Wireframes and Prototyping

  • Following the ideation phase, I created low-fidelity wireframes in Miro, which were then developed into interactive prototypes in Figma.

Stage 4. Usability Test

How it works:
  • To validate these designs, I scheduled interviews with sales consultants and solutions experts to gather their insights on the impact of adding pricing information.

  • The user testing involved six participants and aimed to assess how the addition of visible pricing, including terms such as "cash price" and "installment price," would affect their daily tasks. A satisfaction survey was conducted to quantitatively measure their experiences and gather feedback on usability.

Step-by-Step Process:
  1. Prepared and documented a remote usability test report.

  2. Recruited participants for testing.

  3. Conducted the tests and analyzed the results.

  4. Documented findings and insights.

Results Obtained:
  • The usability tests yielded positive results, despite limited participant availability during the end-of-year period. Four users rated the updated catalog interface with a 5 on the Customer Effort Score (CES), indicating that the flow significantly improved their experience.

  • One user rated it a 4 and suggested incorporating visual aids, such as graphs, to better differentiate products. Based on this feedback, I refined the prototype before completing the handoff to the development team.

Stage 1. Analysis and Kick-off

  • The initial stage involved a thorough analysis of the existing catalog screens, which previously did not display pricing information. This phase included reviewing the old design to understand the mapped user experience and aligning with stakeholders.

  • The goal was to grasp both business objectives and customer experience needs, ensuring that the redesign of the catalog page, including the addition of product pricing, addressed all requirements.

Stage 2. Ideation Workshop

  • To gain a deeper understanding of the business rules, I organized a collaborative ideation workshop using Miro. Stakeholders were divided into two groups, given 30 minutes to brainstorm and design the integration of pricing information into the existing catalog screens.

  • This exercise aimed to maintain the current architectural standards while incorporating new pricing details. The remaining 30 minutes were dedicated to presenting ideas and discussing the next steps.

  • This session generated valuable feedback and allowed for the refinement of concepts through collaborative input.

Stage 3. Wireframes and Prototyping

  • Following the ideation phase, I created low-fidelity wireframes in Miro, which were then developed into interactive prototypes in Figma.

Stage 4. Usability Test

How it works:
  • To validate these designs, I scheduled interviews with sales consultants and solutions experts to gather their insights on the impact of adding pricing information.

  • The user testing involved six participants and aimed to assess how the addition of visible pricing, including terms such as "cash price" and "installment price," would affect their daily tasks. A satisfaction survey was conducted to quantitatively measure their experiences and gather feedback on usability.

Step-by-Step Process:
  1. Prepared and documented a remote usability test report.

  2. Recruited participants for testing.

  3. Conducted the tests and analyzed the results.

  4. Documented findings and insights.

Results Obtained:
  • The usability tests yielded positive results, despite limited participant availability during the end-of-year period. Four users rated the updated catalog interface with a 5 on the Customer Effort Score (CES), indicating that the flow significantly improved their experience.

  • One user rated it a 4 and suggested incorporating visual aids, such as graphs, to better differentiate products. Based on this feedback, I refined the prototype before completing the handoff to the development team.

workshop
workshop
workshop
2
2
2

Stage 4. Final presentation and handoff

  • Compiled and presented a comprehensive project report to the internship team and stakeholders, detailing the design process, user testing findings, and final app design. The presentation highlighted the app's potential to foster social connections through shared dining experiences.

  • Prepared and delivered design specifications and assets to the development team, ensuring a smooth handoff and providing support during the initial stages of app development.

wire
wire
wire
mobile
mobile
mobile
desktop
desktop
desktop

Reflections

This project was an amazing opportunity to work with sales and e-commerce. And the test was crucial for prioritizing improvements, as I was able to deliver what the users needed in the first stage (we split it into different releases).

I was also able to deliver the design for refinement even before the next soy crop planning began, which was expected, helping them to recommend the best fertilizers.

More details (without confidential content)

Want to know more about this project? And see the prototype with real colours and real data? Contact me.

Reflections

This project was an amazing opportunity to work with sales and e-commerce. And the test was crucial for prioritizing improvements, as I was able to deliver what the users needed in the first stage (we split it into different releases).

I was also able to deliver the design for refinement even before the next soy crop planning began, which was expected, helping them to recommend the best fertilizers.

More details (without confidential content)

Want to know more about this project? And see the prototype with real colours and real data? Contact me.

Other projects