CASE STUDY · 02 / CORPORATE SITE

Independent Car Service Site

DesignDevelopmentBooking flowWhatsApp

Minauto.A service site that takes bookings and quote requests in a few steps.

Minauto’s site, designed and built by us, gathers 17 service cards, online booking and quick quote forms, and a WhatsApp line split by department in one place.

See the screens →Read the brief ↓

Client

Minautominauto.com.tr

Sector

Automotive serviceMINI, BMW and Land Rover owners

Scope

Design + DevelopmentDesign, Development, Booking flow, WhatsApp

Started

February 2026Live

Output

Responsive webTurkish

01 - Live Mockup · Desktop

6 screens. One design language.

Pick a page from the list on the left, then scroll the design yourself on the MacBook screen on the right. You’re in full control.

Scroll to explore

Live Previewminauto.com.tr/

Home00%

02 - Live Mockup · Mobile

5 screens, in your pocket.

5 mobile screens, designed for 360-428 px viewports. You can scroll inside the centered phone yourself; click the side phones to bring them to the center.

01 · Brief

Booking a slot before driving in.

Since 2008 Minauto has been an independent service in Maslak, Istanbul, handling maintenance, repair, parts and inspections, mainly for MINI and BMW. Its previous site ran on WordPress.

The need

Car owners want to find the service they need, ask for a price and pick a day. All of this had to work without waiting on the phone, from a mobile as well as a desktop.

Goal

Group the services into categories, take booking and quote requests through forms and route WhatsApp messages to the right department.

Approach

A six-category service menu on desktop; on mobile, fixed Call, WhatsApp, Booking, Services and Directions buttons at the bottom of the screen.

Solution

A booking form with make, model, year and 18 service options, a quick quote form and separate WhatsApp messages for five departments. Requests reach the service by email.

Outcome

Live at minauto.com.tr with 17 service cards, 3 blog posts and a 10-question FAQ.

Service cards

On the services and service-area pages

Booking options

Services selectable in the form

WhatsApp departments

Roadside, service, accounts, parts, insurance

FAQ answers

On brands, booking and parts

02 · What we built

6 building blocks, one site.

A site for an independent MINI and BMW service in Maslak, bringing together its services, booking and quote forms, and a WhatsApp line split by department.

◈

Online booking form

Visitors enter make, model and year, tick from 18 service options and send a booking request, which reaches the service by email.

⊞

Quick quote form

Car details and a job description are enough to ask for a price.

◐

WhatsApp by department

Roadside assistance, service, accounts, parts and insurance each get a ready-made message.

◆

Mobile bottom bar

Call, WhatsApp, Booking, Services and Directions stay fixed at the bottom of the screen on phones.

◉

Service menu

On desktop, services are listed with icons under six categories such as maintenance, diagnostics, tyres and oil.

◇

Blog and FAQ

Three posts on MINI history and maintenance, and ten questions on brands, booking and parts.

03 · Method & stack

Which method, which tools?

Left: how we ran the project. Right: the technologies read from the project’s own dependency list.

/01
Discovery and service map
Strategy
/02
On-brand interface design
UI
/03
Mobile-first development
Frontend
/04
Booking, quote and WhatsApp flow
Flow
/05
Migration from WordPress
Launch

/06
Next.js
Framework
/07
React
UI
/08
TypeScript
Language
/09
Tailwind CSS
Styling
/10
Resend
Email

MINAUTO

The next project could be yours

Let’s build a site like this for your brand.

Your sector, catalog and customers are different; the method stays the same. Write to us and let’s talk about your project.

Message us on WhatsApp →Other work →

← All Work

CASE STUDY · 02 / CORPORATE SITE

Independent Car Service Site