34 Desain Situs Web Terbaik untuk Menginspirasi Anda di 2022

Perjalanan inspirasi situs web Anda dimulai di sini.

Memutuskan untuk membuat kehadiran web adalah keputusan besar, tetapi situs web terbaik adalah puncak dari banyak keputusan kecil. Tetapi satu keputusan besar yang membutuhkan waktu, ketekunan, dan banyak inspirasi adalah desain situs web Anda.

Dalam artikel ini, kami membagikan beberapa lusin desain situs web terbaik yang pernah kami lihat. Klik tautan di bawah untuk melompat menjelajahi desain situs web yang menghancurkannya dalam beberapa tahun terakhir. Kami juga menyertakan bagian bonus dari desain yang sangat keren — jadi periksa juga!

Dimana Mendapatkan Inspirasi Desain Anda

Jika Anda menginginkan beberapa inspirasi desain, kabar baiknya adalah Anda dapat menemukannya di mana-mana.

Salah satu cara terbaik untuk mendapatkan inspirasi desain adalah melalui perjalanan. Ketika Anda mengunjungi tempat-tempat baru, Anda dipaksa untuk keluar dari zona nyaman Anda dan mengalami sesuatu yang asing.

Apa yang membuat desain begitu menarik adalah bahwa setiap orang melihatnya secara berbeda dan karenanya, selalu ada lebih banyak hal yang bisa ditemukan.

Cara lain untuk mendapatkan inspirasi desain IRL adalah melalui media. Setiap hari, kita dibanjiri konten visual. Kami membuat keputusan tentang apa yang kami sukai, apa yang tidak kami sukai, dan melanjutkan hari kami.

Tetapi bagaimana jika Anda lebih berhati-hati tentang bagaimana Anda melihat interaksi tersebut? Anda bisa keluar dari situ dengan wawasan yang berharga.

Anda juga tidak boleh lupa untuk memanfaatkan komunitas desain. Dari konferensi desain hingga forum Reddit, ada ratusan grup di luar sana yang dapat menawarkan inspirasi dan juga saran.

Sekarang kita telah membahas beberapa sumber inspirasi desain IRL, mari kita bahas yang digital.

Sumber Inspirasi Desain Situs Web

1. Pasar Aset HubSpot

Pasar Aset HubSpot menampung ratusan templat situs web yang dapat Anda saring untuk mendapatkan inspirasi bagi situs web Anda sendiri.

Bagian terbaik dari pasar adalah Anda dapat mempersempit berdasarkan industri dan fitur, memungkinkan Anda melihat template yang paling relevan.

Setelah Anda menemukan templat yang Anda sukai, Anda dapat melihat pratinjau langsung situs tersebut untuk mendapatkan pengalaman penuh, lalu mengunduhnya jika Anda memutuskan untuk menggunakannya.

2. menggiring bola

Dribble adalah tempat para desainer pergi untuk mendapatkan inspirasi dan membagikan karya mereka. Situs web ini memiliki segalanya mulai dari animasi dan branding hingga ilustrasi dan seluler.

Sumber Gambar

Setelah Anda menavigasi ke tab "Desain Web" di beranda, Anda dapat memfilter hasil berdasarkan skema warna, perangkat lunak pengeditan, jangka waktu, dan tag.

Selanjutnya, jika Anda menemukan desainer yang karyanya Anda sukai, Anda dapat menyimpan desain tersebut untuk referensi di masa mendatang dan mengikuti karya mereka untuk melihat desain lainnya di profil mereka.

Ini adalah sumber daya yang luar biasa untuk digunakan apakah Anda memulai dari awal atau sudah memiliki rencana yang solid dalam pikiran.

3. Behance

Ini adalah platform digital lain yang penuh dengan inspirasi kreatif untuk dimanfaatkan sebelum proyek desain situs web Anda.

Sumber Gambar

Salah satu fitur terbaik di situs ini adalah kemampuan untuk memfilter berdasarkan lokasi. Ini memungkinkan Anda untuk melihat bagaimana desainer di berbagai wilayah berbeda dalam teknik dan gaya.

Ini bisa sangat membantu jika Anda merancang situs web untuk pasar asing dan asing. Anda dapat memperoleh wawasan yang menarik dengan mengevaluasi keputusan yang dibuat oleh desainer Behance.

4. PTtrns

