17+ Contoh Desain Beranda Paling Fungsional Untuk Situs Web Anda di Tahun 2022

Diperbarui: Apr 06, 2022 Oleh: Tim Desain

Pengungkapan Pembaca: Saat Anda membeli melalui tautan rujukan di situs kami, kami mungkin mendapat komisi (tanpa biaya tambahan untuk Anda)

Ketika seseorang mengunjungi situs web Anda dan membuka beranda Anda dengan gambar rusak, font yang sulit dibaca, warna gelap, dan pesan yang tidak jelas, kemungkinan mereka akan meninggalkan situs web Anda sesegera mungkin. Itulah mengapa Anda memerlukan desain beranda yang paling fungsional sehingga pengunjung Anda akan tetap tinggal dan berkonversi menjadi pelanggan atau pembaca.

Tujuan utama dari beranda desain yang baik adalah untuk mengubah pengunjung Anda menjadi pelanggan atau penggemar Anda. Jika beranda Anda tidak memiliki ajakan bertindak (CTA) di mana seseorang dapat mengklik dan mendaftar atau mempelajari lebih lanjut tentang produk Anda, mereka tidak akan tahu apa yang harus dilakukan dan pergi tanpa melakukan tindakan apa pun. Jadi fokus kami adalah memastikan desain beranda Anda memiliki setidaknya satu atau dua CTA tertentu.

Tujuan kami adalah meninjau banyak beranda desain & fungsional yang dibuat oleh tim desainer, pakar UI/UX, dan pengembang yang bekerja keras untuk memahami apa yang diperlukan untuk membuat beranda yang menonjol dan menarik dengan estetika bagi pengunjung pertama Anda. Kami akan membahas penggunaan font, warna, tag-line, slogan, dan ajakan bertindak karena itu adalah aspek utama dan terpenting dari beranda yang terstruktur dengan baik.

Tujuan dan manfaat dari Situs Web Desain Sumur

Setiap situs web yang Anda kunjungi memiliki pesan dan tujuan yang berbeda, apa yang Anda ingin audiens Anda lakukan dan pahami begitu mereka tiba di beranda situs web Anda? Yang paling penting adalah mereka memahami siapa Anda dan apa yang Anda ingin mereka lakukan selanjutnya. Singkatnya slogan apa yang Anda lakukan dan deskripsi detail cepat tentang situs web Anda.

Karena sebagian besar pengunjung pertama kali akan mendarat di beranda Anda, Anda perlu mengonversinya dalam waktu kurang dari 2 detik dari apa bisnis atau situs web Anda tentang hal ini akan dilakukan dengan tata letak desain yang indah dari gambar, warna, tipografi, tombol ajakan bertindak Anda untuk mempertahankannya situs Anda dan bantu mereka menjelajahi dan mempelajari lebih lanjut tentang produk atau layanan yang ingin Anda tawarkan.

Tingkatkan Pengalaman Pengguna (UX) dan Antarmuka Pengguna (UI) untuk mendapatkan lebih banyak konversi

Gambar memainkan peran yang sangat penting dalam tata letak beranda Anda, gambar orang, objek, hewan, teknologi akan memberi tahu pengunjung Anda dalam beberapa detik atau kurang tentang apa situs web Anda. Kami juga perlu memahami target audiens Anda, apa yang mereka harapkan saat pertama kali mengunjungi website Anda? apakah beranda Anda di toko online dan Anda menjual barang atau produk digital atau lebih berorientasi pada informasi? Perusahaan Nest akan mencoba menjual produk untuk rumah saya, tetapi United Healthcare akan memberi saya informasi tentang asuransi kesehatan tertentu yang mungkin saya perlukan.

Kami akan membahas semua aspek spesifik dari beranda desain yang baik untuk menangkap pengunjung Anda dengan tombol ajakan bertindak yang ditempatkan dengan baik di halaman Anda, atau pendaftaran buletin tempat pengunjung baru Anda dapat mendaftar untuk berita mingguan Anda. Kami akan berbicara tentang penempatan logo, ukuran font, warna utama keseluruhan situs web spesifik Anda dan mengapa beberapa warna bekerja dengan baik dan beberapa warna mungkin tidak begitu menyenangkan. Kami ingin memastikan pengalaman pengguna memiliki alur yang bagus dan orang-orang tidak bingung atau tersesat di beranda Anda mencari informasi atau produk tertentu karena mereka akan marah dan meninggalkan situs Anda.

