MRC Mimarlık · Web sitesi yenileme

Mimarlık deneyimini dijitalde anlatan bir web sitesi.

MRC Mimarlık'ın hizmetlerini ve projelerini öne çıkaran, masaüstü ve mobil için tasarlanmış yeni kurumsal web sitesi.

MRC Mimarlık ana sayfasının masaüstü tasarımı: mimari çizimler üzerinde Mekana Değer Katan Fikirler başlığı ve Projenizi Konuşalım düğmesi — MRC Mimarlık · Ana sayfa tasarımı

MRC Mimarlık’ın Wix altyapısındaki web sitesini yeniden tasarlayıp geliştirdik. Mimari çizimlere ve proje görsellerine alan açan bir arayüz hazırlarken hizmetlerin, projelerin ve uzmanlık içeriklerinin birbirini desteklediği bir site yapısı kurduk.

Tasarımı mimarlık ofisinin işlerine göre şekillendirdik.

Ana sayfada büyük görsel, belirgin başlık ve tek bir ana görüşme düğmesi kullandık. Üst menüde hizmetlere, projelere ve bilgi merkezine doğrudan erişim verdik. İç sayfalarda da görsellerin ve açıklamaların tutarlı bir düzen içinde sunulduğu tasarımlar hazırladık.

Proje fotoğrafları ve teknik çizimler, MRC Mimarlık’ın kendi çalışmalarını anlatıyor. Bizim işimiz, bu malzemeyi anlaşılır sayfa düzenlerine dönüştürmek ve ofisin deneyiminin web sitesinde incelenebilmesini sağlamaktı.

Tasarımdan çalışan web sitesine

Arayüzü SvelteKit ile geliştirdik ve siteyi Cloudflare üzerinden sunulan yeni altyapıya taşıdık. Masaüstü ve mobil için uyarladığımız sayfa düzenlerini; hizmet kartları, detay sayfaları, proje sunumları ve gezinme öğeleriyle birlikte uyguladık.

Hizmet, proje ve bilgi merkezi içeriklerini kendi adreslerinde sunduk. Teknik SEO tarafında sayfa başlıkları, içerik hiyerarşisi, robots.txt ve XML site haritasıyla bu yapıyı destekledik. Bilgi merkezini de yeni içeriklerin aynı site düzeni içinde eklenebileceği ayrı bir bölüm olarak kurguladık.

01 · Tasarım ve geliştirme

Hizmetleri görsel kartlarla düzenledik.

Restorasyon, güçlendirme ve diğer hizmetleri tek bir uzun tanıtım metnine sıkıştırmak yerine, her biri için ayrı bir kart ve detay sayfası tasarladık. Kartlarda hizmeti tanıtan görseli, başlığı, kısa açıklamayı ve detay bağlantısını aynı düzen içinde bir araya getirdik.

Masaüstünde üç sütunlu kart düzeniyle çalışma alanlarını bir arada gösterdik.
Her kartı ilgili hizmetin kapsamını anlatan ayrı sayfaya bağladık.
Görsel, metin ve bağlantı sırasını tüm kartlarda tutarlı tuttuk.

MRC Mimarlık hizmetler sayfasının altı görsel kartı üç sütunlu düzende gösteren masaüstü ekran görüntüsü — Hizmetler sayfası · Görsel kartlar ve detay bağlantılarıCanlı sayfayı inceleyin (yeni sekmede açılır)

02 · Tasarım ve geliştirme

Hizmet detayından iletişime uzanan bir akış kurduk.

Detay sayfalarını büyük bir kapak görseli ve hizmetin adını taşıyan başlıkla açtık. Sayfanın devamında kapsamı okunabilir bölümlere ayırdık; masaüstünde iletişim çağrısını ve ilgili projeleri yan sütunda topladık. Böylece hizmet açıklaması, gerçek iş örnekleri ve görüşme adımı aynı sayfada buluştu.

Hizmet başlığını ve görselini ilk ekranda belirginleştirdik.
Uzun açıklamaları başlıklarla bölerek içerik hiyerarşisi oluşturduk.
İlgili projeleri ve teklif bağlantısını hizmet metninin yanında sunduk.

Restorasyon hizmet sayfasında geniş kapak görseli, hizmet açıklaması, yan sütunda teklif düğmesi ve ilgili projeler — Hizmet detayı · Kapak, açıklama, ilgili projeler ve iletişimCanlı sayfayı inceleyin (yeni sekmede açılır)

03 · Tasarım ve geliştirme

Projeleri kendi hikâyesiyle sunduk.

Proje sayfalarında fotoğrafların ve mimari çizimlerin büyük ölçekte görülebildiği bir açılış tasarladık. Projenin adını bu görselin üzerinde konumlandırdık; devamına işin bağlamını, yapılan çalışmaları ve proje görsellerini yerleştirdik. Her çalışmanın kendi adresinde anlatıldığı bir portföy yapısı geliştirdik.

Projeye ait çizimi veya görseli sayfanın ana görseli olarak kullandık.
Başlık, proje hikâyesi ve görselleri aynı sayfa akışında birleştirdik.
Farklı çalışmaların ortak bir tasarım düzeniyle sunulmasını sağladık.

Balat Cafer Subaşı projesinin masaüstü detay sayfasında cephe çizimi üzerinde büyük proje başlığı — Proje detayı · Mimari çizim ve projeye özel açılışCanlı sayfayı inceleyin (yeni sekmede açılır)

Mobil deneyim

Mobil görünümü ayrı bir arayüz olarak ele aldık.

Telefonda menüyü açılır bir yapıya dönüştürdük, logoyu ve iletişim bağlantısını üst bölümde tuttuk. Başlıkları ve içerik alanlarını dar ekranlara göre yeniden düzenledik; ana sayfadaki görüşme düğmesini mobilde geniş bir dokunma alanıyla sunduk. Hizmet ve proje sayfalarını da aynı mobil tasarım diliyle geliştirdik.

Ana sayfa · Mobil menü ve görüşme düğmesi

MRC Mimarlık restorasyon hizmetinin mobil ekranında kapak görseli ve altında tek sütunlu açıklama — Hizmet detayı · Tek sütunlu içerik akışı

MRC Mimarlık proje detayının mobil ekranında mimari çizim üzerinde proje başlığı ve altında proje hikâyesi — Proje detayı · Görsel ve proje hikâyesi

Teknik kalite

Site denetiminde performans 99; erişilebilirlik, iyi uygulamalar ve SEO 100 puan aldı.

Site denetimi sonucu: Performans 99, erişilebilirlik 100, iyi uygulamalar 100, SEO 100 ve Agentic Browsing 2/2 — Tüm skorları görmek için yana kaydırabilirsiniz.