Skip to main content
Back to Portfolio

Elbey Projects Website

Customer website for a mobile mechanic business (multi-page, SEO-ready).

Next.jsTypeScriptTailwind CSSLucideFramer MotionVercel
Timeline: 1 week
Role: Full-stack Developer
Elbey Projects homepage showing the hero section and primary calls to action

Overview

A customer-facing marketing site for Elbey Projects, a mobile mechanic business.

The goal was simple: make it easy to understand services, build trust quickly, and get people to book — especially on mobile.

Delivered a complete multi-page site (About, Services, Gallery, Contact/booking, FAQ, Blog, and legal pages), built with Next.js App Router and a custom Tailwind theme, and deployed on Vercel.

Case Study

The Problem

A mobile mechanic business needed a modern web presence to explain services clearly, build trust, and convert visitors into bookings.

Audience & Stakes

Local customers on mobile searching for repairs and diagnostics. A confusing site means lost leads and missed bookings.

My Approach

Built a multi-page site with Next.js App Router and TypeScript, styled with Tailwind CSS, and deployed on Vercel. Prioritized mobile-first layout, clear CTAs, and a structure that supports SEO and easy navigation.

Tradeoffs

Kept interactions lightweight to prioritize speed and clarity over heavier animations or complex client-side state.

Impact

A production-ready customer site that communicates services quickly, supports SEO-friendly navigation, and makes booking straightforward from mobile.

Key Features

  • Multi-page marketing site with clear information architecture
  • Mobile-first navigation and CTA-driven layout
  • Services catalog, gallery, FAQ, blog, and legal pages
  • Tailwind theme matching brand colors and typography
  • Deployed on Vercel for fast global delivery

Technical Challenges

  • Keeping page content scannable on mobile without sacrificing detail
  • Balancing animation polish with fast load and layout stability
  • Structuring pages for SEO and clean internal linking

Key Learnings

  • Consistency across page templates matters more than any single page design
  • Small CTA placements can meaningfully change usability on mobile
  • A clear IA + fast load beats over-designed interactions for service businesses