Diskon Tahun Baru:

DISKON hingga 69 %

05

:

10

:

19

:

29

Semua Topik
Blog eCommerce Desain Esensial Ide Usaha Inspirasi Pemasaran Tips Berbisnis

21 Contoh Website One Page Populer di 2022

contoh website one page

Website one page atau website satu halaman kini semakin populer di berbagai kalangan niche bisnis. Jika Anda sedang mencari contoh website one page, maka Anda ini adalah artikel yang tepat untuk Anda.

Desain website one page memang sederhana dan menarik. Namun, bagaimana caranya ya memuat semua informasi tentang brand Anda hanya dalam website satu halaman?

Nah, di artikel ini Anda akan melihat 21 contoh desain website one page yang menarik dan populer di 2021.

Tanya jawab website one page

Apa itu website one page? Website one page adalah situs yang terdiri hanya dari satu halaman HTML. Website one page memiliki desain yang intuitif, sehingga pengunjung situs dapat menjelajahi website dengan mengklik tautan/tombol dan menggulir halaman situs.

Mengapa Anda harus memiliki website one page? Situs satu halaman lebih cepat dibuat dan mudah dikelola. Selain itu, pengunjung situs dapat mengetahui semua informasi penting tentang bisnis Anda hanya dalam satu halaman.

Berapa biaya pembuatan website one page? Dengan website builder Zyro, Anda dapat membuat website one page yang juga menyediakan template html mulai dari harga Rp11.800/bulan hingga Rp108.500/bulan.

21 inspirasi website satu halaman

Website satu halaman sangat memudahkan pengunjung situs Anda. Pertama, mereka bisa langsung menemukan konten utama Anda. Kedua, pengunjung tidak perlu membutuhkan waktu lama untuk menunggu loading halaman.

Dari segi desain, website satu halaman secara visual dapat lebih memukau dan berkesan bagi pengunjung. Ada banyak opsi template siap pakai di website builder yang bisa Anda pilih untuk membuat website one page Anda sendiri.

Berikut ini adalah 21 contoh website one page menarik untuk menginspirasi Anda.

1. Arroyo

contoh website one page

Desain: modern

Tampilan Arroyo terdiri dari gambar penuh sebagai latar belakang dengan tambahan teks dan tombol ajakan bertindak (CTA).

Saat Anda menggulirkan halaman, Anda dapat menemukan informasi lebih detail tentang suatu acara. Mulai dari informasi tentang pembicara webinar, FAQ hingga akun media sosial, semuanya bisa Anda temukan hanya dalam satu halaman.

Arroyo adalah salah satu contoh template website. Nah, ini adalah pilihan template awal yang bagus jika Anda ingin mulai membangun website one page.

Kunci keberhasilan: Area desain yang luas, pilihan warna yang menarik, dan bagian informasi kontak yang jelas.

2. Joplin

contoh website one page

Desain: minimalis

Ini adalah salah satu desain website satu halaman yang cocok untuk bisnis kecil, website portofolio, atau agensi pemasaran digital. 

Template website Joplin dibuat berdasarkan desain website one page yang bersih dan minimalis. Jadi, gambar berukuran besar dan bagian yang berbeda didesain khusus untuk mengarahkan perhatian pengunjung ke bagian bawah website. 

Nuansa krem beige pada latar belakang membuat konten dan bagian-bagian pada website mudah dilihat di mata pengunjung. 

Kunci keberhasilan: Penggunaan warna yang tepat untuk memisahkan bagian yang berbeda.

3. Sugaro 

contoh website one page

Desain: playful

Tahukah Anda bahwa website bisnis mulai beralih ke website satu halaman?

Sugaro adalah contoh website one page yang cocok untuk bisnis kecil. Dengan template ini, website bisnis akan terlihat lebih profesional.

Dengan ukuran halaman yang lebar, penuh, dan tidak terlalu panjang, pengunjung dapat menggulir website dengan cepat dan mudah tanpa melewatkan informasi apa pun.

Meskipun tidak ada bagian formulir kontak, tombol kontak terhubung langsung ke email Anda. Jadi, pelanggan akan lebih mudah untuk menghubungi Anda .

Kunci keberhasilan: Bagian halaman lebar penuh (full-width) dan area teks untuk tampilan copy yang singkat dan padat.

4. Barney

Desain: Modern