Ingin fokus pada desain web seluler? Pttrns adalah tempat untuk pergi.

Platform berbasis langganan ini memungkinkan Anda mendapatkan akses ke ribuan template desain seluler dan mendapatkan saran dari desainer top di seluruh dunia.

Sumber Gambar

Fitur tambahan pada platform ini meliputi:

• Folder favorit dan koleksi untuk menyimpan desain favorit Anda.
• Sebuah studio untuk berinteraksi dengan desainer lain dan mendapatkan saran.
• Panduan desain untuk memahami strategi di balik desain.

Dari perusahaan yang sudah dikenal hingga bisnis kecil, hingga organisasi internasional, situs berikut mendorong status quo di web. Baik itu estetika desain, kegunaan, interaktivitas, desain suara, atau nilai yang disediakan situs, masing-masing adalah mahakarya di industrinya masing-masing dan sesuatu untuk dicita-citakan.

Tidak mengherankan, banyak organisasi hadir untuk menyoroti situs-situs ini dan kontribusi yang mereka berikan ke web. Untuk membantu memunculkan beberapa desain yang paling inspiratif, saya mengumpulkan beberapa pemenang penghargaan yang telah berhasil melewati beberapa organisasi penghargaan utama — termasuk Red Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, Galeri Situs Web Terbaik, dan FWA.

Saat Anda menelusuri daftar, ketahuilah bahwa setiap situs unggul dengan caranya sendiri dan berusaha untuk melayani tujuan yang unik. Sementara satu situs mungkin merupakan contoh desain visual yang sangat baik, yang lain mungkin merupakan contoh interaktivitas yang sangat baik.

Ini berarti bahwa tidak semua situs ini mungkin merupakan "mesin konversi" atau ide cetak biru yang dapat dengan mudah Anda salin ke situs Anda. Sebaliknya, ini adalah cara yang bagus untuk mendapatkan inspirasi desain situs web dan melihat pemasaran mutakhir yang terjadi di berbagai sudut web.

Perlu diingat bahwa desain web bersifat cair dan sering berubah. Beberapa desain dalam daftar ini telah berubah sejak diberikan, tetapi kami melakukan yang terbaik untuk selalu memperbaruinya. Kami yakin Anda akan menemukan desain di sini yang memicu kreativitas Anda.

Baca Selengkapnya: 77 Contoh Desain Situs Web yang Luar Biasa

Unduh panduan gratis ini untuk melihat lebih banyak lagi contoh desain blog situs web, beranda, dan laman landas.

Situs Web Pemenang Penghargaan yang Indah

Desain Situs Web Terbaik dari 2021

IBM's The Harmonic State

Penghargaan: Situs Bulan Ini (Juli 2021), Penghargaan

Saat Anda membuka halaman web IBM ini, jelas terlihat mengapa desain tersebut memenangkan penghargaan.

Sumber Gambar

Cara terbaik untuk menggambarkan situs web adalah sebagai pengalaman yang mendalam. Faktanya, IBM menggunakan elemen visual dan auditori untuk menarik pengunjung dan membuat mereka tetap terlibat.

Saat pertama kali membuka halaman web, Anda akan diminta untuk memakai headphone untuk mendapatkan pengalaman penuh. Bahkan jika Anda melewatkan langkah ini, Anda akan tertarik dengan latar belakang interaktif yang bereaksi saat mouse Anda menavigasi halaman.

Selain itu, halaman seimbang dengan judul besar yang menarik perhatian Anda di seberang deskripsi kecil dengan CTA biru tebal.

Dengan topik serumit AI, IBM kemudian menggunakan visual storytelling untuk menjelaskan cara kerja alat Watson-nya di dunia nyata. Pengunjung dapat menjelajahi tiga cerita melalui fungsi seperti video game dan mempelajari lebih lanjut tentang alat ini.

Ini adalah cara yang menyenangkan dan efektif untuk membuat pengguna terlibat dalam topik yang mungkin rumit dan kering.

daftar super

Penghargaan: Situs Bulan Ini (April 2021), Penghargaan

Superlist adalah aplikasi produktivitas yang membantu tim dan individu mengubah cara mereka bekerja.

Terlalu sering, Anda membuka situs web dan harus mencari tahu tentang merek tersebut. Dengan Superlist, Anda tahu persis apa yang diharapkan segera setelah Anda membuka beranda.

Sumber Gambar

