Morgan Logo
[ B2B Website ]

LegendAlu

End-to-end B2B website for aluminum profiles & facade systems

THE CHALLENGE

Creating a B2B platform for aluminum manufacturers requires handling technical product specifications, supporting international markets, and establishing complete digital infrastructure from domain to deployment.

ROLE:Full-Stack Developer & Designer
YEAR:2024
TYPE:B2B Platform
STATUS:Live

TECH STACK

Next.jsReactMongoDBTypeScriptTailwind CSS
I

Engineering Approach

End-to-End Ownership

Led the complete project lifecycle from brand identity and UI design through frontend development, database design, and deployment infrastructure.

Technical Data Modeling

Structured aluminum profile data in MongoDB to support complex product specifications and technical documentation.

Production Infrastructure

Set up domain, DNS configuration, business email via Zoho, metadata, and SEO foundations for international visibility.

B2B-Focused Design

Created a professional, technical presentation optimized for manufacturers and distributors in Europe and the Middle East.

II

Key Technical Decisions

The choices that shaped the architecture and determined long-term maintainability.

MongoDB for Product Data

Used MongoDB instead of relational database

WHY

Aluminum profiles have varying technical specifications that fit better in flexible document structure

Static Site Generation

Used Next.js SSG for product pages

WHY

Product data doesn't change frequently, so pre-generated pages provide best performance and SEO

Zoho for Business Email

Set up Zoho instead of Google Workspace

WHY

More cost-effective for small business while providing professional email with custom domain

Technical Documentation Focus

Prioritized clear technical specs over marketing copy

WHY

B2B buyers need precise measurements and material specifications to make purchasing decisions

III

Challenges & Solutions

[ CHALLENGE ]

Product catalog with hundreds of aluminum profiles needed to be searchable and filterable efficiently

[ SOLUTION ]

Implemented indexed MongoDB queries with proper aggregation pipelines and created intuitive filtering UI

[ CHALLENGE ]

International reach required proper SEO setup across multiple markets

[ SOLUTION ]

Implemented comprehensive metadata, structured data, and sitemap generation with multilingual considerations

[ CHALLENGE ]

Technical specifications needed to be presented clearly without overwhelming users

[ SOLUTION ]

Designed progressive disclosure UI where basic info is visible and detailed specs expand on demand

IV

Outcomes & Impact

LegendAlu launched as a complete B2B platform with professional branding, technical product catalog, and full production infrastructure.

100%
Project ownership
500+
Products catalogued
3
Markets served

KEY TAKEAWAYS

End-to-end projects teach you every layer of the stack. You can't hide behind 'that's someone else's problem' when you own everything.