Bagaimana tata letak dan desain beranda terbaik?

Jadi, apa yang Anda butuhkan untuk mendesain beranda konversi yang baik? Pertama, kami akan memberi Anda contoh hebat dengan penjelasan dari beberapa beranda situs web perusahaan paling populer sehingga kami dapat membandingkan dan melihat apa yang membuat mereka begitu hebat. Ini adalah praktik yang baik bagi setiap desainer pemula untuk mendapatkan beberapa ide tentang apa yang dilakukan para ahli. Jika Anda ingin membuat situs web Anda sendiri, kami memiliki pos detail yang akan membantu Anda memulai. Ada banyak perangkat lunak desain grafis gratis untuk membantu Anda mengatur tata letak beranda dan menguji berbagai desain sebelum Anda puas dengan hasilnya.

Kami mendorong Anda untuk menggunakan visual seperti ilustrasi, ikon, grafik vektor untuk membuat beranda Anda berkesan, stok foto memainkan peran penting saat mendesain beranda Anda karena akan membuat pengunjung Anda merasa aman dan menyenangkan.

Contoh desain beranda terbaik dengan penjelasan dan apa yang membuatnya paling berkesan

Sekarang kita akhirnya bisa melihat contoh terbaik dari beranda desain yang baik dari berbagai kategori, perusahaan-perusahaan itu semua tahu dengan banyak sumber daya dan bertahun-tahun menguji warna, font, tombol ajakan bertindak, mereka melakukan banyak pengujian A/B untuk melihat warna atau gambar apa yang bekerja lebih baik daripada yang lain. Mereka menggunakan peta panas untuk melihat di mana orang mengklik dan di mana mereka tidak sehingga mereka dapat menempatkan tombol ajakan bertindak di tempat itu. Kami akan menjelaskan secara rinci apa yang membuat setiap desain beranda situs web menonjol.

1. Adobe

Adobe salah satu perusahaan perangkat lunak paling terkenal untuk materi iklan. Kami menggunakan Adobe untuk banyak proyek desain kami dari Photoshop hingga After Effects. Mereka ingin Anda mendaftar untuk uji coba gratis perangkat lunak mereka, jadi ini adalah ajakan bertindak utama. Setelah Anda melihat kata "gratis", Anda mungkin akan mencobanya karena tidak ada ruginya.

Tata letak yang sangat bersih dan lurus dengan penggeser besar dengan animasi latar belakang yang menunjukkan kepada Anda bagaimana Anda dapat menggunakan perangkat lunak Adobe untuk membuat interaksi Anda sendiri. CTA kedua adalah "pelajari lebih lanjut" jika Anda belum siap untuk memulai, mungkin Anda ingin mempelajari lebih lanjut berbagai perangkat lunak atau produk yang mereka tawarkan.

Warna Utama: Putih, Merah, Hitam, Biru, Oranye, Hijau
Tagline: Perjalanan kreatif dimulai dari sini.
Slogan: Dapatkan inspirasi Anda mengalir dengan video, desain, foto, dan aplikasi UI/UX kami
Ajakan Bertindak (CTA 1): Mulai Jejak Gratis
Ajakan Bertindak (CTA 2): Pelajari Lebih Lanjut

2. Sarang

Sarang salah satu situs web eCommerce cam dan termostat terbesar, mereka menggunakan banyak gambar produk, setelah Anda mengunjungi beranda, Anda tahu persis apa yang mereka jual, di bawah gambar besar utama adalah semua produk yang mereka jual sehingga Anda dapat mengklik dan menjelajahi produk tertentu untuk dibeli.

Mereka tidak memiliki tombol ajakan bertindak khusus pada penghormatan karena mereka memiliki begitu banyak produk yang berbeda. Beranda sangat bersih dan terlihat profesional, mereka menggunakan font besar di bagian atas "Selamat datang di Google Nest" membangun rumah Anda yang membantu slogan bagus ingin Anda tetap di sini dan menjelajah lebih jauh.

