Cam Filmi ve Araç Kaplama Merkezi

Drive Inn

Beşiktaş'taki Solar Gard yetkili uygulama merkezi Drive Inn için müşterinin kendi klipleriyle 24 sayfalık Astro sitesini geliştirdik ve Solar Gard CRM altyapısını iş emri takibine uyarladık.

Drive Inn web tasarım çalışması
sayfa, site haritasında driveinn.com.tr/sitemap-index.xml · 30 Eylül 2026
24
hizmet detay sayfası driveinn.com.tr/sitemap-index.xml · 30 Eylül 2026
7
hizmet alanı sayfası driveinn.com.tr · 30 Eylül 2026
4
gerçek iş fotoğrafı, galeride driveinn.com.tr/galeri · 30 Eylül 2026
9

Proje Özeti

Mersin merkezli yazılım firması Digitalpedi, Beşiktaş’taki Solar Gard yetkili uygulama merkezi Drive Inn için 24 sayfalık bir Astro sitesi geliştirdi ve Solar Gard CRM altyapısını merkezin iş akışına uyarladı. Drive Inn, İstanbul’da araç ve marin cam filmi, PPF boya koruma filmi, seramik kaplama, renkli kaplama ve detaylı temizlik hizmeti veriyor. Merkezin sosyal medya paylaşım şablonu ve 10 paylaşım görseli de Digitalpedi’den.

Site, Solar Gard Türkiye referansındaki sekiz siteli ağın parçası değil; kendi kod tabanında duruyor.

Merkezin kendi klipleri ve fotoğraflarıyla kurulan ana sayfa

Drive Inn sitesinin görsel dili merkezin kendi malzemesine dayanıyor. Ana sayfa, müşterinin verdiği 13 ham klipten dördüyle oluşturulan tam ekran bir video döngüsüyle açılıyor. Cam filmi, PPF boya koruma, seramik kaplama ve detaylı temizlik sayfalarının üstünde de sayfa başlığı videosu var. Galeride Ferrari 458’den Range Rover’a kadar 9 gerçek iş fotoğrafı yer alıyor.

Fotoğrafları AVIF ve WebP, klipleri WebM ve MP4 olarak işledik; her klibin önizleme karesi de ayrıca hazırlandı.

Randevudan teslime tek zincirde ilerleyen iş yönetimi yazılımı

Drive Inn’in iş yönetimi yazılımı, Solar Gard CRM altyapısından merkezin iş akışına uyarlanmış bir web uygulaması; sıfırdan yazılmış bir sistem değil. Aynı altyapının genel anlatımı İş Yazılımları sayfasında.

Sistemde ön görüşme, randevu, iş emri ve teslim aynı zincirde ilerliyor; kayıt bir aşamadan ötekine veri kaybetmeden geçiyor. Garaj panosu iş emirlerini aşamalarına göre gösteriyor. Müşteri ve araç kayıtları, hizmet ve paket tanımları, cari hesaplar ve raporlar aynı uygulamada. Teslim anında Solar Gard garanti portalı yeni sekmede açılıyor; teslim formu da uygulamadan yazdırılabiliyor.

Yetkilendirme dört rollü ve kullanıcıya atanan role bağlı. Yetki veritabanı kurallarında, sunucu fonksiyonlarında, sayfa rotalarında ve arayüzde ayrı ayrı uygulanıyor. Uygulama React ve MUI ile yazıldı; kimlik doğrulama, veritabanı ve sunucu fonksiyonları Firebase üzerinde çalışıyor, yayın Cloudflare Pages’ten yapılıyor. Giriş gerektiren bir iç araç olduğu için ekranları ve kayıtları bu sayfada gösterilmiyor.

Teknik altyapı ve eski adreslerin taşınması

Drive Inn sitesi Astro ile statik olarak üretiliyor. Stil katmanında Tailwind CSS v4, kodda TypeScript, harekette GSAP ve Lenis kullandık. Hizmet alanları, hizmetler ve blog yazıları içerik koleksiyonlarından geliyor; her hizmet sayfası Service ve SSS yapılandırılmış verisiyle birlikte üretiliyor.

