15 Ide Desain Situs Web untuk Situs Web Anda Berikutnya

Membuat situs web mungkin tampak sangat menantang ketika Anda berada pada tahap yang sangat awal. Namun, jika dirinci langkah demi langkah dan dipahami secara keseluruhan, prosesnya relatif sederhana. Tanyakan pada 5W (Who, What, Why, When, Who) dan 1H (How). Ini akan membantu Anda mendapatkan ide yang jelas tentang cara memulai.

Setelah Anda memahami dasar-dasar Anda, Anda harus fokus pada elemen "Bagaimana". Nilai estetika situs web Anda harus melengkapi layanan/manfaat yang Anda berikan kepada pengunjung Anda. Berbagai jenis desain web memenuhi tujuan yang berbeda. Berikut adalah daftar 15 situs web yang dapat Anda jadikan inspirasi untuk merancang situs web Anda berikutnya.

1. Permen:

Pin

Tujuan : Mint membantu individu dan perusahaan untuk mengelola semua tagihan dan akun mereka di satu tempat.

Fitur : Skema Warna.

Situs web dimuat dengan cepat dan mudah dinavigasi. Ia menggunakan skema warna logonya di seluruh situs, yang memperkuat identitasnya dan terlihat menyejukkan mata. Dengan pendekatan minimalis dan informatif, tata letak statis berfungsi paling baik karena memberikan informasi yang dibutuhkan dengan cara yang paling sederhana namun menarik, sehingga memudahkan pengunjung untuk memahami konten. Dengan menggunakan skema warna logo, perusahaan membuat pengunjung mengenal identitas merek. Skema warna juga membantu menciptakan tautan visual di benak para pengunjung. Misalnya, Jika Anda berpikir biru, dan Anda berpikir tentang situs web, Facebook akan muncul pertama kali di pikiran Anda. Oleh karena itu, Anda harus mempertimbangkan untuk memilih warna dengan bijak saat merancang situs web Anda berikutnya.

2. Dropbox: Pin

Tujuan : Dropbox dikenal dengan kemampuan menyimpan dan berbagi filenya. Ini menjadi tempat sentral untuk mengakses dan berbagi data untuk organisasi.

Fitur: Menggunakan animasi tutorial.

Website terlihat dinamis dan menarik. Ini menanamkan banyak warna yang saling melengkapi dengan baik. Apa yang lebih menarik tentang situs web ini adalah tutorial video yang mulai diputar dengan mulus saat menggulir situs ke bawah. Setiap video pendek menunjukkan kemampuan berbeda dari layanan yang disediakan dalam penggunaan waktu nyata, yang membantu pengunjung mendapatkan pratinjau pengalaman pengguna bahkan sebelum berlangganan layanan. Ini dapat membuktikan pentingnya, terutama jika situs web Anda akan berisi tentang sesuatu yang teknis yang mungkin diperlukan pengunjung Anda untuk merasa nyaman sebelum terlibat.

3. apel: Pin

Tujuan: Menyediakan berbagai layanan dan perangkat di bidang teknologi untuk menciptakan ekosistem yang mulus bagi penggunanya.

Fitur: CTA yang ditempatkan dengan cerdik

Situs web Apple adalah salah satu situs paling menarik yang pernah ada. Halaman beranda mereka selalu menampilkan peluncuran produk terbaru sepenuhnya dengan CTA yang berguna seperti menonton keynote yang memberikan informasi lebih lanjut. Ini adalah cara yang bagus untuk menghindari pengelompokan data yang dapat merusak estetika situs web. Itu juga membuat konten lebih mudah dipahami oleh pengunjung.

Remah roti berbicara tentang produk mereka secara mendalam. Desainnya elegan dan premium. Di seluruh situs web, ada CTA untuk mempelajari lebih lanjut atau Memesan untuk setiap produk yang tersedia di situs. Ini menunjukkan kepercayaan diri mereka, bahwa bahkan jika Anda akhirnya ingin mempelajari lebih lanjut produk, halaman tersebut juga akan memiliki CTA Pesanan, setelah Anda yakin.

4. Desain Caava: Pin

