The challenge
Translate Chris Davis’s Figma designs into a functioning digital-product store. Customers needed to browse categories, save items, buy files and receive the correct downloads through a consistent branded experience.
My role & approach
Chris supplied the Figma designs and product assets. I handled development and implementation using WooCommerce, Elementor Pro and custom PHP/JavaScript.
Catalogue, cart & checkout
Implemented product archives and individual product pages, category navigation and wishlist functionality. Refined a three-card desktop catalogue and mobile spacing through client review.
Developed and refined the cart and multi-step checkout, including coupon entry, order summaries and add-to-cart feedback. Corrected unwanted automatic scrolling and an unnecessary empty starting state.
Accounts, payments & file delivery
Customized login, registration, orders and downloads. Connected client-supplied .FIG files to their WooCommerce products.
Configured PayPal and SMTP during the original build. Under subsequent support, completed the Stripe integration and refined checkout button placement and default address values.
Verified results
On August 21, 2025, Chris confirmed a successful PayPal purchase, successful coupon application and receipt of the transactional email with its download link.
On September 11, 2025, Chris confirmed the Stripe order, order-processing email, correct .FIG download link and thank-you page. The follow-up milestone was subsequently approved.
Handover
Provided a website management guide covering products, coupons and orders.
Client feedback
“I highly recommend Usman.”