BABS Auto Logistics

BABS sources and ships vehicles from the USA, UK, Germany, Japan and 15+ markets into West Africa, the Middle East, and beyond. The business was already trusted on the ground (WhatsApp, phone, repeat dealers) but had no site that could explain the full chain or capture a qualified enquiry after hours.

The site had to do two jobs at once: look like a company that moves cars across borders, and give a buyer a short path from “I need a Camry in Lagos” to a brief the team can quote.

The public site is what people land on: hero and vehicle types, services (sourcing, RoRo and container freight, export docs, inland haulage, 50-point inspections, spare parts), a gallery of real deliveries, testimonials, FAQs, and a WhatsApp widget. Under that sits the quote page: a free enquiry for sourcing, export, shipping, or inspections, with a 4-hour response promise.

Built in Next.js and TypeScript, with Tailwind CSS for the UI, React Hook Form and Yup for validation, and Framer Motion for motion.

One form cannot serve six logistics products. A sourcing brief wants make, budget, and destination; a RoRo booking wants origin port, destination, and whether the car runs. The quote flow had to feel like one product while the questions changed underneath, without dumping a wall of unused fields on someone who only needs an inspection.

The marketing pages had to carry weight (real deliveries, real quotes) without slowing the path to “Request a Quote.” Those are two different surfaces sharing one brand.

Live at babsautologistics.com as the public front door for quotes, WhatsApp, and inbound enquiries.