İçeriğe atla
HeracleWeb
Vaka çalışması

Mimarlık Ofisi Portfolyo Sitesi

Görsel ağırlıklı bir portfolyoyu, yüksek çözünürlüğü korurken hızlı açılan bir siteye dönüştürdük.

Müşteri
Mimarlık ve iç mimarlık ofisi
Sektör
İnşaat ve gayrimenkul
Yıl
2025
Hizmetler
Web Tasarım, Web Geliştirme, Performans Optimizasyonu

Teslim edilen site

Tasarımın tamamı, baştan sona

Aşağıdaki düzen, tipografi ve renk kurgusu projede teslim edilen tasarımın kendisidir. Müşteri adı, alan adı ve iletişim bilgileri gizlilik gereği değiştirilmiştir.

%88

İlk ekran ağırlığında azalma

4

Görsel başına üretilen türev

0

Kümülatif düzen kayması

evet

Korunan tam çözünürlük erişimi

Vaka

Ne vardı, ne yaptık?

Her vaka çalışmasında karşılaştığımız problemi ve uyguladığımız çözümü olduğu gibi paylaşıyoruz.

Problem

Ofisin işi görselle anlatılıyordu; her proje onlarca yüksek çözünürlüklü fotoğraf içeriyordu. Mevcut sitede bu fotoğraflar olduğu gibi yükleniyor, tek bir proje sayfası 30 MB'ı aşıyordu.

Mobil kullanıcılar sayfanın açılmasını beklemeden ayrılıyordu. Öte yandan ofis, görsel kalitesinden ödün vermek istemiyordu — haklı olarak, çünkü işin kendisi buydu.

Çözüm

Görsel hattını baştan kurduk. Yüklenen her fotoğraf sunucuda WebP ve AVIF formatlarına dönüştürülüyor, dört farklı genişlikte türev üretiliyor ve tarayıcıya ekran boyutuna uygun olanı gönderiliyor.

Proje sayfalarında görseller kademeli yükleniyor: ilk ekrandaki kare öncelikli, geri kalanlar görünüm alanına yaklaştıkça. Her görsel için boyut önceden bildirildiğinden sayfa kaymıyor.

Tam çözünürlüklü görsele erişim korundu; ziyaretçi bir fotoğrafı tam ekran açtığında orijinal kalite yükleniyor. Kalite kaybı yok, bekleme var olmadan.

Bu projede üstlendiğimiz işler

  • Web Tasarım
  • Web Geliştirme
  • Performans Optimizasyonu

Kullanılan teknolojiler

  • Next.js
  • TypeScript
  • Sharp
  • Tailwind CSS
Devamı

İlgili çalışmalar

Havuz ve wellness2026

Konfor Havuz Kurumsal Web Sitesi

Havuz yapımının kazıdan devreye almaya kadar 27 adımını havuz kesiti üzerinde anlatan, sekiz hizmetin kendi sayfasında toplandığı kurumsal site.

27
Anlatılan uygulama adımı
6
Süreç evresi
Vaka çalışmasını okuyun
Gayrimenkul2026

Albay Emlak Gayrimenkul Sitesi

Karadeniz Ereğli portföyünü mahalle ve bütçe bazında filtrelenebilir hâle getiren, portföy boşken bile talep toplayan bölgesel emlak sitesi.

20
Filtrelenebilir mahalle
6
Gayrimenkul kategorisi
Vaka çalışmasını okuyun
Üretim2026

Kurumsal Web Sitesi Yenileme

On yıllık kurumsal siteyi sıfırdan yeniden kurarak sayfa hızını, mobil deneyimi ve arama görünürlüğünü ölçülebilir biçimde iyileştirdik.

< 2 sn
Mobil LCP (saha verisi)
%100
Benzersiz meta açıklaması
Vaka çalışmasını okuyun

İnşaat ve gayrimenkul için benzer bir çalışma planlıyor musunuz?

Fikrinizi, mevcut sisteminizi ya da büyüme hedefinizi anlatın; teknik yaklaşımı, süreci ve zaman planını net biçimde paylaşalım.

Projenizi BaşlatalımTüm projeler