Planı aydınger kâğıdı gibi katman katman açılan, randevusu beş adımda alınan bir iç mimarlık sitesi.
- Sektör
- İç mimarlık ofisi (konsept)
- Yıl
- 2026
- Hizmetler
- Web sitesi, Arama ve içerik
Aydınger, Açılış paketini göstermek için kurguladığımız bir iç mimarlık ofisi. Hizmet satan bir işletmenin sitesinde olması gerekenleri bir araya getirdik: her hizmetin kendi sayfası, örnek projeler, adım adım bir randevu akışı ve Google’ın okuyabileceği bir yapı. Arayüzde renkli, yuvarlak köşeli kartlar ve italik vurgulu serif başlıklar kullandık; mekânları ise fotoğrafla değil, koddan çizilen plan, kesit ve aksonometrilerle anlattık. Fotoğrafın yerini, aynı çizimlerden kesilen yakın plan kareler tutuyor.
✦ Ölçüm
2,0 snYavaş mobil bağlantıda
0,4 snMasaüstünde, hızlı bağlantıda
Sayfanın açılış süresi
Sitede tek bir fotoğraf yok; mekân görsellerinin hepsi koddan çizilen vektör çizimler. Ana sayfa yazı tipleri ve bütün çizimleriyle birlikte 186 KB. Google Lighthouse mobil ölçümünde performans 99; erişilebilirlik, en iyi uygulamalar ve SEO 100. Ölçümler yerel üretim derlemesinde yapıldı; site yayında değil.
Kullandığımız araçlar Astro · SVG · Schema.org · Libre Caslon · Albert Sans · Playwright · Lighthouse
✦ Bağlam
İç mimarlık sitelerinin çoğu büyük fotoğraflara dayanıyor; ofisin nasıl düşündüğü görünmüyor. Biz tersini denedik: ziyaretçi bir dairenin mevcut planını ve yeni planını üst üste görüyor, mobilyayı, ışığı ve ölçüleri açıp kapatıyor. Dört örnek proje bir daireden tek bir odaya kadar dört ölçeği kapsıyor; hepsinde plan, kesit, malzeme listesi ve örnek takvim var.
✦ Neler yaptık · 01
Fotoğraf yerine çizim
Her mekânı santimetre cinsinden bir kez veri olarak yazdık; plan, kesit ve aksonometri aynı veriden çiziliyor. Bir duvarın yeri değişince üç çizim birden güncelleniyor. Sitede gerçek bir kişi, marka ya da başkasına ait bir mekân görünmüyor.
✦ Neler yaptık · 02
Aydınger kâğıdı gibi katmanlar
Ofise adını veren yarı saydam kâğıttan yola çıktık. Plan bölümünde mevcut durumla yeni plan arasında geçiş yapılıyor; mobilya, aydınlatma, zemin, ölçü ve not katmanları ayrı ayrı açılıp kapanıyor. Notlar, her kararın nedenini plan üzerinde gösteriyor.
✦ Neler yaptık · 03
Beş adımda keşif görüşmesi
Randevu akışı proje türü, alan ve bütçe, gün ve saat, iletişim bilgileri ve özet olarak ilerliyor. Seçimler yandaki “görüşme paftasına” anında işleniyor; alan seçilince örnek fiyatlarla kabaca bir ücret çıkıyor. Akış yalnız tarayıcıda çalışıyor ve son adımda hiçbir bilginin gönderilmediğini açıkça söylüyor.
✦ Neler yaptık · 04
Her hizmetin kendi sayfası
Konut, ofis ve ticari mekân, tadilat ve danışmanlık için ayrı sayfalar hazırladık. Her sayfada kimin için olduğu, kapsamı, adımları, örnek ücreti, ilgili örnek proje ve o hizmete özel sorular var. Sayfalar, arama motorlarının işletmeyi, hizmetleri, soruları ve sayfa yolunu okuyabileceği şekilde işaretlendi.
✦ Ekranlar
İçinde kaydırarak gezin ↕
✦ Kamera arkası
Çizimler nasıl üretiliyor
- 01Mekânı santimetre cinsinden veri olarak yazmak
- 02Duvarları, kapıları ve pencereleri katmanlara ayırmak
- 03Aynı veriden plan, kesit ve aksonometri
- 04Katmanları tarayıcıda açıp kapatmak
- 05Paylaşım görseli ve ekran görüntüleri tek komutla
Çizimler sayfanın içinde metin olarak geliyor; büyütünce bulanıklaşmıyor, ayrıca indirilmeleri gerekmiyor. Proje kartlarındaki çizimler ise ekrana yaklaşınca yükleniyor.
✦ Durum ve sonuç
Aydınger konsept bir proje; gerçek bir müşterisi ya da ölçülmüş bir iş sonucu yok. Gösterdiği şey Açılış paketinin iskeleti: hizmet sayfaları, tarayıcıda çalışan bir randevu akışı ve arama motorlarına hazır bir yapı. Fotoğraf çekimi olmadan da bir mekânın anlatılabileceğini, sayfa hızından ödün vermeden gösteriyor.
İşinize benzer bir çalışma başlatmak isterseniz bize buradan ulaşın.