Skip to content
A—37

Tekcan Opel Özel Servisi

A corporate site for an independent Opel and Chevrolet service that keeps the emergency line on every page

Sector
Automotive & fleet
Country
Türkiye
Category
Web design
Services
Web design & development
Technology
Next.js, React 19, TypeScript, App Router
Desktop and mobile views of the Tekcan Opel Özel Servisi website

01 /

The brief

Tekcan Opel Özel Servisi maintains and repairs Opel and Chevrolet vehicles at the Atatürk auto industry estate in Maslak, Istanbul. Two kinds of customer reach the workshop: those planning ahead for servicing, bodywork or parts, and drivers stranded on the road who need help now. We built the site around both. Maintenance and repair, body and paint, mechanical work, spare parts and roadside assistance each have their own page, and service cards on the homepage send visitors to the right one. The emergency and customer service numbers sit in a strip at the top of every page, and the roadside assistance page leads straight to a call. The contact section brings together the address, opening hours and Google Maps directions. The site is built with Next.js 16 and React 19.

Screens

Fresh screenshots from the live site: the full page, inner pages and how it looks on a phone.

Home page

Tekcan Opel Özel Servisi — Home page
Tekcan Opel Özel Servisi — Sections and inner pages

Sections and inner pages

Tekcan Opel Özel Servisi — Sections and inner pages
Tekcan Opel Özel Servisi — Sections and inner pages
Tekcan Opel Özel Servisi — Sections and inner pages
Tekcan Opel Özel Servisi — On mobile

02 /

Approach

Three decisions that shaped the project.

  1. 01

    Separate paths for planned and urgent

    Every service has its own page. A stranded driver goes from the homepage straight to 24/7 roadside assistance, which covers towing, on-site diagnostics and jump-starts, with the emergency call button up front.

  2. 02

    The phone number never disappears

    Emergency and customer service lines stay in the top strip on every screen, mobile included. Tapping a number starts the call, so no one has to hunt through a menu.

  3. 03

    Technical SEO from inside Next.js

    The sitemap, robots file, icons and web app manifest are generated within the Next.js App Router. Added to a phone’s home screen, the site opens with the workshop’s own icon.

03 /

What we delivered

  • Maintenance and repair, body and paint, mechanical and spare parts pages
  • 24/7 roadside assistance page
  • Emergency and customer service lines on every page
  • One-tap calling
  • Address, opening hours and Google Maps directions
  • Web app manifest for adding to the home screen
  • Privacy and cookie policy pages

Tech stack

  • Next.js
  • React 19
  • TypeScript
  • App Router

The code and the domain belong entirely to our client.

Live now

Visit the live site

opelservisimaslak.com (opens in a new tab)

Next project

A—38

Sosyete Nargile

No cart, no sign-up: a hookah catalogue that takes orders over WhatsApp

Retail & e-commerce · Türkiye