Warna Utama: Putih, Hitam, Hijau, Abu-abu
Tagline: Selamat datang di Google Berikutnya.
Slogan: Bangun rumah Anda yang bermanfaat.
Ajakan Bertindak (CTA 1): Tidak ada
Ajakan Bertindak (CTA 2): Tidak ada

3. WordPress

WordPress seperti yang kami gunakan untuk perusahaan kami dan menyukainya, adalah pembuat situs web yang paling banyak digunakan yang menggerakkan lebih dari 43% dari semua situs web di internet. Beranda sangat bersih dengan tagline besar yang menyambut Anda untuk menggunakan perangkat lunak untuk membangun situs web Anda berikutnya. Mereka menunjukkan kepada Anda gambar orang lain yang membuat situs mereka sehingga Anda dapat memulai hari ini.

WordPress didasarkan pada tema yang dapat Anda gunakan dan instal untuk mulai membuat situs web Anda, ada banyak tema portofolio gratis yang dapat Anda pilih untuk membantu Anda memvisualisasikan beranda dan menyesuaikan dengan kebutuhan Anda seperti yang telah kita bahas di atas.

Warna Utama: Putih, Hitam, Biru
Tagline: Selamat datang di pembuat situs web paling populer di dunia.
Slogan: 43% web dibangun di WordPress.
Ajakan Bertindak (CTA 1): Mulai Situs Web Anda
Ajakan Bertindak (CTA 2): Tidak ada

4. Ruang persegi

Squarespace adalah salah satu pembuat situs web paling populer untuk materi iklan. Sangat sama untuk menggunakan dan memulai situs web pribadi atau eCommerce Anda sendiri, Anda dapat mencobanya secara gratis dan kemudian jika Anda suka, dapatkan langganan bulanan. Squarespace memiliki banyak template pra-pelayan yang modern dan bersih, mudah digunakan untuk memulai.

Squarespace menggunakan gambar besar dan font yang sangat besar untuk menyampaikan pesan, Semuanya untuk menjual apa pun adalah tagline utama. Mereka juga menambahkan "Tidak perlu kartu kredit" untuk memulai uji coba gratis Anda yang tidak merepotkan bagi siapa saja yang ingin menguji pembuat situs web mereka.

Warna Utama: Hitam, Merah Muda, Putih
Tagline: Segalanya untuk menjual apa saja
Slogan: Mulai uji coba situs web gratis Anda hari ini
Ajakan Bertindak (CTA 1): Memulai
Ajakan Bertindak (CTA 2): Memulai

5. DropBox

Dropbox menggunakan foto-foto bagus dari dua orang di sisi kanan yang menunjukkan mereka melihat ke layar komputer dan mungkin berbagi file yang merupakan kesan pertama yang mereka inginkan dari Anda. Penggunaan gambar yang bagus seperti yang telah kita bahas sebelumnya dan beberapa ilustrasi ikon yang bagus di tengah beranda.

Tagline besar di sisi kiri atas, "Jaga kehidupan tetap teratur" dan di bawahnya dengan warna biru hanya satu ajakan bertindak "Temukan Rencana untuk Anda" membuat Anda mengkliknya dan melihat apa yang mereka tawarkan dan berapa harga setiap paket.

Warna Utama: Hitam, Biru, Oranye
Tagline: Jaga agar hidup tetap teratur dan pekerjaan tetap berjalan—semua di satu tempat
Slogan: Dropbox memberi Anda akses aman ke semua file Anda.
Ajakan Bertindak (CTA 1): Temukan Rencananya untuk Anda
Ajakan Bertindak (CTA 2): Tidak ada

6. Uber

Uber menggunakan gambar layar besar hampir penuh dari seseorang dalam hal ini seorang wanita membuka pintu ke mobil, karena mereka adalah perusahaan mobil/taksi yang menggunakan orang dan mobil karena gambar memberi tahu kita apa yang mereka lakukan bahkan tanpa membaca tagline, yang sebagai kami sebutkan sebelum menggunakan gambar sangat kuat.

