30 Contoh Indah Situs Web yang Dibangun dengan Pembuat Situs Webflow (2023)

Webflow adalah alat desain web dalam browser visual yang memungkinkan pengguna membangun situs web tanpa pengkodean apa pun menggunakan antarmuka drag-and-drop yang akan terlihat familier bagi pengguna Photoshop. Situs web yang dibuat di Webflow berfungsi seperti situs web yang dibuat khusus dan dapat dibuat dari template yang sudah ada sebelumnya atau dirancang dari awal.

Pembangun situs web seperti Squarespace dan Wix berguna untuk pemula yang lengkap, tetapi terbatas untuk orang yang memiliki keterampilan desain untuk membuat situs web yang bagus tetapi tidak memiliki keterampilan pengkodean. Sebagian besar pembuat situs web seret dan lepas juga tidak memiliki kemampuan CMS platform seperti WordPress. Webflow adalah upaya ambisius untuk menjembatani kesenjangan antara berbagai alat ini.

Webflow adalah alat visual yang menghasilkan situs web yang dikodekan dengan benar dengan cara yang bersih, memuat cepat, dan responsif. Ini tidak biasa karena pembuat situs visual drag-and-drop terkenal karena menghasilkan kode yang membengkak dan situs web yang lambat dimuat.

Selain itu, Webflow menawarkan hosting untuk situs web Anda termasuk area pementasan dan SSL sehingga yang Anda butuhkan untuk membuat situs Anda online hanyalah nama domain.

Ingin mencoba Webflow? Anda dapat menggunakan platform ini secara gratis selama yang Anda suka dan hanya membayar saat Anda siap untuk meluncurkan situs Anda. Anda dapat mendaftar di sini.

Cara terbaik untuk melihat kemungkinannya adalah dengan melihat beberapa contoh situs web yang dibangun di Webflow. 30 situs web berikut dipilih secara khusus oleh kami untuk menunjukkan fleksibilitas, kekuatan, dan kreativitas platform Webflow.

1. Air adalah Hak Asasi Manusia

Halaman kampanye yang diluncurkan pada Hari Air Sedunia ini menggunakan efek animasi yang berani untuk menarik perhatian pada fakta dan angka dengan cara yang jauh lebih efektif daripada desain statis.

2. Lingkaran

Circle adalah platform pembelajaran online yang membantu usaha kecil dan solopreneur belajar tentang WordPress dan Ecommerce. Skema warna pastel dan ilustrasi yang menarik memberi kesan ramah dan mudah diakses pada situs ini.

3. Zyrkle

Webflow adalah platform situs web yang ideal untuk menampilkan karya produksi suara dan pencahayaan Zyrkle. Desain sederhana berdampak besar dengan video layar penuh dan efek gulir yang menarik.

3. Matteo Fabbiani

Desainer merek Italia Matteo Fabbiani menggunakan elemen desain dinamis dari situs webnya yang dibuat di Webflow untuk mencerminkan proses kerjanya sendiri. Halaman "tentang" -nya pasti layak untuk dilihat, dengan garis waktu visual yang mengesankan dari sejarah kariernya.

4. Mermarke

Memamerkan kemampuan Webflow untuk situs e-niaga, merek kecantikan Mermarche menempel pada palet warna yang bersahaja dan berfokus pada tipografi untuk tampilan keseluruhan yang klasik dan feminin.

5. Perusahaan Sari Tennessee

Tampaknya semua situs Webflow dipenuhi dengan animasi mewah dan efek khusus, tetapi situs web Tennessee Cider Company adalah contoh bagus dari situs web bermerek sederhana yang benar-benar berfungsi. Keranjang belanja yang mudah digunakan dan peta yang menunjukkan lokasi pengiriman memudahkan berbelanja online.

6. Logika Pemuda

Agensi Gen Z Youth Logic menggunakan skema warna sederhana dan grafik retro agar menonjol dari para pesaingnya. Efek gulir yang halus mendorong pembaca untuk tetap berada di halaman. Layar slide berwarna biru di setiap pemuatan halaman menekankan branding agar lebih mudah diingat.

7. Bisa ditanam

Plantible adalah perusahaan biologi dengan misi meningkatkan kesehatan dan umur panjang umat manusia melalui makanan nabati. Skema warna yang segar dan citra yang bersih memberikan nuansa modern dan progresif ke situs yang sama sekali tidak membosankan untuk dijelajahi

8. Meteran

Webflow adalah alat desain tetapi berfungsi dengan baik untuk situs web bisnis seperti halnya untuk situs kreatif. Desain pengguliran panjang yang digunakan oleh perusahaan internet Meter memamerkan efek animasi Webflow dengan desain yang bersih dan mudah dinavigasi.

9. Emma.ca

Emma adalah perusahaan asuransi jiwa Kanada yang menggunakan Webflow untuk membuat dan menghosting situs web mereka dalam versi bahasa Inggris dan Prancis. Situs tersebut menyertakan database nama-nama bayi yang dibangun di Webflow CMS untuk menarik lalu lintas mesin telusur dari basis pelanggan utama mereka – ibu baru dan calon ibu.

10. Usaha yang Tidak Biasa

Perusahaan modal ventura Unusual Ventures menggunakan ilustrasi unik dan efek animasi agar menonjol dari para pesaingnya dengan situs web yang mudah diingat yang juga memberikan pengalaman pengguna yang luar biasa.

11. Olliver

Situs Webflow portofolio yang unik dan menyenangkan ini menggunakan efek pengguliran animasi dalam format penceritaan untuk mempertahankan waktu di halaman tetap tinggi dan menonjol dari persaingan.

