İçeriğe geç
YAPI · MIMARLIK · WEB

Fita Tasarım

Mimarlık ve yapı tasarımı alanında çalışan Fita Tasarım için projelerin, görsellerin ve süreçlerin estetik biçimde sunulduğu portföy odaklı kurumsal web sitesi.

  • Yıl 2023
  • Kategori Yapı · Mimarlık · Web
  • Durum Tamamlandı

MÜŞTERİ PROFİLİ

Fita Tasarım kimdir?

Fita Tasarım; Nilüfer/Bursa merkezli, 12+ yıllık pratiğe sahip butik bir iç mimarlık ve uygulama stüdyosudur. Kurucu ortakları İç Mimar Fahri Can Mutlu ve İç Mimar İmren Kava Mutlu'dur. "Mekânlar yaşanmak içindir; biz onları kurguluyoruz. Fonksiyon ve estetiği aynı detayda buluşturan butik stüdyo." sloganıyla; konut iç mimari tasarım, ticari mekan tasarımı, özel üretim mobilya, uygulama ve proje yönetimi, tasarım danışmanlığı ile 3D görselleştirme & teknik çizim hizmetleri sunar.

PROJE KAPSAMI

Müşteri ne ihtiyaç duyuyordu?

Mimarlık portföyünün; yüksek görsel kalite, hızlı yükleme ve mobil rahat gezinme ile sergilenmesi gerekliydi.

KARŞILAŞILAN ZORLUKLAR

Projede ne gibi zorluklarla karşılaştık?

Mimarlık portföyleri yüksek çözünürlüklü görselle çalışır; bu da sayfa ağırlığını ve yüklenme süresini ciddi biçimde etkiler. Aynı zamanda görsellerin telif hakkı korunmalı (sağ tıklama / drag&drop engeli), proje detay sayfalarında yapım süreci adım adım anlatılabilmeli ve mobilde portföy galerisinin kayma akışı pürüzsüz olmalıydı. Stüdyo, yeni müşteri görüşmelerinde site içerik linkini bir sunum aracı olarak kullanmak istiyordu.

YAKLAŞIMIMIZ

Probleme nasıl yaklaştık?

Tüm proje görselleri WebP/AVIF dual format üretildi; lazy load + responsive srcset ile mobil ve masaüstü için ayrı dosyalar servis ediliyor. Galeri swipe akışı için dokunmatik-öncelikli özel slider yazıldı (animasyon yok, hız öncelikli). Telif koruma için JS click-handler + CSS user-select disable + watermark katmanı uygulandı. Her proje detay sayfası "3D render → uygulama fotoğrafları → kullanım sonrası" zaman çizelgesini gösterir.

YAPILAN İŞLER

Bu proje için neler teslim ettik?

  • 01 Görsel ağırlıklı portföy odaklı tasarım
  • 02 Resim/lazy loading ve performans optimizasyonu
  • 03 Proje galerisi ve detay sayfaları
  • 04 Kurumsal e-posta, hosting ve SSL
  • 05 Teknik SEO ve görsel meta etiketleme

KULLANILAN TEKNOLOJİLER

Bu projede kullandığımız stack

AstroWebP/AVIF Dual FormatResponsive srcsetBespoke Touch SliderLazy LoadJSON-LD CreativeWork

ÖLÇÜLEBİLİR SONUÇLAR

Sayılarla proje çıktıları

12+

Yıllık pratik

WebP+AVIF

Dual format görsel

<2s

Galeri yüklenme

%85

Mobil portföy ziyaret

Bir mimarlık portföyü, müşteri görüşmesinde projektörden gösterildiğinde de Instagram'da kaydırıldığında da aynı kalitede görünmelidir. Fita Tasarım için bu iki kullanım senaryosunu tek bir mimaride çözdük.

— AIOR Teknoloji Proje Notu

SONUÇLAR

Çıktı ve etki

Mimari proje görselleri profesyonel düzeyde sergilendi; site, müşteri görüşmelerinde aktif bir referans materyali haline geldi.