Uber memiliki dua tombol ajakan bertindak, satu adalah "Daftar untuk mengemudi" yang lain adalah "Pesan tumpangan" sehingga Anda ingin menjadi pengemudi Uber atau Anda ingin naik Uber ke tempat tertentu. Ini adalah situs web yang sangat sederhana dan modern yang menggunakan sebagian besar gambar dan dua warna putih dan hitam.

Warna Utama: Hitam, Putih
Tagline: Dapatkan di kursi pengemudi dan dapatkan bayaran
Slogan: Berkendara di platform dengan jaringan pengendara aktif terbesar.
Ajakan Bertindak (CTA 1): Daftar untuk mengemudi
Ajakan Bertindak (CTA 2): Pesan tumpangan

7. WooCommerce

WooCommerce salah satu platform eCommerce terbesar untuk membangun toko online Anda sendiri. Tata letak beranda yang sangat sederhana hampir terbagi dua. Di sisi kiri Anda memiliki tagline besar yang bagus "Bangun situs web eCommerce yang Anda inginkan" dengan dua ajakan bertindak - satu adalah "Mulai toko baru" yang memberi tahu Anda apa yang harus dilakukan.

Di sisi kanan adalah contoh situs web atau tema yang dapat Anda gunakan untuk membangun toko online Anda sendiri, ada banyak tema WooCommerce gratis yang dirancang dengan baik dan diberi kode untuk membantu Anda membangun toko Anda sendiri.

Warna Utama: Hitam, Putih, Ungu
Tagline: Bangun situs web eCommerce persis seperti yang Anda inginkan
Slogan: WooCommerce adalah platform eCommerce sumber terbuka yang dapat disesuaikan dan dibangun di atas WordPress
Ajakan Bertindak (CTA 1): Mulai Toko Baru
Ajakan Bertindak (CTA 2): Sesuaikan dan perluas

8. HotJar

Hot jar perusahaan di belakang peta panas setelah Anda selesai dengan desain beranda Anda, kami sangat menyarankan untuk mendaftar dengan mereka untuk melihat di mana pengunjung Anda mengklik dan apakah tombol ajakan bertindak Anda ditempatkan dengan benar.

Beranda HotJar sangat sederhana dan modern, dengan tagline besar di bagian atas dan video ilustrasi kreatif di sisi kiri dengan tombol ajakan bertindak di sebelah kanan. Ini adalah tata letak UI/UX yang sangat bagus dan bersih, dieksekusi dengan sangat baik seperti yang Anda harapkan dari perusahaan yang melakukan ini setiap hari. Contoh bagus dari beranda yang baik, juga memberi Anda statistik bagus dari 26.657 perusahaan yang mendaftar bulan lalu .. memberi Anda kepercayaan karena berapa banyak orang baru yang mendaftar dengan mereka selama sebulan terakhir.

Warna Utama: Hitam, Putih, Oranye
Tagline: Pahami bagaimana perilaku pengguna di situs Anda, apa yang mereka butuhkan, dan bagaimana perasaan mereka, dengan cepat.
Slogan: Hari-hari manual yang lambat untuk mengumpulkan data dan umpan balik telah berakhir.
Ajakan Bertindak (CTA 1): Coba Gratis
Ajakan Bertindak (CTA 2): Daftar dengan Google

9. pernikahan

eWedding salah satu alat perencana pernikahan terbesar di web, tagline besar tata letak yang bersih dan sederhana di atas dengan statistik "921.470+ pasangan bisa salah" memberi Anda ketenangan pikiran bahwa mereka adalah perusahaan tepercaya. Ilustrasi besar yang bagus untuk menunjukkan kepada Anda bagaimana tampilan alat saat Anda mendaftar.

CTA adalah "Gratis untuk digunakan" seperti yang kita ketahui sebelumnya Gratis adalah tombol ajakan bertindak yang sangat kuat karena banyak orang akan mencoba produk Anda karena mereka tidak akan rugi. Tye juga menggunakan ikon ilustrasi yang bagus dikombinasikan dengan teks untuk estetika visual.