Beranda interaktif menampilkan aksesori kerja umum, seperti headphone dan keyboard dengan salinan langsung yang jelas.

Superlist secara efektif menggunakan ruang putih untuk menjaga fokus pada salinannya. Namun, untuk memfasilitasi navigasi, mereka menyertakan tombol kecil dengan ikon panah untuk menunjukkan bahwa ada lebih banyak yang bisa dilihat di halaman setelah Anda menggulir.

Dari sana, visual yang menyenangkan berlanjut – membuat Anda tetap terlibat saat Anda mempelajari lebih lanjut tentang merek tersebut.

Hyera

Penghargaan: Situs Web Bulan Ini (2022), Penghargaan Desain CSS

Ingin membuat kesan yang kuat pada pengunjung situs web Anda? Ambil satu halaman dari buku Hyer.

Sumber Gambar

Ilustrasi mencolok dari pesawat, saat bergerak perlahan melintasi layar, pasti akan menarik perhatian pengunjung situs web.

Halaman ini memiliki semua yang Anda butuhkan di beranda yang efektif: Gambar yang menceritakan sebuah kisah tetapi tidak terlalu mengganggu, penggunaan spasi, bilah navigasi yang mudah, tagline atau slogan, dan CTA yang jelas.

Ini adalah desain bersih yang bebas dari gangguan apa pun dan mengundang pengunjung untuk mempelajari lebih lanjut tentang merek tersebut.

Desain Situs Web Terbaik dari 2020

Menyeka Dunia

Penghargaan: Situs Hari Ini (2020), Penghargaan

Paralaks, warna-warna berani, dan ruang negatif membentuk desain dan pengalaman situs web Swab the World. Organisasi ini membawa kesadaran untuk donasi sel punca. Misi mereka adalah “Memastikan setiap pasien menemukan pasangannya. Periode." Foto pasangan yang menunjukkan cinta dan emosi membawa elemen manusia ke dalam proses sejarah yang kompleks dan ilmiah.

Dari perspektif teknis, desain membuat perpindahan ke bawah halaman terasa alami, memastikan pembaca mencapai setiap titik salinan dan setiap CTA di beranda.

Sumber Gambar

Amerika terbaru

Penghargaan: Honorable Mention (2020), Penghargaan

Sebuah organisasi dengan tanggung jawab besar seperti menghormati identitas migrasi masa lalu, sekarang, dan masa depan membutuhkan situs web yang indah dan fungsional untuk membantu menyebarkan berita. Orang Amerika terbaru memperjuangkan pengalaman imigran di kota-kota di seluruh negara bagian New Jersey. Situs web ini menggunakan citra indah orang, tempat, dan barang yang mewakili pengalaman ini dengan cara yang mengalir secara kohesif ke beranda, menceritakan kisah kelompok warga terbaru Amerika ini.

Situs web ini menarik secara visual dan fungsional dengan menu navigasi yang sederhana, cerita yang disusun berdasarkan foto, dan halaman pers yang bersih yang menempatkan artikel terbaru di depan dan di tengah.

Sumber Gambar

Desain Spotify

Penghargaan: Honorable Mention (2020), Penghargaan

Spotify dikenal untuk mencapai bagian yang adil dari prestasi luar biasa, dan iterasi terbaru dari Spotify.Desain tidak berbeda. Berfungsi sebagai hub untuk semua hal visual dan kreatif untuk Spotify, raksasa musik dan podcast ini memberi pendengar pandangan tentang siapa, apa, mengapa, dan bagaimana apa yang membuat aplikasi ini begitu sensasional.

Warna-warna cerah, bayangan jatuh, dan animasi halus memberikan karakter dan kedalaman situs web ini. Desain geometris datar dengan aksen abstrak membuat album dan artis praktis melompat dari layar.

Sumber Gambar

Andy Warhol

Penghargaan: Honorable Mention (2020), Penghargaan

Kehidupan artis, sutradara film, dan produser Andy Warhol akan selamanya dikemas dalam situs web yang dirancang dengan indah yang menangkap gaya seninya dalam format digital. Saat Anda membaca halaman dengan teliti, kursor Anda menjadi sorotan yang mengubah setiap gambar yang Anda arahkan menjadi gambar negatif atau membalikkan warna teks yang Anda baca.