12. Fotografi Mack & Pouya

Situs web fotografer pernikahan sering kali mengikuti desain formula, tetapi bukan yang ini! Semua orang ingin pernikahan mereka menjadi unik dan dengan menonjolkan merek unik mereka dengan desain cerah dan retro ini, Mack & Pouya membedakan diri mereka dari fotografer lain. Situs Webflow ini juga menampilkan kalkulator harga interaktif yang inovatif.

13. Aliran web pada tahun 2022

Jika Anda ingin mendapatkan ikhtisar yang baik tentang apa yang mungkin di Webflow, ada baiknya memeriksa situs ulasan 2022 ini oleh tim Webflow lengkap dengan situs web terbaru yang dibuat di Webflow, warna psikedelik, efek hover, grafik animasi yang diaktifkan dengan gulir, dan banyak sekali statistik.

14. Oreo Jaringan yang Menyenangkan

Di awal penguncian karena pandemi COVID-19, Oreo meluncurkan kampanye iklan parodi yang mengolok-olok klaim yang dibuat oleh perusahaan telekomunikasi. Situs web yang dibuat di Webflow ini efektif dalam memperkuat merek Oreo dan membangun lalu lintas sosial dengan permainan dan resep yang menyenangkan.

15. Distrik Mahkota

Crown District menggunakan video layar penuh dan blok teks animasi untuk membuat situs web yang menarik dan mengundang untuk dijelajahi. Seluruh situs web dapat dibuka di backend Webflow sehingga Anda dapat melihat bagaimana semuanya disatukan.

16. Michael Kors

Michael Kors adalah salah satu dari beberapa merek ternama yang menggunakan Webflow untuk situs resminya. Situs ini menampilkan beberapa gaya galeri gambar dan spanduk video layar penuh.

17. Dwellito

Dwellito adalah pasar online untuk rumah cetakan. Desain situs menggunakan gambar layar penuh untuk memamerkan produk mereka, dengan tata letak berbasis grid yang jelas dan sederhana untuk menjelajah dan berbelanja.

18. Alat Pena

Alat Pena meramaikan tata letak yang sederhana dan statis dengan warna dan tipografi yang berani, kursor animasi khusus, dan efek hover. Hasilnya sangat cocok untuk target pasar materi iklannya.

19. Oleh Alice Lee

Illustrator Alice Lee menggunakan desain situs minimal untuk menarik perhatian pada portofolionya yang unik. Efek hover paralaks pada gambar pahlawan menjaga perhatian pengguna lebih lama.

20. Fotografi Emma Rose

Desain portofolio Webflow ini menggunakan gambar berlapis dan efek pengguliran paralaks untuk menghidupkan karya fotografer Emma Rose. Tautan menu halus ke halaman informasi sementara kategori portofolio ditampilkan dalam blok warna tebal.

22.Ujet

Animasi dan efek bergulir Webflow sempurna untuk situs web merek skuter inovatif Ujet. Sedangkan navigasinya jelas, mudah digunakan, dan terlihat setiap saat.

22. Toko Kue Kubo

Kubo Patisserie menggunakan fotografi yang bersih, cerah, dan desain situs minimal untuk membuat situs web yang menarik yang memamerkan kue-kue lezat merek ini dengan sempurna. Ada banyak pemikiran yang masuk ke setiap halaman produk individu di situs eCommerce ini.

23. Orang jahat

Situs penggemar yang didedikasikan untuk film The Goonies ini menggunakan animasi dan efek bergulir untuk menciptakan pengalaman yang sepenuhnya imersif bagi pengguna.

24. Memanggil Keberanian

Call On Courage adalah sebagian portofolio, sebagian toko online, dengan penggunaan video yang cerdik untuk menarik perhatian ke berbagai elemen. Yang paling efektif adalah tombol "Talk to me" dengan video latar belakang pembicaraan pemilik situs.

25. Cina Digital

Mendobrak batasan desain web, situs mini ini mengiklankan program bisnis di Utrecht University of Applied Sciences menggunakan ilustrasi bergaya video game dan efek hover untuk menghadirkan kesenangan dan minat pada jenis informasi yang biasanya ditampilkan di perusahaan standar. tata letak.

26. Tebal dan Tipis

Situs yang menyenangkan dan penuh warna ini memuat bagian layar penuh saat memuat, membuat pengalaman menjelajahi situs serupa dengan membolak-balik majalah. Animasi dan video yang menyenangkan juga membuat pengalaman menjadi lebih interaktif dan menarik.

27. Grafis Ls

Pasar digital untuk mockup dan ilustrasi ini menggunakan desain berbasis grid bersih untuk menampilkan produknya tanpa animasi atau efek gulir yang mengganggu.

28. Sajikan

Situs web biro desain web dan cetak ini menggunakan ilustrasi dengan efek pengguliran paralaks halus untuk menarik perhatian ke bawah halaman ke konten unggulan mereka. Desain web minimal tetap fokus pada pekerjaan.

29. Disko

Platform budaya perusahaan Disco menggunakan ilustrasi yang menyenangkan dan efek transisi untuk menghidupkan situs webnya. Skema warna biru dan putih yang dicadangkan dan tata letak yang sungguh-sungguh menyeimbangkan semuanya sehingga tidak tampak kekanak-kanakan.

30. Aliran siang hari

Situs web Dayflow adalah contoh lain bagaimana Webflow sangat cocok untuk ilustrator dan materi iklan lainnya, memberi mereka kekuatan untuk membuat situs web yang memamerkan karya mereka tanpa memerlukan keterampilan pengkodean.