Alfa Solar Energy is a premium B2B solar infrastructure provider needing a website that could build immediate trust with enterprise buyers, engineering firms, and partners evaluating large-scale contracts, not casual consumers. The goal was a site that communicated technical credibility and scale from the first screen, backed by real certifications and a clear path to a quote.

My Role: Full design and development, solo. UX/UI design, frontend build, backend infrastructure, and deployment.

The design leads with a bold, confident value proposition, “Engineering Tomorrow’s Energy Infrastructure,” over a cinematic hero visual. A live certification strip- ISO 9001, LEED Platinum, EPC Certified, and partner brands- sits directly beneath the fold.

For a B2B buyer making a high-stakes decision, credibility signals needed to be immediate and unavoidable rather than buried on an About page. Navigation stays simple and task-focused: Home, About, Services, Contact, and Get a Quote, keeping the enterprise buyer’s next action clear at every scroll depth.

React 19, TypeScript & Vite: Core frontend framework and build tooling for a fast, type-safe application.

React Router v7: Handles client-side routing across pages without full reloads.

Tailwind CSS v4, clsx & tailwind-merge: Powers the design system and dynamic styling throughout.

Three.js & React Three Fiber, with Drei: Powers 3D elements integrated into the experience.

Framer Motion: Drives scroll reveals and interface animation.

Lucide React: Icon system used across the UI.

React Helmet Async: Manages SEO metadata and social preview tags per page.

Express.js (Node.js): Backend server handling secure API routes.

Nodemailer: Processes contact form submissions server-side.