Barney adalah perusahaan dari Prancis yang berspesialisasi dalam bidang pemodelan 3D. Itulah mengapa tampilan loading pada website mereka menampilkan fitur 3D yang sangat indah.

Situs ini sangat mengutamakan pengalaman pengguna. Untuk membuat pengunjung memahami kelebihan mereka, Barney menampilkan desain visual yang berkualitas di setiap klik.

Daripada hanya memberi tahu pengunjung tentang kelebihan desain 3D, Barney berhasil membuat pengunjung merasakan sendiri kelebihan desain visual 3D.

Kunci keberhasilan: Desain yang menunjukkan layanan profesional yang diutamakan perusahaan.

5. The Rafael

Desain: hitam dan putih

Desain website one page juga cocok untuk bisnis temporer. Contohnya adalah The Rafael, situs properti yang mengiklankan apartemen di New York.

Di bagian atas halaman ada ilustrasi bangunan The Rafael itu sendiri. Jika Anda mengarahkan kursor ke gambar bangunannya, maka warna jendela akan berubah.

Ikon panah sederhana di sebelah kiri secara tidak langsung ‘mengarahkan’ pengunjung untuk menggulir ke bagian bawah website. Dengan sekali scroll, pengunjung dapat melihat informasi tentang lingkungan di sekitar properti, fasilitas, dan denah lantai.

Desain website one page ini juga menerapkan parallax effect. Efek ini membuat gambar atau konten di bagian depan bergerak lebih cepat dibandingkan gambar di bagian latar belakang. Hasilnya, saat pengunjung menggulir halaman situs, konten gambar akan terlihat bergerak dan membuat website terlihat lebih hidup.

Kunci keberhasilan: Desain spesifik suatu brand dan parallax scrolling

6. Shoma Bazaar

Desain: modern

Ini adalah salah saru contoh website satu halaman yang bagus dan responsif.

Dengan menu navigasi yang besar di bagian atas halaman, pengunjung Shoma Bazaar akan lebih mudah menjelajahi semua aspek bisnis ini.

Desain dengan skema warna matte mengajak pengunjung untuk lebih mengenal Shoma Bazaar tanpa merasa kewalahan.

Ada banyak gambar menarik yang ditampilkan di seluruh halaman, disertai dengan tulisan misi Shorma Bazaar yang dicetak tebal dan tombol CTA yang jelas.

Bagian bawah website dilengkapi dengan tampilan formulir kontak yang sederhana.

Kunci keberhasilan: Skema warna yang kontras membuat pengguna tetap tertarik untuk melihat konten website

7. Upstate Laundromat

Desain: sederhana

Selain contoh website one page dengan desain menonjol, kami juga memiliki contoh website dengan desain yang lebih sederhana.

Salah satunya adalah website Upstate Laundromat. Website one page yang elegan ini yang menawarkan layanan laundry di Carolina Selatan. Walaupun berisi informasi yang berguna bagi pengunjung, desain situs ini masih kurang responsif.

Pada landing page, Anda dapat melihat menu navigasi di bagian atas. Tampilan website dipenuhi dengan nuansa warna merah, putih dan biru.

Ilustrasi yang ditampilkan mengarahkan pengunjung untuk melihat layanan yang tersedia. Sedangkan tombol CTA didesain mencolok untuk membantu pengunjung menemukan lokasi Upstate Laundromat.

Jika Anda suka desain webiste yang sederhana, ini adalah salah satu contoh halaman yang bagus untuk Anda ikuti.

Kunci keberhasilan: Bar menu di bagian atas tetap memudahkan pengunjung untuk menjelajahi website

8. Olivier Guillard

Desain: minimalis

Di awal membuka situs ini, pengunjung akan melihat desain dengan teks berukuran besar yang menampilkan Olivier Guillard, web desainer pemilik situs ini.

Jika Anda menggerakkan kursor di area halaman website, gambar hasil karya desainer akan muncul di belakang teks.

Website satu halaman ini benar-benar bersih dan sederhana. Dengan begitu, masih ada ruang yang cukup untuk konten yang lebih lucu di bagian bawah halaman.

Saat Anda mengarahkan kursor ke alamat email desainer, sekumpulan emoji akan muncul dan menyebar ke seluruh halaman.

Dengan desain minimalis yang menyenangkan, situs ini harusnya dapat menjadi inspirasi web desainer lainnya.