Warna Utama: Ungu, Putih, Hijau
Tagline: Standar baru dalam alat perencanaan dan manajemen pernikahan
Slogan: Pecat perencana Anda, kami bekerja untuk Anda 24/7
Ajakan Bertindak (CTA 1): Gratis untuk digunakan
Ajakan Bertindak (CTA 2): Mulai Sekarang

10. memastikan

Pastikan salah satu situs web medicare online terbesar, mereka memiliki wanita berpenampilan kartun karena dia dapat membantu Anda menemukan rencana Anda, jika Anda tidak ingin berbicara dengan orang sungguhan, Anda dapat mencoba asisten virtual. Situs web desain yang sangat bersih, dengan banyak ruang putih untuk menemukan jalan Anda dengan mudah.

Anda dapat mengklik untuk melihat paket atau membandingkan paket, atau Anda dapat menghubungi mereka saat mereka meletakkan nomor telepon tepat di tengah halaman. Senang melihat semua opsi yang tersedia untuk Anda, sehingga Anda tidak tersesat karena tidak tahu harus berbuat apa.

Warna Utama: Hitam, Putih, Hijau
Tagline: Saya Emma, ​​asisten Medicare virtual Anda.
Slogan: Saya dapat membantu Anda menemukan produk, membandingkan tarif, dan mendaftar sendiri.
Ajakan Bertindak (CTA 1): Lihat Rencana
Ajakan Bertindak (CTA 2): Coba Emma

11. Bluehost

Bluehost salah satu penyedia hosting terbesar, memiliki desain beranda yang sangat bagus dan bersih dengan fokus pada hosting dan pembuatan situs web. Beranda dibagi menjadi dua, di sebelah kiri mereka menawarkan hosting situs Anda dengan ajakan bertindak yang bagus, dan di sebelah kanan Anda dapat mulai membangun situs web Anda dengan CTA "mulai membangun".

Gambar menonjol dari seseorang di tengah mengundang Anda untuk membuat dan membangun situs Anda adalah pesan yang mudah dan sederhana, bagus dan bersih. Mereka juga memiliki lencana karena mereka adalah pilihan editor PC untuk hosting terbaik pada tahun 2021, penggunaan keselamatan dan keamanan yang baik sebagai hadiah yang mereka dapatkan.

Warna Utama: Hitam, Putih, Biru
Tagline: Hosting Web All-in-One.
Slogan: Builder baru kami membuat pembuatan situs WordPress menyenangkan & mudah.
Ajakan Bertindak (CTA 1): Host situs Anda
Ajakan Bertindak (CTA 2): Mulai membangun

12. Temukan Hukum

FindLaw sebuah situs web dengan database semua pengacara di Amerika Serikat, tempat Anda dapat mencari berdasarkan masalah hukum atau kode pos. Mereka menggunakan gambar besar orang-orang seperti Anda yang tersenyum bahwa menemukan pengacara itu sangat mudah. FindLaw menggunakan gambar sebagai fokus utama situs, dengan keragaman orang berdasarkan ras dan gender.

Mereka memiliki bilah pencarian besar tepat di tengah di mana Anda dapat memasukkan info atau kode pos Anda dan dengan mudah mencari basis data semua pengacara di sekitar wilayah Anda. CTA "Temukan Pengacara Saya" berwarna oranye terang sehingga Anda tidak dapat melewatkannya.

Warna Utama: Hitam, Putih, Oranye, Abu-abu
Tagline: Dapatkan Bantuan Untuk Semua Kebutuhan Hukum Anda
Slogan: FindLaw memudahkan mencari pengacara
Ajakan Bertindak (CTA 1): Temukan Pengacara saya
Ajakan Bertindak (CTA 2): Tidak ada

13. Sucuri

Sucuri adalah salah satu situs terkenal untuk membersihkan situs web Anda ketika diretas atau terinfeksi virus. Kami menyukai "Perbaiki Situs yang Diretas" CTA, tidak ada pertanyaan apa yang mereka ingin Anda lakukan ketika Anda tiba di beranda. Anda datang ke sini dengan masalah, mungkin situs web Anda sendiri diretas dan mereka dapat dengan mudah memperbaikinya untuk Anda.

