Cuinalium

Cuinalium

Checkout process redesign

Checkout process redesign

Snapshots of the Figma file of Batec's Design system.

Redesign & optimization of the checkout process for an office catering service

Redesign & optimization of the checkout process for an office catering service

Redesign & optimization of the checkout process for an office catering service

Team

Team

Santi Mirabet - Product designer

Santi Mirabet - Product designer

Date

Date

Summer 2023

Summer 2023

Overview

Overview

As a regular user of Cuinalium, an office catering service, I identified an opportunity to improve one of the main pain points in its platform: the checkout experience.

So I reached out to the company with a proposal to redesign the process.


Although they already had an established presence, a solid website, and a clear value proposition, the checkout flow was confusing, repetitive, and unnecessarily complex, particularly when confirming orders and completing payments.


After interviewing other Cuinalium users, I identified this as a key area to address to improve the overall customer experience.

Outcome

Outcome

The redesign focused on simplifying the checkout journey by reducing unnecessary steps and streamlining the entire process across both desktop and mobile.


The UI was also redesigned to improve clarity, consistency, and ease of use while preserving the existing brand identity.


Additionally, I introduced some features inspired by insights gathered during user interviews to address specific user needs and further improve the ordering experience.

Before
After

Audit of the existing flow

Desktop

Mobile

Previous

Summary

Confirmation

Payment

Next

Issues to solve

Navigation

Interface design

QoL features

Audit of the existing flow

Desktop

Mobile

Previous

Summary

Confirmation

Payment

Next

Issues to solve

Navigation

Interface design

QoL features

Audit of the existing flow

Desktop

Mobile

Previous

Next

Summary

Confirmation

Payment

Issues to solve

Navigation

Interface design

QoL features

Design proposal

Desktop

Mobile

Issues addressed

Navigation

Interface design

QoL features

Design proposal

Desktop

Mobile

Issues addressed

Navigation

Interface design

QoL features

Design proposal

Desktop

Mobile

Issues addressed

Navigation

Interface design

QoL features

Let's work together

Copy email

Santi Mirabet 2026

Let's work together

Copy email

Santi Mirabet 2026

Let's work together

Copy email

Santi Mirabet 2026