Tujuan: Ini adalah perusahaan Kreatif yang berspesialisasi dalam pengalaman branding, interaktif, dan pengemasan menjadi hidup.

Fitur: Tipografi.

Situs web memiliki banyak elemen menarik, seperti penggunaan warna yang berbeda dengan latar belakang yang menyenangkan yang membuat kesan pertama yang sangat baik. Karena mereka berada di bidang desain, mereka juga tidak segan untuk menunjukkan kreativitas mereka dengan font. Font utama yang mereka gunakan untuk desain mereka unik dan membedakannya dari perusahaan lain. Mereka menggunakan campuran font yang berbeda untuk membuat kontras yang juga membantu membatasi informasi penting dari yang kurang penting, jika pengunjung hanya membaca sekilas melalui situs web.

Tipografi membantu menciptakan identitas. Tipografi yang baik membantu mempertahankannya di benak pengunjung Anda. Meskipun ada berbagai cara menggunakan tipografi untuk mencapai hasil yang berbeda, Anda harus memahami niche Anda, dan memanfaatkan tipografi untuk mendesain situs web Anda.

5. Maemo:

Pin

Tujuan: situs web untuk restoran yang menggunakan produk lokal alami untuk membantu orang memahami lanskap dan budaya lokal melalui makanan.

Fitur: Pendekatan minimalis

Situs web ini sangat minim tetapi efektif dalam desainnya. Saat pertama kali melihat situs tersebut, Anda hanya akan melihat nama bisnis dan video selang waktu yang indah di latar belakang. Setelah itu Anda akan melihat opsi "Pesan Meja" di bagian kiri atas halaman. Antisipasi untuk mengetahui lebih banyak menciptakan rasa misteri bagi para pengunjung saat mereka mencoba menemukan hubungan antara lanskap yang berubah dan memesan meja. Ini memastikan keterlibatan bahkan sebelum Anda mulai berbicara tentang layanan Anda. Situs web secara keseluruhan mengikuti efek transisi yang menyenangkan dan mudah diikuti.

Anda harus memikirkan sesuatu yang serupa jika produk atau layanan Anda unik; itu memberi Anda keunggulan.

6. Perahu: Pin

Tujuan: Perahu adalah novel berbasis grafis interaktif tentang perjuangan dan perjalanan melarikan diri dari Perang Vietnam.

Fitur: Pengguliran Paralaks

Situs web ini merupakan adaptasi novel grafis dari sebuah cerita yang ditulis oleh Nam Le. Matt Huynh telah melakukan pekerjaan yang sangat baik dengan adaptasi sebagai keseluruhan situs web; benar dari awal sampai akhir sangat menarik. Anda merasa seperti sedang berpetualang, dan Anda adalah bagian dari cerita. Animasi yang digunakan sangat spektakuler, dan selanjutnya menunjukkan betapa efektifnya Parallax Scrolling untuk membuat situs web Anda lebih menarik. Jika Anda seorang novelis atau penyair, Anda dapat mengambil inspirasi dari situs web ini. Anda juga dapat menggunakan elemen pengguliran paralaks untuk bagian tertentu dari situs Anda jika tidak sepenuhnya untuk membuat penekanan pada area tertentu.

7. Pikirkan Quarterly-Google: Pin

Tujuan: Think quarterly adalah publikasi triwulanan Google dengan pandangan mereka tentang pergerakan dan tren web.

Fitur: Spasi Putih

Website adalah publikasi Google yang terjadi setiap triwulan. Ada banyak sekali konten di situs web ini karena membahas tentang tren yang sedang berlangsung di seluruh web setiap tiga bulan. Ini membuatnya lebih penting untuk memastikan bahwa konten tidak mencekik atau membebani pengunjung. Untuk mencapai ini, Anda perlu menggunakan elemen desain spasi putih. Seni meninggalkan ruang bernapas untuk membatasi satu bagian konten dari yang lain menambah daya tarik visual keseluruhan dari situs web berbasis teks.

8. Studio Bau:

Pin

Tujuan: Ini adalah studio kreatif global dengan kantor di seluruh dunia.

Fitur: Teks Arahkan Mouse