Mereka memiliki gambar di sisi kanan komputer dan layar merah menunjukkan situs web yang diretas, mungkin terlihat persis seperti milik Anda sehingga Anda dapat dengan mudah mengaitkannya dengan masalahnya. Di kanan bawah mereka memiliki Obrolan Langsung dengan nomor telepon atau Anda dapat mengobrol dengan orang langsung untuk membantu Anda memperbaiki masalah. Obrolan langsung berwarna hijau untuk membuat Anda merasa aman dan nyaman berbicara dengan orang lain.

Warna Utama: Hitam, Putih, Hijau, Merah
Tagline: Kami Membersihkan dan Melindungi Situs Web
Slogan: Kami memperbaiki peretasan dan mencegah serangan di masa mendatang. Platform berbasis cloud untuk setiap situs.
Ajakan Bertindak (CTA 1): Perbaiki Situs yang Diretas
Ajakan Bertindak (CTA 2): Pelajari Lebih Lanjut

14. Mesin WP

WP Engine adalah perusahaan hosting WordPress yang terkenal, mereka memiliki beranda yang sangat bersih dan sederhana dengan slogan yang sangat besar yang memberi tahu Anda bahwa mereka adalah perusahaan hosting nomor satu untuk WordPress. Mereka menggunakan dua CTA, satu berwarna biru dengan pesan Rencana dan Harga dan lainnya adalah melihat semua produk kami. Mereka menggunakan gambar ilustrasi yang sangat bagus di sebelah kanan yang menunjukkan kepada Anda kecepatan, analitik, dan obrolan.

Mereka memiliki logo perusahaan populer lainnya yang menggunakan produk mereka untuk membuat Anda merasa aman bahwa perusahaan seperti Volvo, yelp, petco juga menggunakan WP Engine untuk meng-host situs web mereka. Beranda bersih dan sederhana, mereka juga memiliki obrolan cinta di sisi kanan bawah jika Anda perlu mengajukan pertanyaan.

Warna Utama: Hitam, Putih, Torsi, Biru
Tagline: Tingkatkan kreativitas Anda di platform #1 untuk WordPress
Slogan: Pilih solusi hosting WordPress terbaik untuk bisnis Anda
Ajakan Bertindak (CTA 1): Paket dan Harga
Ajakan Bertindak (CTA 2): Lihat semua produk

15. United HealthCare

United Healthcare salah satu situs web terbesar untuk perawatan kesehatan dan cakupan kesehatan. Situs web yang tampak sangat bersih, mereka menggunakan gambar keluarga yang tersenyum dan mengambil selfie, mereka terlihat bahagia dan aman. Situs web menggunakan slogan yang bagus "Dapatkan rencana kesehatan untuk Anda dan keluarga Anda" langsung ke intinya, di bawahnya Anda memiliki CTA "Temukan rencana Anda" setelah Anda mendarat di situs web ini, itu membuat Anda merasa aman dan Anda ingin tinggal di sini dan jelajahi lebih banyak opsi.

Warna Utama: Putih, Torsi, Biru
Tagline: Dapatkan paket kesehatan untuk Anda dan keluarga, di setiap usia dan tahap
Slogan: Masih ada waktu untuk mendapatkan liputan untuk tahun 2022
Ajakan Bertindak (CTA 1): Temukan rencana Anda
Ajakan Bertindak (CTA 2): Dapatkan bantuan untuk menemukan rencana

16. Tema Elegan

Tema elegan salah satu pembuat halaman WordPress terbesar, memiliki beranda indah yang sangat elegan dan menarik, fokus pada teknologi dan perangkat lunak. Dengan tagline besar dan juga ajakan bertindak yang sangat menonjol dalam warna pink. Mereka menggunakan gambar yang sangat bagus di sebelah kanan dengan slogan yang bagus "investasikan di masa depan Anda" penggunaan tipografi dan ilustrasi yang bagus.

Mereka juga menggunakan ikon obrolan langsung di kanan bawah, jika Anda memiliki pertanyaan khusus. Mereka sangat spesifik dalam menargetkan audiens mereka dengan diskon 10%.

