EVehicles BYD Landing Page

EVehicles BYD Landing Page
OTHERFullstack

About the Project

EVehicles BYD Landing Page is a high-performance web platform I developed for EVehicles NG, a leading company importing and selling BYD cars in Nigeria. The landing page is designed to showcase BYD’s innovative electric vehicles, provide essential product information, and drive customer inquiries with a clean, modern, and responsive interface.

Built with React.js and Next.js, the landing page delivers fast load times, smooth navigation, and strong SEO performance. Tailwind CSS ensures a visually engaging, mobile-first design that highlights BYD vehicles’ features and benefits while maintaining consistency across devices. TypeScript underpins the codebase, providing type safety, maintainability, and long-term scalability.

The landing page focuses on user engagement and conversion, guiding visitors seamlessly from discovery to inquiry. Strategic call-to-action elements, intuitive layouts, and clear product messaging encourage potential buyers to explore vehicle specifications, learn about availability in Nigeria, and get in touch with the sales team. The result is a professional, user-friendly platform that reflects the quality and innovation of BYD electric vehicles.

EVehicles BYD Landing Page demonstrates my expertise in building modern, responsive, and conversion-focused web experiences, blending React-driven frontend performance with scalable Next.js architecture to support a growing automotive business.

My Role

Sole front-end and full-stack developer, responsible for the landing page from design through deployment.

Key Features

  • Responsive, mobile-first design with Tailwind CSS

  • Fast, SEO-optimized performance powered by Next.js

  • Clear showcase of BYD electric vehicles and features

  • Strategic CTAs to drive sales inquiries

  • TypeScript-powered codebase for reliability and scalability

  • Modern, visually engaging layout for enhanced user experience

Tech Stack

React.js, Next.js, Tailwind CSS, TypeScript

Challenges & Solutions

Challenge: Presenting multiple vehicle models with key specifications in a clean, easy-to-navigate format.
Solution: Designed a structured layout with sections for models, features, and benefits, enhanced with Tailwind CSS for clarity and visual appeal.

Challenge: Ensuring fast load times and responsive design across devices.
Solution: Leveraged Next.js’s performance optimizations and mobile-first design principles to deliver a seamless experience.

Impact

  • Provided EVehicles NG with a polished, professional landing page for BYD cars

  • Enhanced user engagement and lead generation through clear CTAs and product information

  • Established a scalable and maintainable codebase for future updates and expansions

Project Gallery

Project image 1
View larger
Project image 2
View larger
Project image 3
View larger
Project image 4
View larger

Tags & Technologies Used

full-stacknext.jslanding pageEVsBYDreact js

Skills Used

Proficiency Levels

Beginner
Intermediate
Advanced
Expert
Prisma
Prisma
Tailwind CSS
Tailwind CSS
React
React
TypeScript
TypeScript
Next.js
Next.js
JavaScript
JavaScript

Related Projects