Teks besar dan tebal membuat pernyataan dan menekankan betapa pentingnya salinan untuk desain situs web. Animasi halus membantu mempercepat situs dan mengatur nada untuk setiap bagian saat Anda membaca dengan teliti halaman beranda.

Sumber Gambar

Perusahaan Interaksi Manusia

Penghargaan: Situs Web Perusahaan (2020), Red Dot

Untuk melihat video yang dilakukan langsung di situs web, lihat saja Perusahaan Interaksi Manusia. Dari saat Anda mengklik situs, pengalamannya sangat cepat. Anda langsung terjun ke dalam aksi — mengapa, apa, dan bagaimana Interaksi Manusia dan apa yang dilakukan tim.

Pemenang Red Dot Design Award ini bertujuan untuk membawa studi tentang interaksi manusia kepada massa, dan dalam prosesnya, menunjukkan kepada kita betapa menariknya mempelajarinya. Namun, jangan berkecil hati dengan status penghargaan mereka — tidak ada foto di situs ini yang di-photoshop, jadi ini adalah contoh praktis untuk membangun kualitas dengan sumber daya yang Anda miliki.

Sumber Gambar

Perawatan Kulit Garoa

Penghargaan: Situs Hari Ini (2020), Penghargaan

Bagaimana Anda mengubah perasaan kemewahan dan kepraktisan menjadi sebuah situs web? Garoa Skincare menyediakan cetak biru. Apakah produk Anda berharga setengah dari harga pesaing terdekat Anda atau dua kali lipat dari harga, situs Anda dapat memberikan kesan boros pada hampir semua produk yang Anda jual.

Visual berkualitas tinggi, tipografi yang saling melengkapi, dan keseimbangan ruang negatif dengan salinan yang berguna dapat menghadirkan keanggunan sederhana ke situs web Anda.

Sumber Gambar

Desain Situs Web Terbaik dari 2019

1917: Di Parit

Penghargaan: Situs Web Terbaik Awwwards Hari Ini (2019)

Situs web ini, dibuat untuk mempromosikan film 1917, memungkinkan Anda untuk berjalan di sekitar parit dan melakukan misi yang sama seperti yang dilakukan karakter dalam film tersebut. Anda juga dapat melihat peta mereka atau mengakses alat lain.

Ini adalah contoh bagus dari situs yang melampaui dan melampaui interaktivitas serta situs yang memanfaatkan konten dan alur cerita yang telah ditulis sebelumnya untuk memasarkan filmnya. Situs web ini memenangkan Site of the Day oleh Awwwards, yang memungkinkan desainer untuk memilih dan menominasikan situs web hebat yang mereka lihat setiap hari.

Sumber Gambar

The Octopus: Blog desain oleh IDEO

Penghargaan: Penghargaan Webby Blog/Situs Web Bisnis 2019

IDEO, sebuah perusahaan desain global, memenangkan penghargaan Webby Blog/Situs Web Bisnis 2019 untuk blog Octopus-nya, dan untuk alasan yang bagus. Blog ini menampilkan gambar Gurita hitam-putih yang ramping sebagai desain berandanya, dan menggunakan warna kuning, hitam, dan putih untuk membuat tema yang kohesif saat Anda menggulir.

Jika Anda mengarahkan kursor ke postingan blog, judulnya disorot dengan warna kuning. Jika Anda mengarahkan kursor ke gambar, gambar akan ditarik ke arah Anda — dua fitur kecil yang membuat perbedaan besar dalam hal menciptakan pengalaman pengguna yang unik dan menarik.

Sumber Gambar

Suku nomaden

Penghargaan: nominasi Situs Tahun Ini Awwwards (2019)

Situs ini, yang dinominasikan untuk Situs Penghargaan Tahun Ini, adalah salah satu situs yang lebih menarik yang pernah saya lihat.

Beranda segera mulai memutar video menakjubkan yang menampilkan seorang pria berjalan melintasi padang pasir, diikuti oleh pemandangan lanskap yang indah dan teks seperti, "Apakah Anda cukup beruntung untuk menyebut diri Anda seorang petualang?"

Teks di seluruh situs web lucu, dengan warna pink dan oranye dan kuning, dan beranda dirancang secara logis, dengan CTA ditempatkan di seluruh rentang dalam tingkat komitmen dari "Baca Selengkapnya" hingga "Tonton Sekarang" dan, akhirnya, "Unduh Aplikasi".

