Sportswear DTC cross-border brand store
A standalone online store for sportswear and performance apparel brands selling to customers in Europe and North America, where size and color are the main buying concerns. The demo shows an English storefront with size charts and size recommendations, a main image that redraws instantly when the color changes, add-the-whole-look from the Lookbook, USD / EUR / GBP currencies, a full checkout flow and EN / DE / FR language switching, plus a Chinese-language merchant back office with a business overview, order management and product inventory. In demo orders, customer names, addresses and countries match. On phones, the back office shows orders as cards.
Features
Design and technical highlights
- Size recommendations adjusted per style
Shoppers enter their height, weight and fit preference. The store then recommends a size and shows a fit score, based on each style's own size chart and on reviews that say it runs large or small. The result is saved on the device, and every product page and the Lookbook preselect the recommended size.
- Main image redraws instantly on color change
All apparel illustrations are SVGs drawn live from color parameters. When the color changes, the front, back, detail and fabric views all update together, and swatches on listing pages switch the image too. Stock for each size changes with the color, and shoppers can sign up for a restock alert on sold-out sizes.
- Lookbook and add the whole look
Four flat-lay scenes mark each item with a hotspot that opens the product. The side panel preselects recommended sizes, and one click adds the whole outfit to the cart.
- Storefront and back office share data
After checkout in the selected currency, the order appears at the top of the order list in the Chinese-language back office. When staff ship it and enter the tracking number, the storefront's order confirmation page shows it as shipped. The back office also shows GMV trends, country and currency breakdowns, sales by size, return reasons, and a color × size stock matrix.
Screenshots
Mobile layout
How the same pages look on a 390 × 844 phone screen, swipe left or right to view.
Tell us about your business. Based on this demo, we will suggest a solution and give you a quote range.