◈
WhatsApp and one-tap calling
A WhatsApp booking link with a ready message and a call button for the landline; desktop also has a fixed WhatsApp button.
Client
Bodurlar Opel Servisibodurlaropelservisi.com
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
02 - Live Mockup · Mobile
4 screens, in your pocket.
4 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
Trust and directions on one page.
Bodurlar is an independent service in İkitelli, Istanbul, offering maintenance, repair and parts for Opel cars. The site’s job is to show an Opel owner what is done here and how to get there.
The need
Someone looking for a garage decides after checking the service list, real workshop photos, other customers’ reviews and the route. All of it had to be one scroll away.
Goal
An eight-section single page: services, workshop, reviews, FAQ and contact.
Approach
Instead of a booking form, WhatsApp and one-tap calling. On mobile, fixed Location, Call, WhatsApp, Services and Directions buttons at the bottom.
Solution
9 service cards, a five-photo workshop gallery, 12 customer reviews from the Google profile, a six-question FAQ and an embedded map.
Outcome
Live at bodurlaropelservisi.com, with auto-repair structured data, a sitemap and an llms.txt file for AI search tools.
0
Services
From oil changes to electrical faults
0
Google reviews
From the business profile, shown on site
0
Sections
On one page, linked by anchors
0
FAQ answers
Marked up as structured data
02 · What we built
6 building blocks, one site.
A single-page site for an independent Opel service in İkitelli, bringing its services, workshop, Google reviews and directions together.
03
03 · Method & stack
Which method, which tools?
Left: how we ran the project. Right: the technologies read from the project’s own dependency list.
- /01Discovery and single-page structureStrategy
- /02On-brand interface designUI
- /03Mobile-first developmentFrontend
- /04Local SEO and structured dataVisibility
- /05Launch and analyticsLaunch
- /06Next.jsFramework
- /07ReactUI
- /08TypeScriptLanguage
- /09Tailwind CSSStyling
- /10Framer MotionMotion
BODURLAR
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.