Pada akhirnya, situs web ini dirancang dengan indah dengan perhatian yang kuat terhadap detail, dan menceritakan kisah yang menarik secara keseluruhan.

Sumber Gambar

Diana Danieli

Penghargaan: Webby 2019

Situs pemenang Webby 2019 ini memamerkan citra seni dan arsitektur dengan kontras tinggi atau eksposur berat. Sebagai pengunjung situs web, Anda dapat mengklik dan menarik mouse untuk mengubah foto dan variasi. Setiap gambar menunjukkan karya yang menyoroti artis yang memiliki situs web.

Nilai tambah yang keren tentang situs web ini adalah penggabungan audio dan musiknya. Mengklik tombol tertentu pada skenario memainkan nada piano dan benar-benar membenamkan Anda dalam pengalaman Diana Danieli.

Sumber Gambar

Pekerja Kayu George Nakashima

Penghargaan: Webby 2019

Situs web pertukangan kayu ini menekankan pada sifat dan kepedulian terhadap perdagangan pertukangan kayu. Ini pada dasarnya adalah tayangan slide gambar kehutanan dan pertanian yang indah. Saat gambar baru muncul di layar, kutipan baru yang terkait dengan kayu atau pohon juga muncul.

Ini sangat menenangkan bagi pengunjung dan menunjukkan bahwa para pekerja kayu mengenali keindahan pepohonan dan lingkungan. Website ini juga memenangkan Webbie pada tahun 2019.

Sumber Gambar

Desain Situs Web Terbaik dari 2018

crypton.trading

Penghargaan: Situs Hari Ini (4/3/2018), Penghargaan

Temui crypton.trading, akuntan robot Anda.

Crypton.trading adalah pusat perdagangan untuk cryptocurrency seperti Bitcoin, menggunakan kecerdasan buatan untuk memprediksi perubahan nilai mata uang dan mengidentifikasi peluang pembelian dan penjualan utama. Situs web ini dinilai tinggi untuk pengembangan dan desainnya, karena secara bertahap menjelaskan lebih banyak metode pengembang saat pengunjung menggulir ke bawah.

Situs web pemenang penghargaan ini membuat pengunjung yang paham teknologi merasa seperti di rumah sendiri saat salam Crypton muncul di beranda, satu huruf pada satu waktu.

Sumber Gambar

Barat Daya: Jantung Perjalanan

Penghargaan: Desain Visual Terbaik – Estetika, Penghargaan Webby 2018

Ketika Southwest Airlines ingin membuktikan bahwa pelanggannya "lebih dari sekadar tanda dolar", perusahaan tersebut membuat situs web di mana desainnya dirakit menggunakan bentuk jalur penerbangan pelanggan mereka.

Situs web, yang disebut Heart of Travel, bahkan memungkinkan pengunjung untuk membuat karya seni mereka sendiri dari perjalanan yang mungkin mereka rencanakan. Dengan cara ini, situs web Southwest adalah produk dari penumpang paling setia mereka.

Sumber Gambar

Meluap

Penghargaan: Situs Hari Ini (20/3/2018), Galeri Situs Web Terbaik

Overflow adalah alat desain yang memungkinkan orang dan bisnis membuat diagram alur seperti cerita dari ide mereka sehingga lebih mudah dipahami orang lain. Selain sebagai layanan yang baik, situs web Overflow mempraktikkan apa yang diajarkannya: Bersamaan dengan tombol ajakan bertindak berwarna merah cerah untuk mengunduh alat, situs web ini mempromosikan produknya dengan cara terbaik yang diketahuinya — menggunakan diagram alur.

Situs web memberikan diagram alir ini dalam bentuk video. Sementara video yang disematkan dapat terlihat agak kikuk duduk di tengah elemen desain situs web lainnya, Overflow ditempatkan dengan sempurna dan persis seperti yang ingin Anda lihat saat mendarat di situs untuk pertama kalinya.

Sumber Gambar

Museum Frans Hals

Penghargaan: Situs Tahun Ini (2018), Penghargaan

Mungkin sulit bagi museum untuk menampilkan semua karya seninya di situs web yang kohesif. Itulah yang membuat situs web Museum Frans Hals begitu mengesankan.

