Smart Quality Foods

Case overview

We’ve revamped the interface design and fixed the usability issues. We’ve also created the design language, and added interactions, and cute illustrations so that the user experience is modern and seamless.

Smartquality food portafolio

Our process

Which the client agreed on since the first logo wasn’t usable on any surface or color maintaining its legibility. So I made a little change keeping the same message to the target and the personality, just simplified. Polished, research-based, and consistent visual design is the result of our design process.Along with design files, we also prepare documentation, which allows team members and stakeholders to understand how the parts are working together and make sure all the decisions are implemented correctly.

Our Approach

Image ecoomerce 3
  1. User Interviews: Conduct interviews with current and potential customers to understand their needs and pain points when shopping for food online. Questions could include:
  • How do you typically shop for low-diet food?
  • What are some frustrations you’ve experienced when shopping for groceries online?
  • What features would you like to see on a food e-commerce website?
  1. Competitive Analysis: Conduct a competitive analysis of other food e-commerce websites to see what features they offer and how they present their products. This can help identify best practices and areas where the client’s website can improve.

  2. User Testing: Conduct user testing on the client’s website to identify areas of confusion, frustration, and areas where users may abandon their cart. This can help identify specific issues to address in the redesign.

  3. Information Architecture: Use the insights gathered from the user interviews and competitive analysis to create a new information architecture for the website. This will involve organizing products in a logical and intuitive way, making it easy for users to find what they need.

  4. Wireframes: Develop wireframes to visualize the new website design. This will help stakeholders and developers understand the new structure and layout of the website.

  5. Prototyping: Build a functional prototype of the redesigned website to test with users. This will help identify any issues with the new design and make adjustments before launch.

  6. A/B Testing: After launching the redesigned website, conduct A/B testing to compare the performance of the new design with the old design. This will help determine if the redesign has improved the user experience and increased sales.


The Results

  • Improved user experience, leading to increased sales and customer satisfaction
  • Higher engagement with the website, resulting in more return visits and repeat customers
  • A competitive advantage in the food ecommerce market.


Decrease in bounce rate


Increase in sales


Increase in page views