VF Teknoloji olarak neler yaptık?
Çaba Mühendislik için markanın siyah ve altın renklerini dijital arayüze taşıyan, ziyaretçiyi ilgili hizmete ve doğru talep formuna yönlendiren kurumsal bir web sitesi geliştirdik. Tasarım, ön yüz, sunucu işlemleri, içerik yönetimi ve yayın altyapısını birlikte hazırladık.
Markaya özel tasarım ve mobil uyum
- Özgün arayüz: Güçlü açılış alanı, belirgin tipografi, hizmet listeleri, çözüm alanları, çalışma süreci ve soru-cevap bölümleri.
- Duyarlı tasarım: Bilgisayar, tablet ve telefona uyarlanan sayfalar; mobil menü, okunabilir metinler ve dokunmaya uygun işlem düğmeleri.
- Tutarlı içerik yapısı: Ana sayfa ve kurumsal sayfalarla birlikte beş ayrı hizmet detayını kapsayan 10 sayfalık yapı.
Teklif ve servis talep akışları
- Hizmete göre form: Ziyaretçinin seçtiği hizmetin formda hazır gelmesi; marka, model, güç ve ihtiyaç bilgilerini bir araya getiren alanlar.
- Form doğrulama: Zorunlu alan kontrolleri, gönderim sırasında tekrar tıklamayı engelleyen düğme ve anlaşılır sonuç bildirimi.
- Doğrudan iletişim: Telefon ve WhatsApp bağlantıları ile teklif, kiralama ve servis talepleri için açık yönlendirmeler.
İçerik ve talep yönetim paneli
- İçerik yönetimi: Sayfa, hizmet, medya, site ayarları ve SEO bilgilerinin yönetilebildiği panel.
- Gelen talepler: Form üzerinden iletilen hizmet ve cihaz bilgilerinin veritabanına kaydedilmesi ve yönetim ekranından incelenmesi.
- Marka yönetimi: Logo, iletişim bilgileri, görseller ve temel site içeriklerinin güncellenebilmesi.
Teknik SEO, görsel optimizasyonu ve yayın
- Teknik SEO: Sayfaya özgü başlık ve açıklamalar, canonical adresler, robots.txt, XML site haritası ve yapılandırılmış veri.
- Optimize görseller: Ekran boyutuna uygun görsel seçimi, WebP sunumu ve gereksiz büyük dosya aktarımını azaltan görüntü işleme.
- Yayın altyapısı: Alan adı ve HTTPS yapılandırması, uygulama süreç yönetimi ve geri dönüş kopyalarıyla yayın.
Kullandığımız teknolojiler
- Ön yüz: TypeScript, React, Next.js ve CSS.
- Sunucu: Node.js ve Next.js sunucu işlemleri.
- Veri ve doğrulama: MySQL ve Zod ile veri doğrulama.
- Barındırma: Linux, Nginx ve PM2.