Terletak di Belanda, museum ini telah membuat situs web yang menggunakan kombinasi elemen desain digital dan pamerannya sendiri. Campuran ini membantu pengunjung memahami apa yang akan mereka lihat, kapan mereka dapat melihatnya, dan di mana lagi mereka dapat merasakan apa yang ditawarkan museum ini.

Sumber Gambar

Desain Situs Web Terbaik dari 2017

Cukup Coklat

Penghargaan: Situs Tahun Ini (2017), Awwwards

Anda akan mendambakan cokelat hanya dengan melihat situs web ini — dan di satu sisi, situs web Simply Chocolate berfungsi seperti yang dirancang.

Situs web yang menggugah selera ini adalah situs pembuat cokelat Denmark Simply Chocolate. Situs webnya menggunakan berbagai warna (dan nama produk kreatif) untuk mempromosikan setiap batang cokelat. Dan saat Anda menggulir dari satu produk ke produk berikutnya, semuanya tampak tetap konsisten dalam merek.

Tampilan tiga dimensi dari setiap batang cokelat membuat Anda merasa seperti Anda dapat mengambilnya dari layar komputer Anda, sedangkan "Tambahkan ke Kotak" CTA di kiri atas ditempatkan secara ideal bagi pengguna untuk memilih produk yang mereka inginkan saat menjelajah.

Sumber Gambar

KEPERCAYAAN

Penghargaan: Blog/Website Budaya Terbaik, Webby Awards 2017

NOWNESS mungkin adalah blog video crowdsourced paling keren di internet. Itu seteguk ... apa artinya semua itu?

Crowdsourcing NOWNESS adalah bagian dari apa yang membuatnya menjadi pemenang penghargaan. Ini berarti sebagian besar kontennya berasal dari materi iklan independen — cara yang semakin populer bagi bisnis untuk mempublikasikan konten.

NOWNESS juga merupakan channel video, artinya semua konten blognya dalam format video. Bersama-sama, kualitas-kualitas ini membantu menjadikan Nowness sebagai pusat menawan untuk kisah-kisah yang berusaha disampaikan oleh merek di mana pun.

Sumber Gambar

Desain Situs Web Terbaik dari 2016

Penjaga Hutan Hujan

Penghargaan: Situs Web Aktivisme Terbaik, Penghargaan Webby 2016

Rainforest Guardians menjadi salah satu situs web nirlaba paling imersif di tahun 2016. Dalam upaya membangun kesadaran seputar deforestasi, situs ini memungkinkan pengguna untuk “mengunjungi” berbagai desa, penduduk asli, dan saluran air yang membentuk Hutan Hujan Amazon.

Situs ini menempatkan interaktivitas di pusat pengalaman penggunanya — pilihan bijak jika tujuan Anda adalah membuat orang terhubung dengan tujuan Anda dan berubah menjadi sukarelawan.

Sumber Gambar

Protes Pakaian Olahraga

Penghargaan: Situs Tahun Ini (2016), Penghargaan

The Awwwards menyebut Protest Sportswear sebagai "lookbook yang dapat dibeli", dan itulah situs ini. Sebagai penjual pakaian eceran, perusahaan ini telah menemukan kembali cara mereka memasarkan produknya: Alih-alih mempromosikan pakaian pakaian, Pakaian Olahraga Protes mempromosikan "penampilan".

Hal ini membuat produk perusahaan menjadi bagian paling menarik dari situs web itu sendiri, menggunakan kolase gaya untuk mendesain beranda yang berubah sesering gaya pelanggannya.

Sumber Gambar

Serikat Guru

Penghargaan: Situs Web Asosiasi Terbaik, Penghargaan Webby 2016

The Teacher's Guild adalah komunitas pendidik profesional yang menangani beberapa tantangan paling kritis dalam pendidikan. Apa yang membuat situs web ini memenangkan penghargaan adalah bagaimana ia menyeimbangkan beragam jenis konten — program, solusi, pendekatan, dan kolaborasi — tanpa membanjiri pengunjung.

Tidak hanya visual latar belakang yang ditempatkan secara mencolok, tetapi juga menggunakan ruang putih untuk menekankan ajakan bertindak tertulis di tengah, seperti yang ditunjukkan pada tangkapan layar di bawah.

Sumber Gambar

Desain Situs Web Terbaik dari 2015 – 2014

Perawan Amerika

Penghargaan: Evolusi Industri Paling Signifikan, Penghargaan UX 2014