Ketika ada terlalu banyak informasi yang perlu dibagikan, menjaganya agar tetap menarik secara visual bisa menjadi sedikit menantang. Meskipun spasi putih adalah cara yang efektif untuk menangani masalah ini, terkadang Anda juga dapat menggabungkan fitur berguna lainnya seperti Teks Mouse-over. StinksStudios telah memanfaatkannya dengan sangat efektif. Menempatkan semua topik dalam satu kelompok yang dekat, mereka berhasil mengaturnya. Dengan mengikuti teks minimal yang diperlukan pada setiap ubin, mereka memastikan pembaca tahu apa topiknya pada saat yang sama; itu tidak merusak daya tarik visual halaman. Saat Anda mengarahkan mouse ke ubin yang berbeda, Anda mendapatkan cuplikan singkat yang menjelaskan lebih lanjut topik tersebut. Ini membantu pengunjung mendapatkan ide singkat tanpa harus melalui setiap ubin untuk mencapai ubin berikutnya. Anda harus secara khusus mempertimbangkan untuk menggunakan fitur ini jika bidang pekerjaan Anda didorong oleh konten.

9. Desa Anak SOS di India: Pin

Tujuan: SOS Children Villages adalah sebuah LSM yang bekerja untuk membantu anak-anak yang tidak memiliki orang tua atau kehilangan mereka dalam suatu kecelakaan yang tidak menguntungkan atau karena sebab lain.

Fitur: Tur Virtual

Situs web ini menggunakan banyak elemen desain untuk memberikan pengalaman menjelajah yang mulus. Karena ini adalah LSM, tujuan utama dari situs web adalah untuk membuktikan kredibilitas kepada pengunjung. Keaslian sangat penting untuk organisasi semacam itu. Dengan menambahkan plug-in untuk tur virtual, SOS CVI melakukan hal itu dengan tepat. Perjalanan membawa Anda ke salah satu ruang yang mereka buat yang ingin Anda kunjungi. Ada tombol navigasi untuk membantu Anda bergerak di sekitar desa, juga gerakan mouse untuk mengubah arah wisata. Tur virtual dapat menjadi cara yang bagus untuk membuat pengunjung Anda mengenal tempat kerja Anda atau layanan yang Anda tawarkan. Ini membantu menenangkan saraf mereka dan membiasakan diri dengan bisnis Anda yang kemudian menghasilkan pikiran terbuka dan positif saat menjelajahi situs web Anda.

10. SIBUR:

Pin

Tujuan: SIBUR adalah perusahaan petrokimia terintegrasi utama Rusia. Ini membeli dan memproses hidrokarbon menjadi elemen yang berbeda seperti plastik, karet alam, dll.

Fitur: Animasi

Situs web menggunakan beberapa animasi yang menarik di seluruh situs. Perusahaan ini digerakkan oleh teknologi di bidangnya, dan mereka ingin memastikan bahwa situs web mereka menyampaikannya. Animasi dapat menambahkan daya tarik visual ke situs web Anda karena berbeda dari konten sehari-hari Anda dan menambah nilai yang sama. Mereka memastikan situs web cukup menarik bagi pengguna dan pengalaman pengguna yang lebih baik secara keseluruhan saat menelusuri situs web.

11. BAUNFIRE: Pin

Tujuan: Baunfire adalah perusahaan desain dan pengembangan web yang membangun situs web dengan lalu lintas, keterlibatan, dan konversi yang baik sebagai tujuannya. Mereka membuat situs web ini untuk merek industri terkemuka dan bahkan perusahaan rintisan di Silicon Valley.

Fitur: Ilustrasi

Situs web ini memiliki bagian luar biasa yang mengingat semua pencapaian signifikan mereka di tahun 2017. Seluruh halaman memiliki ilustrasi menyenangkan yang menggunakan kumpulan ilustrasi yang sama untuk membuat cerita yang dapat diikuti oleh pengunjung. Dengan ilustrasi yang minim namun efektif, Baunfire membuat cerita menjadi menarik dan menggairahkan bagi pengunjung. Menggunakan ilustrasi dapat membantu meningkatkan estetika visual situs web, dan berkali-kali dengan anggaran yang layak juga. Ini memungkinkan Anda untuk membuat identitas untuk bisnis Anda yang memudahkan orang untuk mengingat Anda.

