The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Online Fashion Store — Landing Page UI/UX Design
Project Overview:
The Online Fashion Store is a modern e-commerce website concept designed to showcase fashion collections through an attractive, stylish, and user-friendly interface. The goal is to create an engaging online shopping experience that helps users explore products, discover new styles, and navigate the store effortlessly.
Project Goals:
Create a modern and visually appealing fashion website. Showcase fashion collections with engaging product visuals. Simplify product discovery and browsing. Establish a consistent and stylish brand identity. Create a smooth and intuitive shopping experience.
Design Approach:
I focused on a clean, contemporary layout with stylish typography, balanced spacing, and a cohesive color palette. The design emphasizes fashion imagery, product presentation, and clear visual hierarchy to create an engaging browsing experience while keeping the interface intuitive and easy to navigate.
My Role:
UI/UX Designer
Tools Used:
Figma
Key Deliverables:
Online Fashion Store Landing Page, E-commerce Website UI, Fashion Collection Showcase, Website Layout and Components, Color Palette and Typography, Visual Design.
Outcome:
The project explores how thoughtful e-commerce UI/UX design can present fashion collections effectively, strengthen brand appeal, and create a visually engaging online shopping experience for customers.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Spaces that feel like nature.
I kept coming back to one question on this concept: does a furniture brand feel more premium in low light or in daylight? So I built both.
The warm version sells atmosphere. The light version sells the product. Both use the same type scale and the same circular motif holding a landscape behind the piece.
Still undecided. Which would you ship?
6 voted
50%
6 voted
50%
12 votes
Closed
Daylight
Snap — Interactive 3D Patch Studio
The problem
Customizing clothes online creates a gap between what the customer imagines and what ends up on the sewing table. People want creative freedom; production needs exact instructions. The result is endless back-and-forth and “where do I put this patch?” messages.
The build
I’m a designer, so everything started in Figma — every screen, hover and sticker. Then I rebuilt it in Base44, one prompt at a time: layout first, then motion, then the 3D studio.
In the studio, you drop patches anywhere on a real 3D shirt, then rotate, resize, duplicate or undo. On mobile, it’s built for one thumb: separate modes for viewing, placing and editing, and quick zones like Chest or Sleeve. Small details carry the brand: hover a patch in the catalog to see it sewn on a shirt, or hover the headline letters to watch them turn into 3D type.
Three things fought back:
Patches on a real 3D shirt — solved with surface decals that follow the fabric.
Saving exactly what people design — solved with automatic front/back snapshots.
One-thumb mobile editing — solved by splitting the studio into clear modes instead of shrinking the desktop layout.
Automation
Snapshot → production (saves time, removes errors). The moment you add to bag, snap captures your design front and back. The snapshots go to production with the order, and the admin can download a ready-to-print production sheet as a PDF. What you see is exactly what we sew.
Status emails (customer experience). Change an order’s status in the admin, and the customer is notified automatically: in production, shipped with tracking, delivered.
Owner alerts (operations). New orders and contact messages land in my inbox right away, with a link to the order.
Waitlist (leads). Unreleased items like the hoodie collect sign-ups instead of being a dead end. The moment I switch it live, everyone waiting gets an email.
Vibe code. Vibe design. Real thread.
Life project:
https://figma-snap-416e61aa.base44.app
Figma file (for personal use)
Full screencasts are in the comments: the customer flow (from the catalog to checkout, on desktop and mobile) and the admin flow (the order with its snapshots → the production PDF → a status change → the automatic email).
Ohhhh wowww this is nice