Alan adında daha önce yayında olan sitenin adresleri için 301 yönlendirme haritası çıkardık; eski cam filmi adresi bugün yeni cam filmi sayfasına gidiyor. Mobilde ekranın altında sabit bir Ara ve WhatsApp çubuğu duruyor, WhatsApp bağlantısı ön-dolu mesajla açılıyor. Teklif sayfası form yerine telefon ve WhatsApp kanallarını öne çıkarıyor; bu, müşterinin kararıydı.

Sosyal medya paylaşım tasarımları

Drive Inn için bir paylaşım şablonu hazırladık: Solar Gard logolu bir çerçeve ve altında merkezin telefon ile Instagram bilgisi. Şablonla merkezin gerçek uygulama fotoğraflarından 3 Haziran 2026 tarihli 10 paylaşım görseli üretildi.

Doğrulama

Drive Inn sitesi driveinn.com.tr adresinde yayında ve altbilgisindeki “Yazılım: Digitalpedi” bağlantısı digitalpedi.com’a gidiyor. Sayfa sayısı, hizmet sayfaları, hizmet alanları ve galerideki fotoğraflar 30 Eylül 2026’da site haritasından ve sayfalardan sayıldı; okuyucu aynı sayımı kendisi de yapabilir. İş yönetimi yazılımı giriş gerektirdiği için bu doğrulamanın dışında kalıyor.

Galeri

Drive Inn görsel 1Drive Inn görsel 2

SSS

Drive Inn hakkında sık sorulanlar.

Drive Inn'in web sitesini kim yaptı?

Drive Inn'in web sitesini (driveinn.com.tr) Mersin merkezli yazılım firması Digitalpedi geliştirdi. Sitenin altbilgisindeki “Yazılım: Digitalpedi” bağlantısı digitalpedi.com'a gidiyor ve bunu doğrular. Aynı merkez için iş yönetimi yazılımını ve sosyal medya paylaşım tasarımlarını da Digitalpedi hazırladı.

Drive Inn'in sitesinde hangi sayfalar var?

Site haritasında 24 sayfa var: otomotiv, marine, motosiklet ve havacılık için dört hizmet alanı sayfası, yedi hizmet detay sayfası ve üç blog yazısı. Kalanlar ana sayfa, blog dizini, hakkımızda, galeri, yorumlar, kariyer, teklif, iletişim, KVKK ve çerez sayfaları.

Drive Inn'in sitesi hangi teknolojilerle yapıldı?

Site Astro ile statik olarak üretiliyor. Stil için Tailwind CSS v4, kod için katı kipte TypeScript, hareket için GSAP ve Lenis kullanıldı; yazı tipleri siteye gömülü. Sayfalar Cloudflare Pages üzerinden yayınlanıyor. İş yönetimi yazılımı ise React, MUI ve Firebase ile yazıldı.

Drive Inn'in sitesindeki video ve fotoğraflar nereden geliyor?

Ana sayfadaki tam ekran video döngüsü, müşterinin verdiği 13 ham klipten dördüyle kuruldu; dört hizmet sayfasının üstünde de sayfa başlığı videosu var. Klipler ve galerideki 9 iş fotoğrafı müşterinin kendi malzemesinden işlendi. Klipler WebM ve MP4 biçiminde, önizleme kareleriyle birlikte sunuluyor.

Drive Inn'in iş yönetimi yazılımı ne yapıyor?

Solar Gard CRM altyapısından uyarlanan uygulama, ön görüşmeyi randevuya, randevuyu iş emrine, iş emrini teslime bağlıyor. Garaj panosu, müşteri ve araç kayıtları, cari hesaplar ve raporlar da içinde. Giriş gerektiren bir iç araç olduğu için ekranları herkese açık değil.

Hazır mısınız?

Markanız için sıradan olmayan bir web sitesi konuşalım.

Birkaç dakikalık bir görüşme yeter. Fikrinizi dinleyip net bir yol haritası çıkaralım.