Built a headless Shopify storefront straight from the Storefront API. Next.js handles the routing and rendering, the API feeds in 23 products from Shopify's sample catalog, photos and prices included.
Color swatches swap the product shot and the price on click. Filters sit in the URL, so a filtered collection page is a shareable link. There's a set builder: pick three pieces, 15% off.
The cart is real. Add items, change quantities, close the tab, come back a month later. Still there (30-day cookie). Checkout is a mock, no payment.
Also wrote three Liquid sections for Dawn and ran them through theme-check. Zero issues.
100 on accessibility, best practices and SEO on Lighthouse desktop.
This project showcases a Shopify analytics dashboard displaying key e-commerce performance metrics, including total sales, online store sessions, conversion rates, average order value, and sales trends.
The dashboard presents business data through clear charts and performance summaries, making it easier to monitor store activity and understand sales performance over time.
Key Highlights
Sales and revenue tracking
Online store traffic and sessions
Conversion rate monitoring
Average order value analysis
Sales trends and performance reporting
The goal is to make e-commerce data easier to understand and help store owners identify areas for further analysis and improvement.
A closer look at LuxiQue a fashion e-commerce mobile app concept.
I designed the experience to make the journey from discovering products to completing an order feel clear and intuitive.
From product discovery and product details to cart management, payment and order confirmation, each screen was designed to make the next step easy to follow.
The goal was to balance a clean visual experience with a practical shopping journey.