V İ T R İ N  ·  0 1

ATELIER SERRA

İç mimarlık ofisleri için 10 sayfalık tam bir site. Aşağıdan canlı gezin.

Sektör İç mimarlık · Mimarlık
Kapsam 10 sayfa
Teknoloji Next.js · statik
Teslim 2–3 gün

Sayfadan çıkmadan gezin

Atelier Serra kurgusal bir markadır. Gerçek bir stüdyo değil; iç mimarlık sektörü için hazırladığımız bir konsept. Demodaki kurucu, projeler, adres ve telefon gösterim amaçlıdır.

goktepe.tech/demo/atelier-serra/ Tam ekran ↗
Atelier Serra konsept sitesinin ana sayfası

Sekmelerle sayfalar arasında geçin, çerçeve içinde kaydırın.

Beğendiniz mi? Bu site sizin olabilir.

Markanız ve projelerinizle yeniden kurulur. 2–3 günde yayında, aynı şehirde aynı sektöre iki kez verilmez.

Tam Ekran Aç

30.000 ₺ · lansman fiyatı, ilk 3 işletme · KDV, alan adı ve hosting ilk yıl dahil · 2–3 gün

Neden böyle kurgulandı

01 — Açılış

Önce mekân, sonra kelime

Mimarlıkta karar görselle verilir. Tam ekran fotoğrafla açılıyor, menü ve metin en aza indirildi — ilk üç saniyede iş görülüyor.

Ana sayfa: tam ekran mimari fotoğraf üzerine iki satırlık büyük başlık
02 — Projeler

Katalog gibi, portfolyo gibi değil

Ziyaretçi tek şey arar: "benimkine benzer iş yapmışlar mı?" Kategori, konum, yıl ve metrekare listede görünüyor — tıklamadan eleme yapılıyor.

Projeler sayfası: kategori, konum, yıl ve metrekare bilgisiyle proje listesi
03 — Proje detayı

Her proje bir vaka analizi

Her proje sayfasında problem, çözüm, malzeme ve ölçü var. Müşteri işin arkasındaki düşünceyi görünce ücreti tartışmıyor.

Proje detay sayfası: başlık, kategori, konum, yıl ve ölçek künyesi ile geniş iç mekân fotoğrafı
04 — Stüdyo

Güveni kuran sayfa

Mimarlıkta iş kişiyle yapılır. Kurucu, ilkeler ve zaman çizelgesi burada — küçük ofislerde bu sayfa ana sayfadan çok dönüştürüyor.

Stüdyo sayfası: kurucu portresi, manifesto ve zaman çizelgesi

Altta ne var

Statik derleme

Next.js, statik derleme. Arkada çalışan uygulama yok: hosting ucuz, site hızlı, yamalanacak sunucu yok.

Kaydırma animasyonları

GSAP + Lenis. Metin kelime kelime açılıyor, galeri yatay kayıyor, imleç fotoğrafta etiket alıyor.

Hareket tercihi saygısı

"Hareketi azalt" seçili kullanıcıda animasyonlar kapanıyor, içerik doğrudan görünüyor.

Görsel disiplini

Tüm görseller WebP, kullanıldıkları ölçüye indirilmiş. Site görsellerle birlikte 5,8 MB — mimarlık siteleri genelde bunun katı olur.

Türkçe tipografi

Tek tip ailesi (Archivo), genişlik ekseniyle başlık ayrımı. Latin-ext yüklü: ğ, ı, İ, ş kelime ortasında bozulmuyor.

On sayfa

Ana sayfa, proje listesi, 4 proje detayı, stüdyo, hizmetler, süreç, iletişim. Proje sayfaları veriyle üretiliyor.

Ne değişir, ne kalır

Sizinkiyle değişir

  • Marka adı, logo ve kurumsal renkler
  • Tipografi — markanıza uygun tip ailesi
  • Tüm metinler; sizin dilinizle yeniden yazılır
  • Projeleriniz ve fotoğraflarınız
  • Hizmet ve süreç anlatımı
  • İletişim bilgileri, form ve harita
  • Alan adı, arama motoru etiketleri, paylaşım görselleri

Aynı kalır

  • Sayfa yapısı ve gezinme kurgusu
  • Kaydırma animasyonları ve geçişler
  • Mobil davranış ve erişilebilirlik ayarları
  • Statik altyapı ve hız optimizasyonları
  • Arama motoru ve paylaşım altyapısı
  • Yani: tasarım riski ve geliştirme süresi
30.000 ₺ · lansman fiyatı · 2–3 gün

Lansmana özel, ilk 3 işletme için. KDV, alan adı ve hosting ilk yıl dahil. Vitrinde size uyan bir şey yoksa sıfırdan tasarlıyoruz: ~1 hafta, 45.000 ₺'den. Asıl fark hız değil — ödemeden önce ne alacağınızı görüyorsunuz.

Kısaca yazın, aynı gün dönelim.