Skip to content
Olamide
Let's talk
Download CV
All work

Case study

CRWN Clothing

A React clothing store: shop by category, a cart with quantity controls, sign-in and Stripe Checkout. A full test purchase goes through end to end.

Client
Personal project
Focus
E-commerce · Stripe payments
Stripe Checkout over the CRWN cart: 'CRWN Clothing Ltd. Your total is $263', with a Stripe test card entered and a Pay Now $263.00 button.
Stripe Checkout, in test mode

01The problem

Checkout is where an online store wins or loses the sale. The payment flow has to be secure, trustworthy and fast enough that nobody gives up halfway.

02My role

Built the store end to end, from the catalogue and cart to sign-in and the Stripe checkout.

03Approach

  1. A catalogue by category (hats, jackets, sneakers, womens, mens), with add to cart on every product.
  2. A cart that keeps quantities and a running total, from the header dropdown to the checkout page.
  3. Customer sign-in.
  4. Stripe Checkout for payments, running in Stripe test mode.
  5. Performance work across the checkout flow for faster load times.

04Impact

  • A live store where a test card payment completes end to end through Stripe.

05Stack

  • React
  • Styled Components
  • Performance optimisation
  • Stripe

More screens

  • CRWN Clothing home page: five photo tiles for hats, jackets, sneakers, womens and mens.
    Shop by category
  • CRWN Clothing shop page: rows of hats and sneakers with names and prices.
    The catalogue
  • CRWN Clothing checkout page listing three items with quantity controls, prices and remove buttons.
    Cart and checkout