Di dunia di mana situs web maskapai penerbangan dikenal penuh dengan masalah kegunaan utama, Virgin America memiliki salah satu situs web terbaik yang mendorong kegunaan, aksesibilitas, dan desain responsif ke depan.

Sumber Gambar

Memberi makan

Penghargaan: Situs Hari Ini (6/6/2015), Penghargaan

Feed tidak hanya merupakan konsep yang menarik, tetapi juga memiliki eksekusi menakjubkan yang menantang pemahaman kita tentang apa yang mungkin terjadi di web. Melalui perpaduan kreatif antara animasi dan video, situs ini membenamkan pengguna dalam pengalaman yang menarik.

Sebagai situs atipikal, ini berisi beberapa elemen kegunaan yang unik, termasuk navigasi yang berfungsi ganda sebagai bilah kemajuan gulir.

Sumber Gambar

ETQ

Penghargaan: Situs Hari Ini (19/5/2015), Penghargaan

ETQ mengambil pendekatan minimalis untuk e-niaga dengan situs yang dilucuti. Visual yang besar dan menarik dari produk mereka terletak pada latar belakang datar yang sederhana disertai dengan tipografi yang kuat yang menjaga fokus pada apa yang sebenarnya dilihat pengguna di sana: sepatu.

Sumber Gambar

Mikiya Kobayashi

Penghargaan: Situs Hari Ini (7/4/2015), Penghargaan

Mikiya adalah Desainer Produk dengan portofolio minimalis yang menampilkan karyanya melalui fotografi yang kuat dan animasi yang halus. Situs lengkapnya awalnya dibuat dalam bahasa Jepang dan kemudian diterjemahkan ke dalam bahasa Inggris, membantu menunjukkan skalabilitas internasional dari desainnya.

Sumber Gambar

Majalah Tenun

Penghargaan: Situs Hari Ini (4/4/2015), Galeri Situs Web Terbaik

Woven adalah publikasi online yang merayakan seniman, perajin, dan pencipta. Mereka mengonfirmasi bahwa publikasi dapat (dan seharusnya) memiliki situs yang indah dan menarik dengan konten yang mudah dibaca. Bebas dari gangguan seperti pop-up dan iklan yang mengganggu, situs ini adalah tentang pengalaman konten itu sendiri.

Sumber Gambar

Kacang JOHO

Penghargaan: FWA of the Day (8/7/2015), Penghargaan Situs Web Favorit

Situs web untuk JOHO's Bean memiliki citra yang luar biasa, interaktivitas, penceritaan, desain visual, dan yang terpenting, rekayasa suara. Semua ini bersatu untuk membuat situs yang menarik, emosional, dan menarik yang menceritakan kisah perjalanan biji kopi.

Sumber Gambar

Dunia SWISS

Penghargaan: Antarmuka Pengguna Terbaik, Penghargaan Webby 2015

Maskapai lain? Ya. Maskapai penerbangan SWISS membangun situs luar biasa mendalam yang menceritakan kisah bagaimana rasanya terbang bersama mereka — dan mereka melakukan pekerjaan yang terlalu hebat untuk diabaikan. Visual dan animasi yang kuat memperkenalkan pengguna ke berbagai bagian situs yang dikemas dengan informasi di luar promosi penjualan dan pemasaran biasa.

Sumber Gambar

Desain Situs Web Keren Lainnya

Guillaume Tomasi

Sebagai Fotografer di Montreal, Guillaume Tomasi telah membangun portofolio yang benar-benar sesuai untuk menampung fotografinya yang unik dan menakjubkan. Gaya foto surealisnya disandingkan dengan desain portofolionya yang sederhana, datar, kosong, dan minimalis yang menempatkan semua fokus pada karya itu sendiri.

Navigasi serinya yang unik ditambah dengan pengenalan karya yang terinspirasi galeri seni dan interaksi pengguliran yang sempurna menghasilkan pengalaman yang mengingatkan pada galeri nyata.

Sumber Gambar

Kabupaten

Agensi merek ini menganggap citranya dengan serius, dan seharusnya — menangani semua saluran media untuk kliennya. Situs web Distrik sendiri adalah perjalanan melalui beberapa karya seni dan fotografi paling indah yang pernah Anda lihat.

Ubin provokatif ini berubah dengan cepat saat Anda menjelajahi situs web, dan semakin aneh tampilannya, semakin Anda tertarik untuk mempelajari pekerjaan mereka sebelumnya.

