10+ Desain Situs Web Arsitektur Terbaik yang Mendobrak Terobosan Baru
Diterbitkan: 2021-08-12Kebutuhan akan presentasi yang berdampak dan menarik adalah hal yang tidak dapat dinegosiasikan untuk perusahaan arsitektur, karena mereka beroperasi di industri yang sangat visual. Karena situs web dapat menjadi alat pemasaran utama mereka, tidak heran jika bisnis arsitektur yang ditampilkan dalam artikel ini menganggap serius desain situs web mereka.
Bagaimanapun, 75% pengguna mendasarkan kredibilitas bisnis pada tampilan situs web mereka.
Di sini, kami mencantumkan 10+ contoh desain situs web arsitektur terbaik dengan estetika, fungsionalitas, dan navigasi yang dibangun dengan baik – dan fondasi desain web yang berkualitas.
Daftar isi
- Artikon oleh Page Black
- Marme oleh sphynx.studio
- MTG Interieur oleh Digital Cover
- E5 Dipegang oleh Miguel Trias
- RUMAH Rumah Mewah oleh Kay Jilesen
- Masa Depan Kantor oleh Wunder Werkz
- Rise Ap.Art oleh Romb Studio
- Evernest oleh Global Labs
- Favorit+Guth oleh TWKS
- Abro oleh Moddit
- Keadaan Kosong Dengan Empat Puluh Delapan Titik Satu
1. Artikon oleh Page Black
Fitur menonjol:
- Visual merek
- Tipografi khas
- Waktu pemuatan cepat
Artikon adalah perusahaan arsitektur dan teknik Norwegia yang situs web dan logo barunya dirancang oleh Page Black, rekan senegaranya dan pakar branding.
Gaya rekayasa perusahaan mengambil isyarat dari estetika arsitektur modern: garis tajam, permukaan telanjang, dan bentuk minimal – semuanya diterjemahkan ke dalam desain situs web arsitektur mereka.
Seperti yang diharapkan, gambar rumah, bangunan, dan konstruksi lainnya adalah kontributor utama visual situs web. Panel latar belakang hitam dan putih yang dapat dipertukarkan menampilkan tipografi sans-serif yang dapat dibaca yang memberikan nuansa merek pada jenis arsitektur perusahaan ini.
Navigasi menu utama situs web Artikon terletak di sudut kanan atas dan terbuka dengan cepat untuk menampilkan pilihan layanan dan halaman perusahaan lainnya.
Sifat navigasi yang memuat cepat adalah tema yang berulang di seluruh situs web: penampilannya tidak menghalangi waktu pemuatan halaman, karena semuanya berorientasi pada kegunaan dan pengalaman pengguna yang nyaman.
2. Marme oleh sphynx.studio
Fitur menonjol:
- Navigasi sisi kiri yang lengket
- Portofolio proyek yang komprehensif
- Desain minimal bergantung pada ruang negatif
Marme adalah toko pertukangan dan renovasi dari l'Île de Ré di pantai barat Prancis. Situs webnya, dikembangkan dan dirancang oleh sphynx.studio, mencerminkan perhatian merek terhadap detail dan pesona alam yang unik.
Situs web dibuka dengan halaman layar tunggal yang menampilkan foto atap segitiga beresolusi tinggi yang, dengan latar belakang langit biru, membentuk gambar yang mirip dengan lukisan modern dengan presisi geometrisnya. Itu dibingkai dengan ruang negatif putih yang sisi kirinya menampung beberapa tautan navigasi.
Menu tetap berada di halaman saat pengguna menelusuri pilihan halaman yang patut ditiru yang menampilkan karya masa lalu mereka. Halaman-halamannya terutama terdiri dari gambar-gambar yang diatur dalam kisi 3-kolom dan menampilkan berbagai solusi interior dan eksterior Marme.
Kesederhanaan dan penyempurnaan dari desain web arsitektur khusus ini menghasilkan portofolio interaktif yang mudah diikuti dan dipahami.
Demikian pula, prinsip dasar desain web arsitektur yang baik ini diterapkan pada situs web versi seluler, di mana menu utama dan branding beralih ke bagian atas halaman.
3. Interieur MTG oleh Sampul Digital
Fitur menonjol:
- Animasi mikro
- Warna pastel
- Antarmuka pengguna yang dinamis
Fitur lain dengan pasangan studio/agen branding arsitektur Prancis adalah MTG Interieur, bisnis desain interior dari Lyon, dan Digital Cover, spesialis desain web.
Palet warna unik putih, hitam, dan merah muda bubuk dengan cepat menarik perhatian. Arah artistik situs web ini didorong oleh citra menakjubkan dari karya interior MTG dan bentuk bulat umum yang menggambarkan sifat ramah kreasi perusahaan.
Penggunaan superposisi warna yang bergaya di bagian-bagian tertentu dari situs web meningkatkan konten dan bagian penting dari pesan.
Video layar penuh membenamkan pengunjung dalam keahlian dan keahlian MTG yang semakin meningkatkan perjalanan pengguna.
Tipografi serif dan sans-serif memberikan keanggunan dan penyempurnaan ke situs web yang lancar dan menarik, menghasilkan navigasi dan keterbacaan yang sangat baik di semua perangkat.
4. E5 Dipegang oleh Miguel Trias
Fitur menonjol:
- Unik, jenis huruf besar
- Memuat konten secara bertahap untuk mempercepat situs web
- Navigasi layar penuh
Dirancang oleh Miguel Trias, seorang desainer multidisiplin dari Mallorca, situs web E5 Holding menggunakan latar belakang putih yang membingkai dan menyatukan konten utama. Apa yang terjadi dalam bingkai itu cukup menarik dan inventif.
Layar pembuka, di paro atas, menampilkan latar belakang video lebar penuh, di atasnya terdapat salinan dalam font unik yang dirancang khusus untuk klien ini.
Menggulir ke bawah membuat pengunjung memulai perjalanan pengguna yang menampilkan tipografi sans-serif besar yang ditata dalam huruf tebal untuk penekanan, dengan ilustrasi vektor, warna yang beragam namun saling melengkapi, foto HQ, dan testimoni pelanggan.
Di pojok kanan atas, pengunjung akan menemukan tanda plus yang membuka navigasi menu utama lengkap yang menempati seluruh layar. Ini menunjuk ke semua bagian penting dari situs web, memfasilitasi orientasi dan konversi layanan pengunjung.
5. RUMAH Rumah Mewah oleh Kay Jilesen
Fitur menonjol:
- Banyak ruang putih
- Gambar lebih diutamakan daripada salinan
- Nuansa situs yang ringan
Kay Jilesen adalah kekuatan kreatif di balik situs web untuk HOUS, entitas arsitektur, konstruksi, dan renovasi Belanda.
Sebagian besar minimal dan memanfaatkan ruang putih dalam jumlah besar, inspirasi situs web arsitektur ini mengandalkan palet tiga warna sederhana (putih, hitam, dan tembaga) sambil menampilkan citra mencolok di paruh atas halaman arahan.
Semua elemen, termasuk ikon media sosial, navigasi, dan logo merek, menggunakan font sans-serif yang dapat dibaca. Menggulir ke bawah, pengunjung mengungkap kisah merek yang menekankan manfaat pelanggan dan portofolio proyek yang dipilih dengan cermat.
Setiap halaman baru dibuka dengan animasi ramping untuk menampilkan gambar beresolusi tinggi dari setiap proyek perumahan. Navigasi sisi atas tradisional lengket dan berisi tombol "Kontak" yang ditampilkan dengan jelas untuk konversi prospek yang lebih efisien.
6. Masa Depan Kantor oleh Wunder Werkz
Fitur menonjol:
- Palet warna retro dan tipografi besar
- Cerita satu halaman dan perjalanan pengguna
- Elemen interaktif dan video putar otomatis
The Future of Office adalah situs web milik TAXI dari Denver, CO. Tujuannya adalah untuk menciptakan ruang kerja kolaboratif bagi perusahaan dari berbagai industri, termasuk TI, arsitektur, dan desain.
Situs web mereka, disusun dan dikembangkan oleh Wunder Werkz, adalah latihan dalam perjalanan pengguna satu halaman yang memadukan estetika retro dengan fungsionalitas modern.
Palet multi-warna menggunakan warna-warna pastel dan berubah saat pengguna menggulir corong ke bawah. Setiap elemen visual jelas berukuran besar, mulai dari judul dan penyalinan video layar penuh hingga peta tempat dan gambar lokasi.
Satu ajakan bertindak adalah tombol bulat yang lengket di kanan atas yang mengundang pengguna untuk bergabung dengan TAXI dengan menghubungi mereka atau mengikuti mereka di Instagram.
7. Rise Ap.Art oleh Romb Studio
Fitur menonjol:
- Tepi membulat dan garis miring
- Fluiditas navigasi yang luar biasa
- Aksen kuning terhadap lingkungan hitam dan putih
Rise Ap.Art adalah tim konstruktor, arsitek, dan desainer dari Bucharest, Rumania, yang dikenal karena menciptakan “proyek hunian unik yang meramaikan jantung kota.”
Situs web mereka oleh agensi branding dan komunikasi Romb Studio adalah urusan satu halaman yang terdiri dari garis miring yang mengalir, video latar belakang (elemen berulang di seluruh daftar ini), ilustrasi vektor, dan CTA bilah samping yang lengket - semuanya dalam warna kuning, hitam yang khas. dan palet warna putih.
Saat pengguna menggulir situs web, fotografi resolusi tinggi dari solusi perumahan mereka menyertai pesan singkat yang berorientasi pada manfaat. Desain modern yang ditinggikan ini menggunakan font sans-serif yang ringan, bentuk bulat, dan pemuatan gambar animasi yang apik.
Meskipun situs web satu halaman, Rise Ap.Art juga memiliki menu navigasi lengket yang berisi tombol sakelar bahasa (Rumania dan Inggris), tombol bagikan, dan ikon menu hamburger yang membuka pintasan navigasi di seluruh halaman.
8. Evernest oleh Global Labs
Fitur menonjol:
- Organisasi konten yang bagus
- Modul tab dengan deskripsi setiap lantai
- Tur rumah 360 derajat yang imersif
Evernest adalah bagian dari properti real estat mewah di kota Hamburg, Jerman. Situs web khusus dibuat oleh Global Labs, sebuah agensi branding dan desain.
Contoh desain situs web arsitektur ini adalah etalase skala penuh dari properti yang mencakup tipografi bergaya, modul tab, tag yang dapat diklik, citra resolusi tinggi dengan efek gerakan, denah lantai, dan banyak lagi.
Halaman beranda yang komprehensif tidak bergeser ke dalam gangguan yang tidak dapat dipahami karena penggunaan panel latar belakang hitam dan putih yang cerdas yang memberikan perbedaan pada setiap bagian tematik.
Navigasi utama tetap bersama pengguna saat mereka menggulir ke segala arah dan bahkan menyediakan tur properti 360 derajat!
Di sudut kanan bawah adalah tombol CTA lengket dan titik konversi yang menawarkan pengguna untuk "Minta paparan sekarang".
9. Favorit+Guth oleh TWKS
Fitur menonjol:
- Kursor mouse responsif mengubah bentuk saat diarahkan ke objek yang berbeda
- Sorotan biru pada gambar, CTA, dan tautan
- Tipografi luar biasa yang melengkapi desain keseluruhan
Favre+Guth adalah firma arsitektur yang didirikan pada tahun 1967 di Zurich, Swiss. Pendekatan multidisiplin mereka tercermin dalam desain situs web mereka, milik agensi desain web TWKS.
Beranda situs web menggunakan font sans-serif sederhana dan tampilan keseluruhannya mengingatkan dan dipengaruhi oleh gerakan Bauhaus pada pertengahan abad XX. Tepi tajam dan blok besar konten tumpang tindih dengan latar belakang krem \u200b\u200bbersahaja dengan aksen biru royal.
Animasi latar belakang paruh atas memberikan dinamisme ke situs web. Kursor mouse unik berbentuk titik biru besar tetapi berubah menjadi ikon target saat diarahkan ke bagian yang dapat disorot.
Navigasi di sudut kanan atas membuka menu layar penuh dengan tautan ke halaman yang mengasimilasi gaya yang identik dengan beranda situs.
10. Abro oleh Moddit
Fitur menonjol:
- Interaksi blok hitam dan putih
- Tipografi yang bagus
- Navigasi sederhana
Abro adalah perusahaan Belanda yang menyediakan arsitektur layanan lengkap dan solusi interior. Situs web mereka dirancang dan dikembangkan oleh agensi kreatif Moddit.
Desain situs web arsitektur Abro adalah tentang interaksi tema gelap dan ruang negatif, karena blok hitam dan putih mengatur konten dalam bagian yang logis dan menarik. Bahkan ajakan bertindak menyatu dengan situs web, dengan garis pemisah tipis yang menandakan kehadiran mereka.
Mirip dengan entri sebelumnya dalam daftar ini, kursor mouse melingkar berubah bentuk saat melayang di atas elemen yang berbeda - bahkan mengadopsi salinan tertentu yang dapat ditindaklanjuti seperti "Lihat" saat melewati galeri.
Tipografi dan navigasi terintegrasi dengan mulus ke dalam struktur dan estetika situs web – yang terakhir jelas modern seperti solusi Abro sementara yang lain tidak mengganggu dan intuitif.
11. Keadaan Kosong Dengan Empat Puluh Delapan Titik Satu
Fitur menonjol:
- Pesan yang menarik perhatian
- Tata letak konten geser dua kolom
- Etalase detail produk
Empty Space adalah produsen potongan pencahayaan yang terkenal secara internasional yang produknya menentukan sifat khas situs web mereka, disusun dan direalisasikan oleh Forty Eight Point One.
Situs web ini terutama ditujukan untuk para profesional desain interior yang mencari solusi pencahayaan kelas atas yang dapat disesuaikan menjadi sesuatu yang berbeda untuk setiap klien.
Desainnya mengikuti dengan cermat kualitas utama merek yang diisyaratkan dalam namanya: kemampuan beradaptasi, penjajaran elemen, dan potensi transformatif semuanya terlihat saat situs web dilihat menggunakan perangkat yang berbeda.
Tipografi Avenue Mono sans-serif adalah "kepribadian dan hangat", namun menunjukkan sesuatu yang "manusiawi dan sangat otomatis." Palet warna situs yang diredam ditantang dengan elemen dan aksen warna-warni biru dan merah.