Warna Utama: Biru, Merah Muda, Putih
Tagline: WordPress Dilepaskan
Slogan: Tema WordPress Paling Populer Di Dunia Dan Pembuat Halaman Visual Terbaik
Ajakan Bertindak (CTA 1): Buka Kunci Kekuatan Divi
Ajakan Bertindak (CTA 2): Harga

17. Lyft

Lift adalah penyedia mobil/taksi besar lainnya dengan desain beranda minimalis dan canggih. Logo seperti di hampir semua beranda desain sumur ada di sudut kiri atas, logo Lyft berwarna merah muda cerah sehingga sangat menonjol. Di tengah Anda memiliki gambar pengemudi wanita dengan penumpang di belakang. Setelah Anda mendarat di beranda ini, Anda tahu persis apa yang mereka coba sampaikan kepada Anda.

Dengan tagline besar “Let's ride” dan ajakan bertindak, terapkan yo drive atau sign up to ride, Anda memiliki dua opsi untuk menjelajah lebih jauh. Desain yang sangat bersih dan minimal dengan penggunaan font dan foto yang bagus dari orang-orang seperti Anda.

Warna Utama: Hitam, Merah Muda, Putih
Tagline: Ayo Berkendara
Slogan: Atur jam Anda sendiri. Hasilkan dengan persyaratan Anda sendiri.
Ajakan Bertindak (CTA 1): Terapkan untuk mengemudi
Ajakan Bertindak (CTA 2): Daftar untuk naik

18. Starbucks

Starbuck mungkin tidak perlu diperkenalkan karena mereka adalah kedai kopi terbesar di dunia, saya pribadi menyukai kopi Starbuck dengan begitu banyak variasi. Fokus Starbucks adalah pada kopi untuk pecinta kopi. Karena logo berwarna hijau, sebagian besar desain beranda berwarna hijau dan hijau muda. Mereka menggunakan gambar seorang pria tersenyum ketika dia baru saja menerima secangkir kopinya, gambar lain di bawahnya adalah dua kopi cappuccino yang membuat Anda ingin mendapatkan sendiri.

Mereka ingin Anda menjadi anggota Starbuck dengan CTA, bergabunglah sekarang dan dapatkan hadiah, penggunaan gambar, warna, dan tagline yang bagus "Pilih suasana hati Anda" berdasarkan kopi Anda.

Warna Utama: Hitam, Hijau, Coklat
Tagline: Pilih suasana hati Anda
Slogan: Tambahkan ledakan kegembiraan ke hari Anda
Ajakan Bertindak (CTA 1): Gabung Sekarang
Ajakan Bertindak (CTA 2): Jelajahi menu musim dingin

19. Zoom

Zoom platform terbesar untuk rapat online, ini sangat bersih dari beranda, mereka menggunakan slider besar dengan tes dan CTA di sebelah kiri dan video di sebelah kanan dengan orang-orang saling terhubung dengan konferensi video Zoom.

CTA berwarna oranye dengan teks putih "Daftar gratis" atau Anda dapat mencari harga dan paket. Tidak ada pertanyaan tentang apa yang mereka lakukan dan apa yang mereka ingin Anda jelajahi lebih lanjut dengan mendaftar ke produk mereka.

Warna Utama: Hitam, Putih, Biru
Tagline: Pusat Pembelajaran Zoom
Slogan: Zoom adalah untuk Anda
Ajakan Bertindak (CTA 1): Daftar gratis
Ajakan Bertindak (CTA 2): paket dan harga

20. Mint

Mint adalah aplikasi nomor 1 untuk keuangan pribadi yang dibuat sederhana hanya untuk Anda. Beranda sangat bersih dan langsung ke intinya, dengan tagline besar "Mengelola Uang" dan gambar besar orang yang memegang telepon menunjukkan betapa mudah dan sederhananya aplikasi ini. Sangat bagus menggunakan warna hijau karena melambangkan uang.

Warna Utama: Hitam, Hijau, Hijau Muda
Tagline: Mengelola uang, dibuat sederhana
Slogan: Sampaikan salam pada aplikasi yang menghilangkan keuangan pribadi
Ajakan Bertindak (CTA 1): Mendaftar ke Mint
Ajakan Bertindak (CTA 2): App Store atau Google Play

