Yeni Çığır Açan 10+ En İyi Mimari Web Sitesi Tasarımı
Yayınlanan: 2021-08-12Etkileyici ve ilgi çekici bir sunum ihtiyacı, son derece görsel bir sektörde faaliyet gösteren mimarlık firmaları için tartışılmaz bir konudur. Bir web sitesi birincil pazarlama aracı olabileceğinden, bu makalede yer alan mimarlık işletmelerinin web sitesi tasarımlarını ciddiye almalarına şaşmamalı.
Sonuçta, kullanıcıların %75'i bir işletmenin güvenilirliğini web sitelerinin nasıl göründüğüne dayandırıyor.
Burada, kaliteli bir web tasarımının temelleri ve temelleri olan iyi yapılandırılmış estetik, işlevsellik ve gezinme ile en iyi 10+ mimari web sitesi tasarım örneğini listeliyoruz.
İçindekiler
- Artikon by Page Black
- sphynx.studio tarafından Marme
- Dijital Kapaklı MTG Interieur
- Miguel Trias tarafından E5 Holding
- HOUS Lüks Evler by Kay Jilesen
- Ofisin Geleceği, Wunder Werkz
- Romb Studio'dan Rise Ap.Art
- Global Labs tarafından Evernest
- TWKS tarafından Favre+Guth
- Abro by Moddit
- Boş Durum Kırk Sekiz Nokta Bir
1. Sayfa Siyahından Artikon
Öne çıkan özellikler:
- Marka görselleri
- ayırt edici tipografi
- Hızlı yükleme süreleri
Artikon, web sitesi ve yeni logosu Page Black, yurttaşları ve marka uzmanları tarafından tasarlanan Norveçli bir mimarlık ve mühendislik şirketidir.
Şirketin mühendislik tarzı, modern mimari estetiğinden ipuçları alıyor: keskin çizgiler, çıplak yüzeyler ve minimal şekiller - tümü mimari web sitesi tasarımına çevrildi.
Beklendiği gibi, evlerin, binaların ve diğer yapıların resimleri, web sitesinin görsellerine katkıda bulunan ana unsurlardır. Değiştirilebilir siyah ve beyaz arka plan panelleri, bu şirketin mimari türüne bir marka hissi veren okunaklı bir sans-serif tipografiye sahiptir.
Artikon web sitesinin ana menü navigasyonu, sağ üst köşede yer alır ve bir dizi hizmet ve diğer kurumsal sayfaları ortaya çıkarmak için hızlı bir şekilde açılır.
Navigasyonun hızlı yüklenen doğası, web sitesinde yinelenen bir temadır: her şey kullanılabilirlik ve rahat kullanıcı deneyimine yönelik olduğundan, görünümü sayfa yükleme sürelerini engellemez.
2. sphynx.studio tarafından Marme
Öne çıkan özellikler:
- Yapışkan sol taraftaki gezinme
- Kapsamlı proje portföyü
- Negatif alana bağlı minimal tasarım
Marme, Fransa'nın batı kıyısındaki l'Île de Ré'den bir ahşap işleme ve yenileme dükkanıdır. sphynx.studio tarafından geliştirilen ve tasarlanan web sitesi, markanın detaylara gösterdiği özeni ve eşsiz doğal çekiciliği yansıtıyor.
Web sitesi, mavi gökyüzü arka planı ile geometrik hassasiyetiyle modern bir tabloya benzer bir görüntü oluşturan üçgen çatıların yüksek çözünürlüklü bir fotoğrafını içeren tek ekranlı bir sayfayla açılıyor. Sol tarafında birkaç navigasyon bağlantısı barındıran beyaz bir negatif boşlukla çerçevelenmiştir.
Kullanıcı geçmiş çalışmalarını içeren kıskanılacak bir sayfa seçimine göz atarken menü sayfada kalır. Sayfalar temel olarak 3 sütunlu bir ızgarada düzenlenmiş resimlerden oluşur ve Marme'nin çeşitli iç ve dış çözümlerini gösterir.
Bu özel mimari web tasarımının sadeliği ve inceliği, takip edilmesi ve anlaşılması kolay etkileşimli bir portföy ile sonuçlanır.
Aynı şekilde, iyi mimari web tasarımının bu temel ilkeleri, ana menünün ve markalaşmanın sayfanın en üstüne geçtiği web sitesinin mobil versiyonuna uygulanır.
3. Dijital Kapaklı MTG Interieur
Öne çıkan özellikler:
- Mikro animasyonlar
- Pastel renkler
- Dinamik kullanıcı arayüzü
Bir Fransız mimarlık stüdyosu/marka ajansı eşleştirmesine sahip bir diğer özellik, Lyon'dan iç tasarım işi olan MTG Interieur ve web tasarım uzmanları olan Digital Cover'dır.
Beyaz, siyah ve toz pembeden oluşan benzersiz bir renk paleti hızla dikkat çekiyor. Web sitesinin sanatsal yönü, MTG'nin iç tasarımının çarpıcı görüntüleri ve şirketin kreasyonlarının davetkar doğasını betimleyen yaygın yuvarlak şekiller tarafından yönlendiriliyor.
Web sitesinin belirli bölümlerinde renk üst üste bindirmenin şık kullanımı, içeriği ve önemli mesajlaşma parçalarını geliştirir.
Tam ekran videolar, ziyaretçiyi MTG'nin kullanıcı yolculuğunu daha da geliştiren uzmanlığı ve becerisiyle tanıştırır.
Serif ve sans-serif tipografi, akıcı ve ilgi çekici web sitesine zarafet ve incelik katarak tüm cihazlarda mükemmel gezinme ve okunabilirlik sağlar.
4. Miguel Trias tarafından E5 Holding
Öne çıkan özellikler:
- Eşsiz, büyük yazı tipi
- Web sitesini hızlandırmak için içeriği kademeli olarak yükleme
- Tam ekran gezinme
Mallorca'dan çok disiplinli bir tasarımcı olan Miguel Trias tarafından tasarlanan E5 Holding'in web sitesi, ana içeriği çerçeveleyen ve bir arada tutan beyaz bir arka plan kullanıyor. Bu çerçevede yaşananlar oldukça dikkat çekici ve yaratıcı.
Ekranın üst kısmındaki açılış ekranı, tam genişlikte bir video arka planına sahiptir ve bunun üstünde, bu müşteri için özel olarak tasarlanmış benzersiz bir yazı tipinde etkileyici bir kopya parçası bulunur.
Aşağı kaydırma, bir ziyaretçiyi vektör illüstrasyonları, çeşitli ancak tamamlayıcı renkler, HQ fotoğrafları ve müşteri referansları ile vurgu için kalın harflerle tasarlanmış büyük sans-serif tipografisi içeren bir kullanıcı yolculuğuna çıkarır.
Sağ üst köşede, ziyaretçiler tüm ekranı kaplayan kapsamlı ana menü navigasyonunu açan bir artı işareti bulacaklar. Web sitesinin tüm önemli bölümlerine işaret ederek, ziyaretçinin hizmet yönelimini ve dönüşümünü kolaylaştırır.
5. HOUS Lüks Evler by Kay Jilesen
Öne çıkan özellikler:
- çok fazla beyaz alan
- Görüntüler kopyaya göre önceliklidir
- Sitenin hafif hissi
Kay Jilesen, Hollandalı bir mimarlık, inşaat ve yenileme kuruluşu olan HOUS'un web sitesinin arkasındaki yaratıcı güçtür.
Çoğunlukla minimal ve bol miktarda beyaz alan kullanan bu mimari web sitesi ilhamı, basit bir üç renkli palete (beyaz, siyah ve bakır) dayanırken, açılış sayfasında ekranın üst kısmında çarpıcı görüntüler içeriyor.
Sosyal medya simgeleri, navigasyon ve marka logosu dahil tüm unsurlar okunaklı bir sans-serif yazı tipindedir. Aşağıya inen ziyaretçi, müşteri avantajlarını ve özenle seçilmiş bir proje portföyünü vurgulayan bir marka hikayesini ortaya çıkarıyor.
Her yeni sayfa, her konut projesinin yüksek çözünürlüklü görüntülerini ortaya çıkarmak için şık bir animasyonla açılır. Geleneksel üst taraftaki gezinme, yapışkandır ve daha verimli potansiyel müşteri dönüşümü için belirgin şekilde görüntülenen "İletişim" düğmesini içerir.
6. Wunder Werkz'den Ofisin Geleceği
Öne çıkan özellikler:
- Retro renk paleti ve büyük tipografi
- Tek sayfalık hikaye anlatımı ve kullanıcı yolculuğu
- Etkileşimli öğeler ve otomatik oynatılan video
The Future of Office, Denver, CO'dan TAXI'ye ait bir web sitesidir. Amacı, BT, mimari ve tasarım dahil olmak üzere çeşitli sektörlerden şirketler için ortak çalışma alanları yaratmaktır.
Wunder Werkz tarafından tasarlanan ve geliştirilen web siteleri, retro estetiği modern işlevsellikle harmanlayan tek sayfalık bir kullanıcı yolculuğunda bir alıştırmadır.
Çok renkli bir palet, pastel renkleri kullanır ve kullanıcı huniyi aşağı kaydırdıkça değişir. Her görsel öğe, başlıklardan ve tam ekran videoların kopyalarından, bina haritasına ve konum görüntülerine kadar kesinlikle ve amaca yönelik olarak büyüktür.
Tek bir harekete geçirici mesaj, kullanıcıları onlarla iletişime geçerek veya Instagram'da takip ederek TAXI'ye katılmaya davet eden sağ üstteki yapışkan, yuvarlak düğmedir.
7. Rise Ap.Art by Romb Studio
Öne çıkan özellikler:
- Yuvarlatılmış kenarlar ve eğimli çizgiler
- Harika navigasyon akışkanlığı
- Siyah beyaz çevreye karşı sarı vurgular
Rise Ap.Art, “şehrin kalbini canlandıran benzersiz konut projeleri” yaratmasıyla tanınan Romanya, Bükreş'ten müteahhitler, mimarlar ve tasarımcılardan oluşan bir ekiptir.
Marka ve iletişim ajansı Romb Studio tarafından hazırlanan web siteleri, akıcı, eğik çizgiler, arka plan videoları (bu liste boyunca yinelenen bir öğe), vektör illüstrasyonları ve yapışkan kenar çubuğu CTA'larından oluşan tek sayfalık bir olaydır - tümü belirgin sarı, siyah renktedir. ve beyaz renk paleti.
Kullanıcı web sitesinde gezinirken, kısa, fayda odaklı mesajlaşmaya konut çözümlerinin yüksek çözünürlüklü fotoğrafları eşlik ediyor. Bu yükseltilmiş modern tasarım, hafif, sans-serif yazı tipi, yuvarlak şekiller ve kaygan animasyonlu görüntü yüklemesi kullanır.
Tek sayfalık bir web sitesi olmasına rağmen, Rise Ap.Art ayrıca bir dil değiştirme düğmesi (Rumence ve İngilizce), bir paylaşım düğmesi ve tüm sayfa boyunca bir gezinme kısayolu açan bir hamburger menü simgesi içeren yapışkan bir gezinme menüsüne sahiptir.
8. Global Labs tarafından Evernest
Öne çıkan özellikler:
- Harika içerik organizasyonu
- Her katın açıklamasını içeren sekme modülü
- Evin sürükleyici 360 derecelik turu
Evernest, Almanya'nın Hamburg şehrinde bulunan bir lüks gayrimenkul mülküdür. Özel web sitesi, bir marka ve tasarım ajansı olan Global Labs tarafından yapılmıştır.
Bu mimari web sitesi tasarım örneği, şık tipografi, sekme modülleri, tıklanabilir etiketler, hareket efektli yüksek çözünürlüklü görüntüler, kat planları ve çok daha fazlasını kapsayan mülkün tam ölçekli bir vitrinidir.
Kapsamlı ana sayfa, her tematik bölüme bir ayrım kazandıran siyah beyaz arka plan panellerinin akıllı kullanımı sayesinde anlaşılmaz bir düzensizliğe dönüşmez.
Ana navigasyon, kullanıcı herhangi bir yöne kaydırdığında yanında kalır ve hatta mülkün 360 derecelik bir turunu sağlar!
Sağ alt köşede yapışkan bir CTA düğmesi ve kullanıcıya "Şimdi ifşa talebinde bulunma" olanağı sunan dönüşüm noktası bulunur.
9. TWKS'den Favre+Guth
Öne çıkan özellikler:
- Farklı nesnelerin üzerine gelindiğinde formu değiştiren duyarlı bir fare imleci
- Resimler, CTA'lar ve bağlantılarda mavi vurgular
- Genel tasarımı tamamlayan mükemmel tipografi
Favre+Guth, 1967 yılında İsviçre'nin Zürih kentinde kurulmuş bir mimarlık firmasıdır. Multidisipliner yaklaşımları, TWKS web tasarım ajansının izniyle web sitesi tasarımlarına yansır.
Web sitesinin ana sayfası basit bir sans-serif yazı tipi kullanır ve genel görünüm XX yüzyılın ortalarındaki Bauhaus hareketini anımsatır ve etkiler. Keskin kenarlar ve büyük içerik blokları, koyu mavi vurgulara sahip sade bej bir arka plana karşı örtüşüyor.
Ekranın üst kısmındaki arka plan animasyonu siteye dinamizm katmaktadır. Benzersiz bir fare imleci, büyük bir mavi nokta şeklini alır ancak vurgulanabilir bir bölümün üzerine getirildiğinde hedef simgeye dönüşür.
Sağ üst köşedeki gezinme, sitenin ana sayfasına özdeş bir stili özümseyen sayfalara bağlantılar içeren tam ekran bir menü açar.
10. Moddit tarafından Abro
Öne çıkan özellikler:
- Siyah ve beyaz blokların etkileşimi
- Harika tipografi
- Basit gezinme
Abro, tam hizmet mimarisi ve iç çözümler sunan Hollandalı bir şirkettir. Web siteleri Moddit yaratıcı ajansı tarafından tasarlanmış ve geliştirilmiştir.
Abro'nun mimari web sitesi tasarımı, siyah ve beyaz bloklar içeriği mantıklı ve göze hoş gelen bölümlerde düzenlediğinden, karanlık bir tema ve negatif alanın etkileşimi ile ilgilidir. Harekete geçirici mesajlar bile, varlıklarını belirten ince ayırıcı çizgilerle web sitesine karışır.
Bu listedeki önceki girişe benzer şekilde, dairesel fare imleci farklı öğelerin üzerinde gezinirken şekil değiştirir - hatta bir galeri üzerinde gezinirken "Bak" gibi belirli bir işlem yapılabilir kopyayı benimser.
Tipografi ve gezinme, web sitesinin yapısına ve estetiğine sorunsuz bir şekilde entegre olur - ikincisi, Abro'nun çözümleri gibi kesinlikle modern, diğeri ise kesintisiz ve sezgiseldir.
11. Boş Durum Kırk Sekiz Nokta Bir
Öne çıkan özellikler:
- Dikkat çekici mesajlaşma
- İki sütunlu kayan içerik düzeni
- Ürünlerin detaylı vitrini
Empty Space, Forty Eight Point One tarafından tasarlanan ve gerçekleştirilen, ürünleri web sitelerinin ayırt edici doğasını belirleyen, uluslararası üne sahip bir aydınlatma ürünleri üreticisidir.
Web sitesi öncelikle, her müşteri için farklı bir şekilde özelleştirilebilen üst düzey aydınlatma çözümleri arayan iç tasarım profesyonellerine yöneliktir.
Tasarımı, markanın adında ima edilen temel niteliklerini yakından takip eder: uyarlanabilirlik, öğelerin yan yana gelmesi ve dönüştürücü potansiyel, web sitesi farklı cihazlar kullanılarak görüntülendiğinde belirgindir.
Sans-serif Avenue Mono tipografisi "yakışıklı ve sıcak", ancak "insan ve son derece otomatik" bir şey öneriyor. Sitenin sessiz renk paleti, yanardöner maviler ve kırmızıların öğeleri ve vurgularıyla meydan okuyor.