Overview
The NexPro Energy website is the official digital presence of the energy consulting firm, built to showcase its people, expertise, success stories, and services. The objective was to create a robust, fast, and modern landing page that clearly communicates the brand's mission, builds credibility, and serves as a platform for business inquiries.
Tech Stack:
Next.js, Redux Toolkit, Tailwind CSS, TypeScript, Ant Design, Framer Motion, Vercel, Cloudinary
Key Features:
• Responsive, mobile-first design across all devices
• Dynamic team section with content updates
• Success stories and project highlights formatted for easy readability
• Integrated secure contact form with CSV email attachment handling
• Preview-optimized for social sharing (Discord, LinkedIn, X, Facebook, Whatsapp)
• Clean design aligned with NexPro's brand identity
• Protected staging link for internal testing and review before production
Challenges:
Key challenges included creating a balance between technical clarity and professional appeal, while enabling secure collaboration and controlled deployments. Additionally, supporting easy internal content edits and email notification features for lead capture were essential.
Solution:
I leveraged Next.js and Tailwind CSS to build a highly performant, SEO-friendly landing page. Redux Toolkit was used to manage UI state, while Cloudinary was integrated for media optimization. Vercel was configured with a protected staging environment to ensure proper QA before production deployment.
Github