Tufayl Dalvi Logo
WEBScript Island

Haberdo

B2B Footwear Catalog & Retailer Portal

Haberdo
Technical Stack
FigmaNext.jsTypeScriptTailwind CSSSupabaseNodemailer
Product & Strategy Focus
B2B Catalog ScopingPerformance EngineeringDatabase IntegrationRetail Form Design
01 / The Challenge

Project Description

Developed a high-performance B2B catalog website for a Dubai-based footwear brand with a strong offline presence that lacked online visibility. The primary challenge was to design and construct a seamless user experience that replicated the look and feel of their parent company's website in China, while modernizing the under-the-hood performance.

02 / The Solution

Solution Offered

Built a custom, multi-page Next.js web application featuring a home page, an immersive about section, a dynamic product catalog page showing categorized footwear lines, and an interactive contact page. Integrated a Supabase backend for robust data management and configured Nodemailer to securely route wholesale retailer inquiry form submissions directly to the sales team.

03 / Key Accomplishments

Key Contributions & Impact

1

Engineered the B2B catalog from scratch using Next.js, achieving a loading speed 2x faster than their parent company's legacy platform.

2

Developed custom product category filter systems and dynamic grid displays to showcase different footwear lines seamlessly.

3

Configured a Supabase database for secure catalog storage and integrated a Nodemailer mailer flow for retailer inquiries.

4

Delivered a premium digital catalog experience that was showcased at an international footwear summit, capturing the interest of major buyers and securing over 1,000 retail leads.

04 / Visual Evolution

Before & After Comparison

Before / Legacy Version
Haberdo Before
After / Redesigned Version
Haberdo After