Case study
A shop where browsing ends in an order sent on WhatsApp, as a pitch
The shop from my proposed rebuild of ZAD ZEAL's website: immersive galleries of hand-made bags, blouses and local designs, product pages with every design, and a cart that turns into a ready-to-send WhatsApp order.
Live prototype · proposal
Prototype
Open in a new tab (opens ZAD ZEAL shop in a new tab) Read the case study
The problem
ZAD ZEAL sells hand-made and local products alongside its other services, but its old website treated the shop as a description, not a place to buy. Customers who mostly shop on their phones, often on mobile data, had no simple way to pick a design and order it. I rebuilt the shop as part of a proposal to redesign the whole site.
Constraints
- Phones first, on mobile data. Pages stay light, and the main actions stay within thumb reach.
- No card payments yet. How customers pay was still to be agreed, so orders are confirmed in person.
- Hand-made means variants. Many products come in several one-off designs, and the customer must be able to pick the exact one.
- A pitch, not a contract. It's built on the company's own product photos and catalogue, ahead of an agreement.
What I did
Strategy and brand
I made the shop a main destination instead of a side page, led with the hand-made pieces, and wrote a four-step "how ordering works" that sets expectations: add to your order, send it on WhatsApp, we confirm, we deliver.
Design
Immersive galleries for the collections, a lookbook, a gallery that morphs between pieces, and product pages that show every design of a hand-made item. The shop follows the brand's blues with a gold call to action.
Engineering
A React and Vite build with Tailwind and Framer Motion. Pages are prerendered for speed and search, and the cart is saved on the device. At checkout the order is written out as a WhatsApp message with the items and totals, ready for the customer to add their details and send. Quality checks ran on every page: no accessibility violations found by axe, no console errors and no sideways scrolling on phones.
Outcome
A working shop prototype with the full catalogue, product pages, design variants and the WhatsApp order flow, built on the client's real products and photos. Payment methods, delivery pricing and the client's go-ahead are still to come.
What I'd change next time
I'd settle the payment and delivery options before designing checkout, because they decide what the last screen must ask for. I'd also plan the image budget earlier: the galleries look best with large photos, and keeping pages light on mobile data took a second pass.