Front-End Developer for 3D Bridal Gown Configurator (Three.js + Custom Checkout Flow)
Budget: $750 – $1,500 USD
Internal Project Brief: The Bridal Edit Configurator
Prepared for: Awais Chaudhry
Project Start: ASAP
Target Completion: 3 months or less
Project Summary
We are building the 3D customization engine and order flow behind The Bridal Edit — a luxury online bridal platform that allows brides to create their dream look through a mix-and-match gown configurator. This will support:
3D interactive customization
Virtual closet experience
At-home try-on kit checkout flow
Robust analytics tracking
In-house merchant payment processing
Mobile-first responsiveness
Scalability into future features like AI try-on and mobile app
This is our final pass to get everything clearly outlined and fully locked in before development begins.
Platform Architecture
1. Configurator Experience
3D viewer to toggle modular .glb assets:
Bodices
Skirts
Add-ons (sleeves, bows, accessories)
Visual snapping logic between pieces
Mobile-friendly gesture controls: drag, rotate, zoom
Screenshot export or shareable style snapshot (with symbol icon)
Compatibility logic (if needed for pairings or locked combos)
Virtual Closet
Pop-up interface or mobile-friendly drawer (not a full page)
Save multiple looks with:
Rename
Edit
Delete
Store via session OR email-based access (no password)
Native share icon functionality (copy/share link)
At-Home Try-On Kit Checkout
Brides can only order 1 kit at a time
Try-on dresses are mock samples (stamped or tagged)
Form includes:
Size selection
Desired delivery date
Email and shipping info
Notes field
Payment method (card-on-file)
Kit return label is auto-generated or included manually
U.S. only shipping (international disabled)
Data & Output
All gown selections are exported as structured JSON
e.g., bodice, skirt, add-ons, color, size, user email
Output is routed to:
Airtable or Notion dashboard
Internal team via automated email
Support for future CMS plugin or production tracker
Supports optional screenshots or thumbnails of final gown design
Payment Processing
We are not using Stripe.
Instead:
Build logic that supports a custom merchant processor (TBD)
Must handle:
Secure card-on-file
Transaction submission to third-party gateway (e.g., Authorize.net, NMI)
Refund or adjustment if try-on kit is returned unused
Tracking & Marketing Data
Please implement:
Google Analytics 4
Hotjar or PostHog (heatmaps, scrollmaps, user behavior)
Facebook Pixel
TikTok Pixel
Ability to tag key moments:
Design started
Design saved
Try-on kit added to cart
Abandoned try-on form
In the future, this data will allow us to:
Trigger cart abandonment emails
Track cross-device behavior
Sync customer journeys with social media targeting
Infrastructure & Hosting
Configurator will live on:
bridaledit.studio or thebridaledit.studio
Recommend platform: React + Three.js
Hosting: Firebase or Vercel (optimize for speed, mobile load, CDN performance)
Try-on checkout page and closet must also be fully responsive
UI/UX & Content
You will receive:
Fonts, color codes, logos
Moodboard references for layout (Apple, P448, Sumissura)
Drafted UI copy: labels, tooltips, error messages, empty closet states
Visual hierarchy guidance for layout
Figma or mockup files (in progress, or we’ll work together)
If needed, build placeholder wireframes that can be refined visually in Phase 2.
File Delivery
3D garment assets will be delivered in batches:
Format: .glb
Structure: each garment component is its own file
Origin: aligned pivot points
Naming: consistent with UI labels
Texture: either baked or linked (we’ll confirm with artist)
Optional: snapping logic in .json
Account Info
We’ll provide:
Admin email for test orders
SendGrid (or Mailgun) account once selected
Analytics credentials (GA4, Hotjar, PostHog)
API access for production database if needed
DNS support to point domain to your hosting environment
Developer Responsibilities Checklist
Build and style 3D configurator with toggle logic
Connect closet pop-up with save, share, rename functionality
Build try-on form with form validation, one-kit restriction, card capture
Route config JSON to dashboard + fulfillment email
Integrate analytics and tagging across site
Ensure full mobile and tablet support
Prepare backend to allow for future AI try-on integration
Allow embed or smart routing from thebridaledit.com
Prepared for: Awais Chaudhry
Project Start: ASAP
Target Completion: 3 months or less
Project Summary
We are building the 3D customization engine and order flow behind The Bridal Edit — a luxury online bridal platform that allows brides to create their dream look through a mix-and-match gown configurator. This will support:
3D interactive customization
Virtual closet experience
At-home try-on kit checkout flow
Robust analytics tracking
In-house merchant payment processing
Mobile-first responsiveness
Scalability into future features like AI try-on and mobile app
This is our final pass to get everything clearly outlined and fully locked in before development begins.
Platform Architecture
1. Configurator Experience
3D viewer to toggle modular .glb assets:
Bodices
Skirts
Add-ons (sleeves, bows, accessories)
Visual snapping logic between pieces
Mobile-friendly gesture controls: drag, rotate, zoom
Screenshot export or shareable style snapshot (with symbol icon)
Compatibility logic (if needed for pairings or locked combos)
Virtual Closet
Pop-up interface or mobile-friendly drawer (not a full page)
Save multiple looks with:
Rename
Edit
Delete
Store via session OR email-based access (no password)
Native share icon functionality (copy/share link)
At-Home Try-On Kit Checkout
Brides can only order 1 kit at a time
Try-on dresses are mock samples (stamped or tagged)
Form includes:
Size selection
Desired delivery date
Email and shipping info
Notes field
Payment method (card-on-file)
Kit return label is auto-generated or included manually
U.S. only shipping (international disabled)
Data & Output
All gown selections are exported as structured JSON
e.g., bodice, skirt, add-ons, color, size, user email
Output is routed to:
Airtable or Notion dashboard
Internal team via automated email
Support for future CMS plugin or production tracker
Supports optional screenshots or thumbnails of final gown design
Payment Processing
We are not using Stripe.
Instead:
Build logic that supports a custom merchant processor (TBD)
Must handle:
Secure card-on-file
Transaction submission to third-party gateway (e.g., Authorize.net, NMI)
Refund or adjustment if try-on kit is returned unused
Tracking & Marketing Data
Please implement:
Google Analytics 4
Hotjar or PostHog (heatmaps, scrollmaps, user behavior)
Facebook Pixel
TikTok Pixel
Ability to tag key moments:
Design started
Design saved
Try-on kit added to cart
Abandoned try-on form
In the future, this data will allow us to:
Trigger cart abandonment emails
Track cross-device behavior
Sync customer journeys with social media targeting
Infrastructure & Hosting
Configurator will live on:
bridaledit.studio or thebridaledit.studio
Recommend platform: React + Three.js
Hosting: Firebase or Vercel (optimize for speed, mobile load, CDN performance)
Try-on checkout page and closet must also be fully responsive
UI/UX & Content
You will receive:
Fonts, color codes, logos
Moodboard references for layout (Apple, P448, Sumissura)
Drafted UI copy: labels, tooltips, error messages, empty closet states
Visual hierarchy guidance for layout
Figma or mockup files (in progress, or we’ll work together)
If needed, build placeholder wireframes that can be refined visually in Phase 2.
File Delivery
3D garment assets will be delivered in batches:
Format: .glb
Structure: each garment component is its own file
Origin: aligned pivot points
Naming: consistent with UI labels
Texture: either baked or linked (we’ll confirm with artist)
Optional: snapping logic in .json
Account Info
We’ll provide:
Admin email for test orders
SendGrid (or Mailgun) account once selected
Analytics credentials (GA4, Hotjar, PostHog)
API access for production database if needed
DNS support to point domain to your hosting environment
Developer Responsibilities Checklist
Build and style 3D configurator with toggle logic
Connect closet pop-up with save, share, rename functionality
Build try-on form with form validation, one-kit restriction, card capture
Route config JSON to dashboard + fulfillment email
Integrate analytics and tagging across site
Ensure full mobile and tablet support
Prepare backend to allow for future AI try-on integration
Allow embed or smart routing from thebridaledit.com