21. AirBnB

Jika Anda pernah pergi berlibur, Anda mungkin tahu airbnb sebagai alternatif hotel mana pun. Anda dapat memesan tempat mana pun di negara atau negara bagian mana pun dan tinggal sebagai rumah, apartemen, atau kamar seseorang. Website berwarna hitam dengan tagline dominan putih “not sure to go” dan CTA “I'm flexible” Ada gambar besar seorang pria berdiri di kubah di pegunungan, penggunaan gambar kreatif yang bagus.

Situs web ini hampir 90% hitam dengan putih menjadi titik dominan dan fokus. Tampilan yang sangat modern dan elegan.

Warna Utama: Hitam, Putih
Tagline: Tidak yakin harus ke mana? Sempurna.
Slogan: Inspirasi untuk perjalanan Anda berikutnya
Ajakan Bertindak (CTA 1): Saya fleksibel
Ajakan Bertindak (CTA 2): Tidak ada

22. Mama

MoMa salah satu museum paling populer di dunia jika Anda seorang desainer atau kreatif, ini adalah salah satu museum yang harus Anda kunjungi. Beranda sangat kreatif seperti yang Anda harapkan dari museum modern. Mereka menggunakan warna yang sangat cerah dengan fokus pada pameran saat ini.

CTA adalah untuk memesan tiket Anda atau mempelajari lebih lanjut tentang apa yang dipajang pada tanggal dan waktu saat ini. Gambar besar memberi Anda gambaran sekilas tentang apa yang akan Anda lihat saat mengunjungi tempat itu. Penghormatan MoMa sangat kreatif dan unik sehingga Anda dapat memiliki situs web yang unik dan masih memiliki CTA untuk memberi tahu pengunjung apa yang harus dilakukan selanjutnya dan bagaimana menjelajahi situs Anda lebih jauh lagi. Mengapa tata letak ini berhasil karena mereka tahu audiens mereka adalah profesional kreatif dengan visi abstraksi dan seni.

Warna Utama: Hitam, Putih, Hijau, Ungu
Tagline: Kami berharap dapat melihat Anda
Slogan: Rencanakan kunjungan Anda
Ajakan Bertindak (CTA 1): Pesan tiket berjangka waktu
Ajakan Bertindak (CTA 2): Pelajari lebih lanjut

Desain beranda musim panas

Kami menjelajahi banyak beranda desain terbaik dengan penjelasan terperinci tentang apa yang berhasil dan mengapa itu adalah contoh sempurna tentang bagaimana beranda Anda seharusnya terlihat dan apa yang harus menjadi fokus utama Anda saat mendesain situs web Anda.

Cara terbaik saat memulai situs web baru Anda adalah dengan melakukan riset tentang pengunjung seperti apa yang akan Anda coba tarik, apakah mereka profesional, berorientasi keluarga, atau kreatif yang menyukai situs yang menyenangkan dan unik? Melakukan penelitian UI/UX yang ekstensif akan membantu Anda menentukan seperti apa tampilan beranda Anda dan tidak membingungkan audiens Anda. CTA Anda harus berada di tempat yang menonjol agar mereka tahu mengapa mereka harus mengeklik dan melakukan tindakan apa pun di situs Anda.

Menggunakan foto, ilustrasi, atau video singkat akan memberi Anda keuntungan dari tujuan visual karena pengunjung Anda bahkan sebelum mereka membaca tagline Anda akan tahu tentang apa situs Anda. Pastikan untuk menggunakan font yang besar dan pesan yang bersih sehingga Anda tidak membingungkan pengguna Anda. Jangan menambahkan terlalu banyak CTA satu atau dua harus cukup untuk pertama kali pengunjung mengklik, jika Anda memberi mereka terlalu banyak pilihan mereka tidak akan tahu apa yang harus dilakukan sehingga Anda perlu menghindari kesalahpahaman.

Simpan informasi terpenting Anda di paro atas, karena kebanyakan orang tidak akan menggulir situs web Anda ke bawah, sebagian besar tindakan akan terjadi di paro atas sehingga itu adalah fokus utama Anda