12. HELBAK:

Pin

Tujuan: Helbak Ceramics adalah lini produk keramik dari Malene Helbak yang menggabungkan kesederhanaan desain Skandinavia dengan warna-warna indah pada lini keramik.

Fitur: Fotografi Produk

Situs web ini sangat menenangkan. Palet warna konsisten namun tidak berulang. Karena ini adalah bisnis yang mengkhususkan pada produk tertentu, fotografi produk tidak hanya menjadi penting tetapi juga menarik bagi pengunjung. Bagaimana Anda menerapkan pemotretan produk di situs web Anda dapat membuat banyak perbedaan pada kualitas dan daya tarik situs web Anda. Anda harus mempertimbangkan untuk menambahkan resolusi yang tepat, foto produk yang disusun dengan baik jika Anda merancang situs web untuk menjual atau mempromosikan produk Anda.

13. Chownow: Pin

Tujuan: ChowNow adalah platform pemesanan makanan online. Ini menghubungkan pelanggan ke restoran lokal mereka.

Fitur: Testimonial

ChowNow adalah situs web yang melayani layanan populer saat ini; Pengantaran makanan. Ini membuatnya penting bagi mereka untuk mendapatkan kepercayaan dari pengunjung mereka karena interaksi mereka dengan Anda umumnya melalui ruang virtual. Testimonial bekerja paling baik untuk membangun kepercayaan dan kenyamanan secara virtual dengan pengunjung/pelanggan Anda. Situs web ditata dengan indah dengan desain yang tajam dan bersih yang tetap berlaku untuk halaman testimonial khusus mereka. Mereka telah memilih kesaksian format video yang seringkali tampak lebih asli dan lebih menarik minat pengunjung. Memiliki testimonial di situs web Anda adalah suatu keharusan mutlak, bahkan jika Anda berada di industri jasa atau memiliki profil Anda sebagai situs Anda. Kesaksian menambah nilai pada layanan/diri Anda dan memudahkan orang untuk mempercayai Anda.

14. Goldman Sachs:

Pin

Tujuan: untuk menyediakan berbagai layanan keuangan kepada klien yang beragam dan substansial yang mencakup perusahaan, pemerintah, dan individu.

Fitur: Infografis

Website ini didesain dengan sangat elegan. Pengalaman pengguna masuk mulus dan membutuhkan klik minimum. Semua informasi ditampilkan dan diatur dengan baik. Mereka memiliki halaman ikhtisar yang bagus, di mana mereka menggunakan infografis untuk menampilkan fakta dan angka mereka. Mengapa ini membantu karena infografis mudah untuk melihat elemen yang tidak hanya terlihat lebih menarik secara visual tetapi juga memungkinkan pengunjung untuk membaca sekilas data dan fakta penting.

15. TN Liburan: Pin

Tujuan: Situs web resmi untuk Departemen Pengembangan Turis Tennessee yang merupakan lembaga tingkat kabinet dalam pemerintah negara bagian Tennessee.

Fitur: Plug-in Google Map

Situs web ini secara estetika menyenangkan mata. Penggunaan tipografi yang tepat, gambar yang relevan, dan warna yang mencolok sesuai dengan nuansa perjalanan, yang merupakan layanan yang disediakan. Mereka memiliki integrasi peta Google di mana Anda dapat dengan mudah melihat semua properti mereka yang tersedia di suatu wilayah dan juga menavigasi jalan Anda ke sana. Fitur ini penting untuk dimiliki di situs web Anda jika Anda adalah perusahaan/individu yang digerakkan oleh kantor dan ingin menarik pengunjung ke kantor Anda. Menambahkan peta Google membuat Anda lebih mudah dijangkau.

Dan inilah kami, di akhir daftar kami! Inti utama dari artikel ini adalah Anda harus menjaga dua elemen besar: UI/UX. Sasaran keseluruhan Anda adalah menciptakan pengalaman yang lancar dan produktif bagi pengunjung yang mengunjungi situs Anda. Menggunakan tips ini akan sangat membantu.