LuxeBazaar
B2B distribution website, Jul 2026
LuxeBazaar connects global retailers with 500 plus premium brands across fashion, beauty and lifestyle. Their old site told none of that story. I designed and built a new one in Next.js that looks as premium as the brands they sell.
- Year
- Jul 2026
- Role
- Design and development
- Client
- LuxeBazaar
- Services
- Web design, Frontend, Contact form backend, Deployment
- Technology
- Next.js, Tailwind CSS, Resend
Overview
A B2B marketing and presence website, designed and developed from scratch in Next.js and deployed at luxebazaar.ae. Built in July 2026 over one focused week, one section at a time with the client.
The problem
LuxeBazaar connects global retailers with 500 plus premium brands across fashion, beauty and lifestyle. But their old website told none of that story. It looked like a spreadsheet with a logo on top. No sense of the luxury world they operate in, no reason for a serious buyer to trust them.
They came to me with one ask: build something that looks as premium as the brands they sell.
Approach
Twelve sections, fully responsive, with a design system built around two backgrounds (white and near black), one accent colour, and a rule that every animation runs in a continuous loop rather than triggering once and going dead.
Design and interaction
The hero opens with a canvas grid animation, subtle blue light pulses travelling along the lines. It is the kind of thing you notice without knowing why the page feels alive.
The about section uses a split layout where clicking each feature swaps an animated diagram on the right. Four custom SVG illustrations, each explaining a different part of how LuxeBazaar works.
The what we offer section is a bento grid where each card contains a real working animation. A sliding brand marquee, a network diagram with travelling pulse dots, a live market chart, and a shipment tracker that cycles through delivery stages automatically.
Development
The contact form delivers every submission straight to the client inbox through a Resend API route built into the Next.js backend.
Key features
Canvas grid hero
Blue light pulses travel along a drawn grid, on a loop.
Interactive about
Click a feature and the matching custom SVG diagram animates in.
Living bento grid
Brand marquee, network diagram, live chart and a cycling shipment tracker.
Resend contact form
Submissions arrive in the client inbox through a Next.js API route.
Two background system
White and near black, one accent colour, twelve responsive sections.
How it went
The client was involved at every step. We refined one section at a time before moving to the next, which meant no big surprises at the end and no wasted work in the middle.
When they saw the final build the response was simple. Perfect.
Results
The site is now live at luxebazaar.ae and represents a company that finally looks like it belongs in the world it operates in.
Final product
What the client said
“Outstanding developer! Excellent communication and attention to detail. The website exceeded our expectations in both design and functionality. Highly professional, reliable, and a pleasure to work with. Highly recommended!”
Technologies
- Next.js
- Tailwind CSS
- Resend
Links
Next project
AfterLands
Game landing page, 2025
