UI, UX

Cateromarket

Summary

In the quest to improve the user experience of www.cateromarket.pl's checkout process, we used hotjar, competition audit and own experiences identify pain points, streamline the process, and ensure a seamless journey for users making purchases. Our focus was on enhancing clarity, reducing friction, and increasing trust in the platform.

Identified issues

  1. Complex Information Layout: The existing checkout process had a cluttered information layout, making it difficult for users to comprehend the steps required to complete their purchase.
  2. Lack of Progress Indicators: Users were unable to gauge how far along they were in the checkout process, leading to uncertainty and potentially abandoned carts.
  3. Unintuitive Form Fields: Form fields lacked clear labels and instructions, causing confusion and errors during data entry.
  4. Limited Payment Options: The existing payment options were limited, potentially discouraging users who preferred other methods.
  5. Mobile Responsiveness: The checkout process wasn't optimized for mobile devices, resulting in a poor experience for users on smaller screens.

UI /UX improvements :

  1. Simplified Steps: We restructured the checkout process into clear and concise steps. Each step was accompanied by a progress indicator, providing users with a sense of control and transparency.
  2. Progress Tracker: A progress tracker was placed at the top of the page, showing users the current step and the steps remaining in the process.
  3. Clear Form Labels: We improved the labeling of form fields, ensuring each field was accompanied by a clear label and, where necessary, hints or examples.
  4. Mobile-Friendly Design: The entire checkout process was optimized for mobile devices, ensuring a smooth experience for users regardless of the device they were using.
  5. Visual Cues: The design incorporated visual cues such as checkmarks and color changes to indicate completed steps and successful actions, reducing uncertainty and increasing user confidence.

What we've done

1. Audit user needs

2. UX audit with Hotter

3. UI redesign

4. Prepare components for devs

Our Work

related work

let's talk

Ready to take off?

UP