Responsive E-commerce Platform for Fashion Brand S/S 2024
Fashion brand, E-commerce site for DCC S/S 2024
DCC Hompage
Product view for mobile
GOL demo game for mobile
Created a sleek, responsive e-commerce platform for the client DCC, a streetwear fashion brand. The platform integrates a quirky custom design with robust e-commerce functionality, leveraging Shopify’s APIs for seamless inventory and checkout management. Aswell as the brands newest collections, the site includes an offering of demos (demonstratable fun projects for users to try) including lookbooks, music and mini-games.
Tech Stack:
Frontend: React.js, TypeScript, Redux Toolkit
Styling: Styled-components, Tailwind CSS
E-commerce Platform: Shopify API (Storefront API, Admin API)
Hosting: Vercel
Payment Integration: Shopify Payments, PayPal, Stripe
Key Features:
Dynamic Product Showcase:
Filter and sort capabilities for fashion collections.
Image carousels for product galleries with zoom and AR try-on support.
Custom Cart & Checkout:
Built a custom React-based cart system synced with Shopify’s API.
Secure, multi-step checkout with saved addresses and payment details.
User Personalisation:
Account management for customers to track orders and save wish lists.
Recommendations engine powered by Shopify's built-in analytics and external AI APIs.
CMS for Content:
Shopify CMS integration for blog posts, lookbooks, and promotional banners.
SEO Optimisations:
Implemented schema.org for rich product snippets.
Fast page loading via lazy loading, image optimisation, and Vercel’s CDN.
Challenges Overcome:
Shopify API Rate Limits: Implemented a caching layer with Redis to avoid API throttling.
Complex Filtering Logic: Used Zustand for state management and optimised re-renders for better performance on large collections.
Like this project
0
Posted Dec 4, 2024
Commissioned to build a website for fashion brand DCC. Based on initial designs we came up with a quirky design for their spring/summer website.
Tablet Application for Visitor Staff @ The Cooperative
UI Redesign for Global Firm