İçeriğe geç
A—55

Artgo Mimarlık

Çizimden şantiyeye süreci gösteren mimarlık ve inşaat sitesi

Sektör
Mimarlık & yapı
Ülke
Türkiye
Kategori
Web tasarım
Hizmetler
Web tasarım & geliştirme
Teknoloji
Next.js, React, TypeScript, Resend
Artgo mimarlık sitesinin masaüstü ve mobil görünümü

01 /

İhtiyaç

Artgo, mimari projeleri çizen; villa, dış cephe ve çelik konstrüksiyon işlerini kendi ekibiyle yapan bir mimarlık ve inşaat firması. Firmanın hem bitmiş işlerini hem de süren şantiyelerini gösterebileceği bir siteye ihtiyacı vardı. Siteyi teknik çizim kâğıdını andıran sakin bir tasarımla kurduk: ince kılavuz çizgiler, büyük fotoğraflar, az ama net metin. Projeler tamamlanan, devam eden ve planlanan olarak ayrılıyor; devam eden işlerde tamamlanma oranı ve aşama aşama şantiye günlüğü yer alıyor. Dört hizmetin her birinde kapsam, iş adımları ve sık sorulan sorular var. Geliştirme sürüyor: metinler ve görseller şimdilik geçici, firmanın kendi proje fotoğrafları ve bilgileri geldikçe yerlerine konacak. Site henüz yayında olmadığı için görüntüler yerel kopyadan alındı.

Ekranlar

Canlı siteden alınmış güncel ekran görüntüleri: sayfanın tamamı, iç sayfalar ve telefondaki görünüm.

Ana sayfa

Artgo Mimarlık — Ana sayfa
Artgo Mimarlık — Bölümler ve iç sayfalar

Bölümler ve iç sayfalar

Artgo Mimarlık — Bölümler ve iç sayfalar
Artgo Mimarlık — Bölümler ve iç sayfalar
Artgo Mimarlık — Bölümler ve iç sayfalar
Artgo Mimarlık — Telefonda

02 /

Yaklaşım

Projeyi şekillendiren üç karar.

  1. 01

    Çizim masasından gelen tasarım dili

    Sıcak kâğıt tonu, içerik ızgarasına oturan ince dikey çizgiler ve tek bir kiremit vurgu rengi. Fotoğraf öne çıkıyor; Inter Tight başlıklar sayfayı sade tutuyor.

  2. 02

    Şantiyeyi gösteren proje sayfaları

    Projeler duruma ve hizmete göre süzülüyor. Devam eden işlerde ilerleme çubuğu, son güncelleme tarihi ve fotoğraflı aşama çizelgesi var; ziyaretçi işin hangi aşamada olduğunu görüyor.

  3. 03

    Kolay güncellenen, hızlı altyapı

    Next.js sayfaları önceden üretiyor. Proje ve hizmet bilgileri tek bir veri dosyasında; yeni bir proje eklemek bir kayıt eklemek kadar kolay. Her sayfanın paylaşım görseli otomatik oluşuyor.

03 /

Neler yaptık

  • Tam ekran açılış slaytı
  • Duruma ve hizmete göre süzülen proje listesi
  • İlerleme çubuğu ve şantiye zaman çizelgesi
  • Kapsam, iş adımları ve SSS içeren hizmet sayfaları
  • KVKK onaylı, e-posta ile çalışan iletişim formu
  • Mobilde sabit arama, WhatsApp ve iletişim çubuğu
  • Sayfa başına otomatik paylaşım görseli ve site haritası

Kullanılan teknolojiler

  • Next.js
  • React
  • TypeScript
  • Resend

Kod ve alan adı tamamen müşterimize ait.

Sonraki proje

A—56

canturan.dev

Farklı lokasyonlardaki Windows ve Linux sunucularını tek panodan izleyen hafif bir izleme aracı

Kişisel marka · Türkiye