Kunci keberhasilan: Posisi teks atau copy dan interaksi kecil yang membuat pengunjung tetap menggulir halaman website

9. Weinbau Strenger

Desain: modern

Jika Anda mencari desain website satu halaman yang elegan, website khusus minuman anggur ini mungkin sesuai dengan keinginan Anda. 

Weinbau Strengere adalah contoh bahwa website one page dapat digunakan untuk bisnis apa pun. Dengan desain yang sangat responsif, website one page sangat cocok untuk pengecer minuman anggur ini.

Kami senang dengan tampilan situs yang menunjukkan pemilik Weinbau Strenger. Jika memang sesuai dengan brand Anda, jangan takut untuk menampilkan konten pemilik website ke dalam desain.

Di situs ini, pengunjung dapat dengan mudah menjelajahi area website. Semakin banyak pengguna yang menggulir laman, semakin banyak pula konten yang akan muncul.

Kunci keberhasilan: Latar belakang putih membuat foto produk terlihat bagus

10. 94 Photography

Desain: hitam dan putih

Website satu halaman yang satu ini menampilkan portofolio dua fotografer dengan tampilan visual yang menakjubkan.

Desain website membuat foto dapat ‘langsung berbicara’ ke pengunjung. Jika Anda memiliki banyak gambar untuk ditampilkan, terkadang kesederhanaan adalah kuncinya.

Untuk menghindari penggunaan halaman lain, gambar dapat diperbesar dengan sekali klik. Kursor yang berubah menjadi ikon + besar juga membuat tindakan perbesar gambar jadi lebih intuitif.

Untuk melihat alamat email pemilik situs, arahkan kursor ke kata ‘hello’ di bagian bawah halaman.

Kunci keberhasilan: Tampilan grid memudahkan pengunjung untuk melihat sebagian besar konten foto sekaligus

11. Ribalta

Desain: kontemporer

Ribalta adalah salah satu website dengan desain terbagus di daftar ini. Website one page ini adalah milik sebuah restoran Portugis.

Situs ini menegaskan bahwa website satu halaman tidak perlu diisi dengan banyak konten. Dengan tampilan sederhana, situs ini dapat menjadi menarik.

Selain menggunakan fitur responsif, pemilihan warna dan foto yang bagus juga adalah kunci tampilan website yang menarik. Ditambah dengan latar belakang yang bersih, pengunjung bisa dengan mudah menjelajahi isi website ini.

Ingin tahu bagaimana cara website restoran menerima reservasi hanya dengan satu halaman? Ikuti tips dari Ribalta.

Saat pengunjung mengklik tombol CTA untuk reservasi, formulir akan otomatis muncul dari bagian atas halaman.

Kunci keberhasilan: Branding bisnis kecil yang ditampilkan jelas di seluruh website

12. We Ain’t Plastic

Desain: minimalis

Desain landing page pada website one page ini cukup sederhana tetapi sangat efektif. Pengunjung langsung disambut dengan tampilan gambar utama, disertai dengan teks tebal berukuran besar saat halaman digulir ke bawah.

Seperti website satu halaman lainnya, perusahaan ini menaruh bagian kontak di bagian bawah halaman. Dengan cara ini, calon pelanggan dapat menghubungi Anda dengan mudah. 

Kunci keberhasilan: Desain yang mencerminkan dan sesuai dengan nilai dan misi perusahaan

13. Marty

contoh website one page

Desain: playful

Marty adalah contoh website portofolio profesional yang masuk di daftar ini. 

Dengan navigasi keyboard website one page ini menjadi contoh desain UX yang keren dan menyenangkan untuk menampilkan hasil karya dan keahlian seseorang.

Kunci keberhasilan: Desain UX dengan narasi khusus untuk membuatnya semakin menarik

14. Purple Orange

Desain: klasik

Website one page satu ini berhasil membuktikan bahwa testimoni pelanggan adalah salah satu cara terbaik untuk membangun kepercayaan target pasar.

Kunci keberhasilan: Menampilkan dan memberikan banyak informasi tentang pengalaman dan kisah sukses klien yang sudah menggunakan layanan

15. Every Last Drop

contoh website one page

Desain: Disertai alur cerita

Anda juga dapat membuat website satu halaman yang bertujuan untuk amal dan pendidikan. 

