Usta Voltaj
Usta Voltaj (ustavoltaj.com) — Elektrik ve tesisat firması için modern kurumsal web tasarımı, mobil uyumlu arayüz ve hizmet odaklı kullanıcı deneyimi. Proje 2025 yılında yayına alındı ve Next.js, React, Tailwind CSS ile geliştirildi. Aşağıda projenin başlangıçtaki sorunu, uyguladığımız çözüm ve teslim sonrası ortaya çıkan sonuç sırayla yer alıyor.
- Kategori
- Kurumsal / Elektrik & Tesisat
- Yayın yılı
- 2025
Sorun neydi?
Saha hizmeti veren bir firmada ziyaretçinin tek ihtiyacı var: doğru hizmeti bulmak ve hemen aramak. Eski site bu iki adımı da zorlaştırıyordu.
Vaka çalışmasına buradan başlıyoruz, çünkü bir çözümün doğru olup olmadığı ancak sorunun doğru tarif edilmesiyle ölçülebilir. İlk iş her projede aynı: dile getirilen talebin altındaki asıl kısıtı bulmak. Talep genellikle sitenin yenilenmesidir; çözülmesi gereken ise ölçülebilir bir teknik ya da yapısal engeldir. O engel tanımlanmadan atılan her adım tahmin olurdu.
Nasıl çözdük?
Hizmetleri tek bakışta taranabilir kartlara ayırdık, telefon ve WhatsApp eylemlerini her ekran boyutunda erişilebilir hale getirdik ve hizmet bölgelerini içerikte açıkça belirttik.
Tüm sayfalar sunucu tarafında render ediliyor: içerik HTML içinde geliyor, dolayısıyla hem Googlebot hem de JavaScript çalıştırmayan AI tarayıcıları sayfayı olduğu gibi okuyabiliyor. Aynı yaklaşımın hizmet kapsamı olarak tarifini Kurumsal Web Sitesi Tasarımı sayfasında bulabilirsiniz; teknoloji seçiminin neden bu yönde yapıldığını ise Next.js mi WordPress mi yazısında karşılaştırdık.
Sonuç ne oldu?
Ziyaretçi hizmetten iletişime iki tıkla ulaşıyor; hizmet bölgeleri yerel aramalar için içerikte açık şekilde yer alıyor.
Buraya yüzdelik bir iyileşme iddiası yazmıyoruz, çünkü doğrulayamayacağınız bir sayının değeri yok. Bunun yerine işin kendisini gösteriyoruz: ustavoltaj.com adresini açın ve hızını, mobil davranışını, sayfa yapısını kendiniz ölçün. Hangi metriklerin gerçekten önemli olduğunu Core Web Vitals nedir yazısında anlattık.
Kullanılan teknolojiler
2025 yılında yayına alınan Usta Voltaj projesi 3bileşenli bir yığın üzerinde çalışıyor. Hepsi yaygın kullanılan ve belgelenmiş araçlar; hiçbiri Obelisx'e özel değil, dolayısıyla projeyi ileride başka bir ekibe devretmek mümkün:
- Next.js. React tabanlı uygulama çatısı. Sayfaları sunucuda HTML olarak üretir; içerik tarayıcıya JavaScript çalıştırılmadan ulaşır.
- React. Arayüzü yeniden kullanılabilir bileşenlere bölen kütüphane.
- Tailwind CSS. Yardımcı sınıf tabanlı CSS çatısı. Üretim çıktısına yalnızca gerçekten kullanılan stiller girer.
Kaynak kodun tamamı teslimde müşteriye devredildi. Yayın sonrası güncelleme ve izleme ihtiyacını nasıl karşıladığımızı bakım ve destek sayfasında, benzer bir işin bütçesini ise fiyatlandırma sayfasında bulabilirsiniz.
Diğer projeler
Dört vaka çalışmasının tamamı portföy sayfasında listeli.