Sumber Gambar

Tej Chauhan

Tej Chauhan telah mengubah karya seni impresionis menjadi model bisnis dengan situs web yang menarik ini. Setiap gambar di beranda pengembang produk ini meluncur keluar untuk menutupi gambar sebelumnya, menawarkan sedikit konteks di sekitar objek yang sekarang Anda lihat di depan Anda. Tetapi kurangnya konteks itulah yang membuat Anda ingin belajar lebih banyak.

Ditambah, tagline, “Cinderamata Masa Depan Dekat,” menunjukkan bahwa benda-benda ini adalah bagian dari lini produk mereka — dan kesempatan bagi Anda untuk membawa benda-benda inovatif ini ke dalam hidup Anda.

Sumber Gambar

Ingin tampilan serupa untuk situs web Anda? Lihat koleksi tema CMS Hub baru di pasar Envato.

Arsitektur Amanda Martocchio

Sebuah firma arsitektur mungkin tidak berspesialisasi dalam pengembangan web, tetapi situs webnya harus tetap menunjukkan komitmennya terhadap desain yang menyenangkan secara visual. Amanda Martocchio memasukkannya ke dalam hati dengan situs web yang cantik ini.

Bukan rahasia lagi bahwa Amanda Martocchio Architecture menyukai pekerjaannya — setiap gambar di beranda situs webnya adalah bidikan mempesona dari rumah yang dirancang perusahaan. Situs web memberi label setiap rumah yang Anda telusuri dengan jenis desain yang dimaksudkan, bersama dengan banyak sudut ke setiap bangunan.

Sumber Gambar

Ide Desain Situs Web

Sekarang setelah Anda melihat sejumlah platform yang dirancang dengan indah dan pemenang penghargaan, ingatlah ide-ide potensial ini saat Anda membuatnya sendiri.

• Pertimbangkan cara agar situs web Anda interaktif, seperti contoh tahun 1917.
• Buat situs web yang menekankan pengalaman seluler, meskipun masih memiliki UX yang bagus di desktop.
• Buat situs web yang menceritakan kisah tentang merek Anda dengan foto, teks, atau video.
• Jika Anda tidak dapat membuat situs yang sangat interaktif, pertimbangkan untuk menarik perhatian dengan situs yang menyajikan tayangan slide foto Anda.
• Pastikan ajakan bertindak Anda mudah dilihat dan dorong pengunjung untuk terus menjelajahi situs Anda
• Jaga navigasi tetap bersih. Pastikan pengunjung Anda selalu tahu cara kembali ke beranda.
• Integrasikan situs media sosial Anda melalui tombol semat sosial, sehingga pengunjung situs dapat dengan mudah mengikuti Anda di berbagai saluran sosial Anda.
• Jaga agar setiap halaman web Anda konsisten dalam desain — termasuk font, warna, gambar, dan pesan.
• Uji kegunaan situs web Anda dengan peta panas, yang akan menunjukkan kepada Anda di halaman web mana pengunjung Anda kemungkinan besar akan terpental.
• Sertakan obrolan langsung atau chatbot untuk memberi pengunjung opsi untuk terlibat langsung dengan Anda di situs web Anda jika mereka lebih suka obrolan langsung daripada panggilan telepon. Obrolan langsung dapat mengotomatiskan fungsi untuk perwakilan penjualan dan layanan Anda dan menciptakan pengalaman komunikasi yang lebih baik bagi pelanggan.
• Dapatkan sertifikat SSL untuk memastikan situs web Anda aman. SSL adalah bagian dari algoritme peringkat pencarian Google, sehingga sertifikat SSL dapat membantu Anda mendapatkan peringkat lebih tinggi dalam pencarian.

Bangun Situs Web Cantik untuk Bisnis Anda

Merancang situs web dapat menjadi sederhana setelah Anda melihat dan merasakan dalam pikiran. Gunakan contoh-contoh ini sebagai batu loncatan untuk mengembangkan tata letak, palet warna, citra, dan animasi di situs web Anda.

Setelah Anda siap untuk mulai coding atau drag and drop, Anda akan memiliki situs web yang indah yang akan dinikmati pengunjung Anda.

Catatan editor: Posting ini awalnya diterbitkan pada Januari 2021 dan telah diperbarui untuk kelengkapan.