Website satu halaman dari Inggris ini menggunakan halaman yang dapat digulir untuk menyampaikan informasi dan mengajak pengunjung lebih peduli dengan penggunaan air. 

Kunci keberhasilan: Format website satu halaman yang dikembangkan secara kreatif untuk mendidik dan membagikan informasi

16. Cafe Frida

Desain: chic

Situs satu halaman adalah ide yang luar biasa dan mudah untuk bisnis kecil; contohnya saja French Cafe Frida.

Animasi bunga menambahkan sentuhan elegan ke website ini. Untuk melihat lokasi dan menu kafe, pengunjung hanya perlu menggulir halaman ke bawah.

Kunci keberhasilan: Desain website mencerminkan tampilan bisnis

17. Designer Trek 

Desain: Disertai alur cerita

Sedang mencari inspirasi untuk website acara?

Designer Trek memanfaatkan latar belakang warna-warni, gambar lebar penuh dan struktur website penuh narasi untuk mengajak pengunjung bergabung pada acara mereka. 

Kunci keberhasilan: Penggunaan warna dan gambar lebar penuh yang hebat

18. The Hen House

Desain: shabby chic

The Hen House adalah website bertema gelap untuk ruang studio band. Situs ini sangat bagus dalam menggunakan anchor link. Hasilnya, situs ini terasa jauh ‘lebih besar’ daripada website one page pada umumnya. 

Kunci keberhasilan: Anchor link membuat website seolah memiliki banyak halaman

19. The Art of Texture

contoh website one page

Desain: bersih

Bagian hero pada website ini sangat sederhana. Pengunjung dapat memilih antara dua tautan atau terus menggulir untuk mendapatkan informasi lebih lengkap tentang sebuah proyek. 

Dengan tidak menampilkan semua informasi penting di bagian atas, Anda mendorong pengunjung untuk tidak segera meninggalkan website. 

Kunci keberhasilan: Arahkan pengunjung untuk mengambil tindakan atau menggulir halaman website

20. Davide Baratta

contoh website one page

Desain: playful

Website portofolio Davide Baratta ini penuh dengan interaksi kecil yang mampu menambah kedalaman dan karakter sebuah situs. 

Untuk mendesain website seperti ini sudah pasti membutuhkan lebih banyak waktu dan tenaga.

Namun, jika Anda ahli di bidang UX/UI, tunjukkan kemampuan Anda dengan mendesain website one page yang menarik dan intuitif.

Kunci keberhasilan:  Interaksi mikro dan animasi membuat konten lebih menarik

21. Teapot

contoh website one page

Desain: hitam dan putih

Ini adalah bukti lain mengapa website one page sangat cocok untuk bisnis online. 

Agensi digital Prancis ini menunjukkan keahlian dan portofolio profesionalnya denagn desain web yang khas dan bilah menu vertikal. 

Dengan banyak interaksi mikro dan animasi, pengunjung tidak mungkin meninggalkan situs Anda begitu saja.

Kunci keberhasilan: Bilah menu vertikal memudahkan navigasi website

Tips membuat situs satu halaman

Sudah mendapat inspirasi untuk website satu halaman Anda?

Nah, sebelum Anda mulai membuat website one page, berikut adalah beberapa saran untuk Anda dalam mendesain website satu halaman:

  • Jangan gunakan terlalu banyak fitur. Website one page harus memiliki tampilan visual yang bagus. Namun, jangan rusak pengalaman pengguna dengan menggunakan terlalu banyak fitur pada situs Anda.
  • Urutkan konten secara intuitif. Gunakan fitur yang biasanya terlihat di halaman beranda seperti menu yang dapat diakses dan tombol CTA yang jelas. Tampilkan konten dalam urutan yang logis.
  • Cerminkan brand Anda. Aplikasikan warna, tipografi, dan nilai brand Anda saat mendesain website.

Lihat inspirasi desain website lainnya di artikel berikut ini:

Ditulis oleh

Avatar penulis

Shinta

Shinta tidak ingin ada yang tertinggal dalam perkembangan teknologi. Dengan tulisan sederhana, ia membagikan informasi bermanfaat seputar e-Commerce dan digital marketing. Di waktu senggangnya, Shinta suka menonton film dokumenter dan mempelajari bahasa baru.

Tinggalkan komentar

Alamat email Anda tidak akan ditampilkan. Semua kolom wajib diisi.

Siap buat website?