VAKA ÇALIŞMASI · 03 / KURUMSAL SİTE

Özel Opel Servisi Sitesi

TasarımGeliştirmeYerel SEOWhatsApp

Bodurlar.OpelRandevuyu WhatsApp'a ve telefona bağlayan tek sayfalık servis sitesi.

Bodurlar Opel Servisi için kurduğumuz tek sayfalık site; 9 hizmeti, atölye fotoğraflarını, Google yorumlarını ve konum bilgisini ziyaretçiyi başka sayfaya göndermeden sunuyor.

Ekranları incele →Brief'i oku ↓

Müşteri

Bodurlar Opel Servisibodurlaropelservisi.com

Sektör

Otomotiv servisİstanbul'daki Opel sahipleri

Kapsam

Tasarım + GeliştirmeTasarım, Geliştirme, Yerel SEO, WhatsApp

Başlangıç

Şubat 2026Canlıda

Çıktı

Responsive webTürkçe

01 - Live Mockup · Desktop

6 ekran. Tek tasarım dili.

Soldaki listeden bir sayfa seçin, sağdaki MacBook ekranında tasarımı kendiniz aşağı kaydırarak inceleyebilirsiniz. Kontrol tamamen sizde.

Kaydırın · Scroll to explore

Live Previewbodurlaropelservisi.com/

Ana Sayfa00%

02 - Live Mockup · Mobile

4 ekran, cebinde.

4 mobil ekran, 360-428 px viewport'a göre tasarlandı. Ortadaki telefonun içinde kendiniz scroll edebilirsiniz; yan telefonlara tıklayıp merkeze alın.

01 · Brief

Tek sayfada güven ve yol tarifi.

Bodurlar, İstanbul İkitelli'de Opel araçlara bakım, onarım ve yedek parça hizmeti veren bağımsız bir servis. Sitenin işi, servis arayan bir Opel sahibine burada ne yapıldığını ve servise nasıl gidileceğini göstermek.

İhtiyaç tanımı

Servis arayan kişi hizmet listesine, gerçek atölye fotoğraflarına, diğer müşterilerin yorumlarına ve yol tarifine bakıp karar verir. Bunların hepsi tek kaydırmada bulunmalıydı.

Hedef

Hizmetler, atölye, yorumlar, SSS ve iletişimden oluşan sekiz bölümlük tek sayfa.

Yaklaşım

Randevu için form yerine WhatsApp ve tek dokunuşla arama. Telefonda altta sabit Konum, Ara, WhatsApp, Hizmetler ve Yol Tarifi düğmeleri.

Çözüm

9 hizmet kartı, 5 fotoğraflık atölye galerisi, Google profilinden 12 müşteri yorumu, 6 soruluk SSS ve gömülü harita.

Sonuç

Site bodurlaropelservisi.com adresinde yayında. Servis yapılandırılmış verisi, site haritası ve yapay zekâ arama araçları için llms.txt dosyası kurulu.

Hizmet

Yağ değişiminden elektrik arızasına

Google yorumu

İşletme profilinden, sitede gösterilen

Bölüm

Tek sayfada, çapa bağlantılarıyla

SSS cevabı

Yapılandırılmış veriyle işaretli

02 · Neler kurduk

6 yapı taşı, tek site.

İkitelli'deki özel Opel servisinin hizmetlerini, atölyesini, Google yorumlarını ve yol tarifini tek sayfada toplayan site.

◈

WhatsApp ve tek dokunuşla arama

Hazır mesajlı WhatsApp randevu bağlantısı ve sabit hattı arama düğmesi; masaüstünde sabit bir WhatsApp düğmesi de var.

⊞

Mobil alt menü

Telefonda altta Konum, Ara, WhatsApp, Hizmetler ve Yol Tarifi düğmeleri sabit duruyor.

◐

Hizmet kartları

Yağ değişiminden elektrik arızalarına ve Opel yedek parçaya kadar 9 hizmet açıklamalarıyla listeleniyor.

◆

Atölye galerisi

Atölyeden fotoğraflar kategori etiketleriyle gösteriliyor ve tam ekran açılıyor.

◉

Google yorumları

İşletmenin Google profilindeki yorumlardan 12'si sitede yer alıyor.

◇

Harita ve yol tarifi

Gömülü harita İkitelli'deki servisin yerini gösteriyor, tek tıkla Google Haritalar yol tarifi açılıyor.

03 · Yöntem ve teknoloji

Hangi yöntem, hangi araçlar?

Solda projeyi nasıl yürüttüğümüz, sağda projenin kendi bağımlılık listesinden okunan teknolojiler.

/01
Keşif ve tek sayfa kurgusu
Strateji
/02
Markaya uygun arayüz tasarımı
UI
/03
Mobil öncelikli geliştirme
Frontend
/04
Yerel SEO ve yapılandırılmış veri
Görünürlük
/05
Yayına alma ve ölçüm
Yayın

/06
Next.js
Çatı
/07
React
Arayüz
/08
TypeScript
Dil
/09
Tailwind CSS
Stil
/10
Framer Motion
Hareket

BODURLAR

Sıradaki proje sizinki olabilir

Markanız için de böyle bir site kuralım.

Sektörünüz, kataloğunuz ve müşteriniz farklı; yöntem aynı. Bize yazın, projenizi konuşalım.

WhatsApp'tan yazın →Diğer çalışmalar →

← Tüm Çalışmalar

VAKA ÇALIŞMASI · 03 / KURUMSAL SİTE

Özel Opel Servisi Sitesi