bidolubaski.com

Bidolubaski.com
Cart and Checkout Flow Redesign

SCOPE

Web

COMPANY

OctoHaus

Bidolubaski.com's checkout flow was redesigned end-to-end to handle the complexity of mixed print product orders. Cart, address, payment, and design upload were restructured into focused, sequential steps each with a single clear purpose. The result was a flow where users always knew what came next, and post-purchase instructions adapted to their specific situation rather than defaulting to a generic confirmation.

My Role

My Role Contributed to the end-to-end design of the checkout flow, from cart to order confirmation, working closely with the product and developer team.

Problem

Bidolubaski sells custom print products, which means a single order can contain multiple different product types at once. The existing flow wasn't built for that complexity. Items were hard to parse in the cart, the steps weren't clearly separated, and post-purchase instructions varied by payment method but weren't communicated clearly.

The Solution

The cart was restructured to display mixed product orders in a readable, scannable format. Checkout was broken into distinct steps — address, payment, and design upload — so each screen had one clear focus. The confirmation state adapts based on payment method, showing the right next steps for each user. For orders requiring a design upload, that prompt is built into the confirmation flow so it doesn't get missed.

Cart

The cart was restructured to display mixed product orders in a readable, scannable format. Each item appears with its own specs, quantities, and pricing, clear at a glance regardless of how many different product types are in the order.

Checkout Steps

Checkout was broken into distinct steps — address, payment, and design upload — so each screen had one clear focus. Separating these kept the cognitive load low and made it easier for users to move forward without second-guessing what came next.

Success & Post-Purchase

The confirmation state adapts based on payment method, showing the right next steps for each user. For orders requiring a design upload, that prompt is built into the confirmation flow so it doesn't get missed.

Outcome

The restructured flow reduced the number of decisions a user had to make at each step. Mixed product orders became scannable in the cart, post-purchase instructions adapted to the payment method, and the design upload prompt was built into the confirmation rather than left to the user to remember. A cleaner handoff between steps, without adding steps.