10 Situs Web Interaktif untuk Inspirasi
Diterbitkan: 2020-07-06Sebagai seorang desainer UI, dibutuhkan banyak kerja keras untuk merancang sebuah situs web yang interaktif dan enak dipandang, seiring dengan pencapaian tujuan situs web tersebut. Tetapi ketika merancang situs web tertentu, seringkali kreativitas mengambil kursi belakang bersama dengan keterbacaan situs web, dan situs web terlihat seperti tidak terlalu interaktif. Situs web harus memiliki desain sedemikian rupa sehingga pengunjung ingin lebih sering mengunjungi situs Anda, hanya untuk merasakan kesenangan menggunakan situs web dan berinteraksi dengan laman web.
Lewatlah sudah hari-hari ketika pengguna menggunakan situs web sederhana yang menghasilkan lebih banyak. Sekarang, tujuannya adalah membuat pengguna menggunakan situs dengan meningkatkan interaksi dan membuat mereka tetap terlibat. Situs web Anda adalah aset bagi organisasi Anda jika pengguna terus datang kembali untuk lebih banyak interaksi dengan situs web Anda di masa mendatang.
Blog ini melihat situs web semacam itu yang interaktif dan memiliki kreativitas out-of-the-box.
1. Siklus:
Cyclemon adalah situs web yang memiliki berbagai desain sepeda untuk Anda yang dapat Anda pesan dan kendarai. Situs web ini menggunakan pengguliran untuk memberi Anda pandangan sekilas tentang produk mereka. Anda hanya perlu terus menggulir untuk melihat semua desain produk. Slogan perusahaan mengatakan, "Anda adalah apa yang Anda kendarai!" Dan ini membuat pengguna menggulir ke bawah halaman untuk menemukan desain sepeda yang cocok untuk dirinya sendiri. Oleh karena itu, Anda memaksa pengguna untuk terus menggulir hingga semua model muncul.
Anda bisa memesan sepeda yang menurut Anda sesuai dengan kepribadian Anda. Ini telah menerapkan psikologi manusia di balik desain. Situs web memiliki semua model, dan mereka membuat Anda menggulir sampai Anda "merasa" telah menemukan model yang cocok untuk Anda.
2. Alex Buga:
Alex Buga adalah seorang desainer dari Bucharest di Rumania dan memiliki situs webnya yang berfungsi sebagai portofolionya. Saat Anda membuka halaman indeks situs, ia telah merancang ubin di seluruh layar di mana ubin individu memiliki gambar yang telah diambilnya, dan ubin tertentu memiliki tautan video YouTube. Selain mendesain website, ia juga seorang fotografer dan musisi.
Dia telah bekerja sebagai direktur kreatif di MB Dragan yang memiliki pengalaman kerja yang luas selama 7 tahun dalam mendesain web. Situs web yang ia kembangkan memiliki desain yang out of the box.
3. Evans Halshaw – Mobil Bond:
Evans Halshaw adalah portal mobil baru dan bekas. Mereka telah bekerja dengan 130 lokasi di Inggris, Skotlandia, dan Wales. Situs web mereka mirip dengan situs web Cyclemon. Bedanya, mereka menggunakan model mobil berbeda yang ada di film James Bond. Setiap gambar memiliki tahun, model mobil, dan nama film yang menampilkannya. Saat Anda menggulir ke bawah halaman beranda, itu akan menunjukkan kepada Anda berbagai kendaraan yang memperkecil tampilan dari gambar sebelumnya.
Desainnya akan membuat pecinta mobil terhibur selama beberapa saat. Selain itu, penggemar film James Bond akan terus menggulir situs web untuk melihat semua mobil yang digunakan dalam film Bond. Bersama dengan gambar, mereka memiliki deskripsi singkat berdasarkan film, di sudut kanan bawah layar untuk setiap mobil.
4. Mainkan titik-ke-titik:
Situs web ini adalah yang paling interaktif untuk para gamer. Ini fitur permainan yang melibatkan menggabungkan titik-titik dari nomor mereka dalam urutan menurun. Itu menggunakan timer. Anda harus menghubungkan titik-titik yang diberikan dalam jendela waktu yang ditentukan, dan itu berlanjut ke permainan berikutnya. Itu pasti akan membuat Anda sibuk dan terbukti menjadi favorit di antara anak-anak juga.
Tingkat interaksi dengan situs web ini adalah yang tertinggi, karena kita semua terobsesi untuk menggabungkan titik-titik bernomor dalam urutan menurun. Antarmukanya sederhana, namun dapat membuat Anda tetap terlibat selama berjam-jam.
5. Hilangkan Kebiasaan Saya:
Kick My Habits adalah situs web yang membantu Anda menghitung pengeluaran untuk hal-hal tertentu seperti perlengkapan kecantikan, makan di luar, merokok, minum alkohol, dan berpesta. Ini memberi tahu Anda berapa banyak uang yang masuk ke dalam kebiasaan buruk ini per tahun dan ini semua dengan cara yang sangat interaktif.
Ini menanyakan Anda tentang berapa banyak uang yang masuk ke kebiasaan buruk per minggu. Setelah Anda memberi makan semua data untuk satu latihan, itu akan membawa Anda ke pola berikutnya. Anda dapat memilih “Saya tidak memiliki kebiasaan ini” jika Anda tidak memiliki kebiasaan itu. Setelah menganalisis setiap praktik yang Anda beri makan data, ia memeriksa jumlah uang yang Anda habiskan dalam setahun untuk mengejar kebiasaan ini. Siapa pun dapat menghitung pengeluaran yang mereka investasikan, setiap tahun. Tetapi antarmuka pengguna situs web yang interaktif memiliki desain yang paling indah, yang paling penting di sini. Pada akhirnya, ini menunjukkan total tabungan Anda tahunan dan mingguan, bersama dengan jumlah yang akan muncul setelah Anda memasukkan uang itu ke rekening bank.
6. Layanan:
Zervice adalah grup dengan beberapa merek waralaba berbeda yang memimpin. Ini adalah desain situs web yang cerdas dan kreatif, dan merupakan salah satu situs web yang paling banyak mendapatkan penghargaan. Situs web dimulai dengan perjalanan melalui kota. Situs tersebut telah menggunakan gambar dan jalur SVG yang dilalui kendaraan. Awan muncul untuk interaksi seperti kuis dan pertanyaan. Situs web terlihat seperti model 3D ketika mobil melewati dan di bawah beberapa aspek situs web.
Halaman dibuka dengan gelembung pikiran, pesan selamat datang, dan pemandangan kota. Juga, ia memiliki tombol "Pergi" yang mendorong kendaraan ke titik berikutnya. Layar lainnya adalah layar canggih dengan tenda terapung dan bangunan tempat mobil melewatinya. Dengan beberapa pemberhentian dan kuis bersama mereka, Anda belajar tentang layanan Zervice. Jalan berliku, konstruksi, dan bagian terbaik dari kereta yang bergerak di bawahnya adalah pemandangan yang harus dilihat. Bahkan jika Anda tidak perlu mengetahui layanan mereka, Anda harus mengunjunginya sekali untuk mengalami deskripsi di atas.
7. Masa Depan Berbagi Mobil:
Situs web ini berbicara tentang berbagi mobil daripada membelinya. Situs web ini sangat interaktif dengan cara yang berbeda. Saat Anda mendarat di beranda situs, Anda melihat mobil hijau yang dapat bernavigasi maju dan mundur dengan menekan tombol panah kiri dan kanan. Halaman arahan menunjukkan jenis berbagi mobil dan statistiknya. Saat Anda menekan tombol kanan, mobil mulai bergerak maju ke sisi kanan, di mana klasifikasi car-sharing dan deskripsinya muncul.
Klasifikasi pertama adalah P2P, yang berarti konsep berbagi mobil Peer-To-Peer. Ini mendefinisikan sekelompok mobil yang dimiliki oleh sejumlah orang tertentu. Pemilik mobil ini menyewakan mobil kepada pengemudi. Kategori lainnya adalah B2C, yang berarti Business-to-Consumers. Di sini, sebuah perusahaan memiliki satu set mobil yang mereka bagikan di antara anggota perusahaan. Mereka termasuk produsen mobil, merek sewa, dan merek berbagi mobil. Kategori ketiga adalah NFP, yang berarti Nirlaba. Komunitas lokal berbagi mobil untuk mengubah kebiasaan mengemudi pengemudi alih-alih menyewa mobil untuk mendapatkan keuntungan darinya.
Saat kami menavigasi lebih jauh, mobil hijau itu tampak bergerak melalui pegunungan, meskipun jalannya tampak linier. Mobil hijau kemudian mulai melindas jembatan saat melewati tumpukan sampah besar dan kemudian melintasi tiang yang memegang bendera Amerika Serikat. Ada grafik yang kuat di seluruh halaman, dan ada banyak hal yang dapat dilakukan pengguna untuk dijelajahi. Seperti ketika Anda mengarahkan mouse ke atas menara, Anda melihat kursor mouse berputar ke tangan, menunjukkan bahwa itu adalah hyperlink.
Saat Anda menavigasi lebih banyak melalui halaman, Anda melihat awan mengambang, dan seekor simpanse digantung di menara. Anda melihat opsi berbagi mobil yang hebat saat Anda mengarahkan mouse ke atas bendera negara. Saat Anda melangkah lebih jauh, Anda menemukan bahwa semakin banyak kota dan negara bagian telah memilih opsi berbagi mobil. Situs web memiliki desain sedemikian rupa sehingga Anda harus menggulir layar secara horizontal, yang menunjukkan berbagai fakta dalam bentuk animasi.
8. Robby Leonardi:
Robby Leonardi adalah seorang desainer grafis yang menawarkan keahlian dalam desain grafis, ilustrasi, animasi, dan pengembangan front end. Dia memiliki banyak pengalaman saat bekerja dengan industri hiburan. Dia mengembangkan situs web ini untuk mempresentasikan resumenya dengan cara yang sangat kreatif.
Situs web ini mirip dengan situs web Future of Car Sharing dan menggulir secara horizontal, namun bilah gulir di situs web tersebut vertikal. Anda dapat menavigasi situs menggunakan tombol panah atas dan bawah. Saat Anda menekan tombol panah ke bawah, pria dengan spesifikasi, mengenakan jubah mulai berlari. Bagian pertama yang Anda temui adalah bagian "Tentang", di mana ia memiliki empat bidang Desain, Ilustrasi, Kode, dan Animasi. Dan dia menunjukkan tingkat keahliannya dengan bunga-bunga yang bermekaran menurut tingkatannya. Misalnya, ia memiliki keahlian dalam desain, kemudian bunga yang mekar akan mencapai hingga mencapai garis “Pakar” yang menunjukkan bahwa ia ahli dalam hal itu.
Ketika Anda bergerak maju, pria itu melompati rintangan dan menunjukkan bahwa dia bekerja dan tinggal di New York City, di mana menara dan Patung Liberty menunjukkan setan duduk di dalamnya. Bergerak ke depan, pria itu kembali melompati rintangan dan menunjukkan bahwa dia adalah penggemar tim sepak bola NBA. Di sini, seorang pemain tampaknya datang dan melempar bola basket melalui jaring.
Ke depan, Anda menemukan bagian keterampilan di mana jumlah ikan menyatakan tingkat keahlian yang dia miliki, di setiap bagian. Di bagian yang sama, ada subbagian lain di mana ia menyoroti keahliannya dalam bahasa pemrograman, di mana kepiting menunjukkan tingkat pengetahuannya.
Selain itu, subbagian berikutnya adalah tentang keahliannya dalam perangkat lunak video dan 3D, di mana kura-kura menunjukkan kepada Anda tingkat keahliannya di setiap bidang. Berikutnya adalah bagian di mana ia menyoroti pengalaman kerjanya dalam bentuk gurita dan kendaraan air lainnya. Bagian kedua terakhir menunjukkan penghargaan dan publikasi yang dia terima selama ini dalam bentuk label. Pria itu melompat dengan parasut dan terbang dengan label yang menentukan penghargaannya saat dia terus terbang. Saat Anda terus terbang, Anda mencapai akhir halaman web, tempat Anda memberikan detail kontak Anda dan mengirimkan pesan untuknya.
9. Panduan Natal Polandia:
Panduan Natal Polandia adalah situs web yang membantu orang-orang dari segala usia mengetahui tentang Natal Polandia dan bagaimana mereka merayakannya setiap tahun. Ini dimulai dengan Santa Claus yang lucu dengan kereta luncur untuk membawa barang-barang yang dia butuhkan untuk merayakan Natal di Polandia. Anak-anak akan menyukai situs web ini karena Sinterklas terus mengumpulkan barang-barang di kereta luncurnya sambil menyajikan fakta dan informasi tentang barang-barang yang dikumpulkan dan hal-hal lain.
Natal di Polandia merupakan tradisi mengirim dan menerima hadiah dari satu sama lain. Itu juga memelihara budaya berbagi makanan dengan orang lain yang mungkin mengunjungi Anda tanpa pemberitahuan sebelumnya pada Malam Natal. Website ini bekerja pada ilustrasi dan latar belakang musik. Saat Anda menelusuri situs web, pengalamannya seperti bermain game.
Di akhir situs, ada pesan yang menyebarkan kesadaran tentang anak-anak yang dilecehkan dan panggilan mereka untuk membantu anak-anak itu dan melindungi mereka.
10. Pendaki:
Pendaki telah mengembangkan situs web interaktifnya yang memberi tahu Anda segala sesuatu tentang perusahaan kreatif, yang disebut Perusahaan Produksi Interaktif, yang menghasilkan beberapa produk digital dan pengalaman pengguna yang fantastis. Ini dimulai dengan tema unik berdasarkan hutan dan hutan. Dengan berbagai elemen yang memungkinkan Anda berinteraksi dengan mereka, Anda dapat menelusuri portofolio mereka dengan cara yang sangat kreatif. Ini menunjukkan proyek perancangannya dalam bentuk animasi yang berbeda melalui pengguliran dan hanya dengan mengklik mouse.
Di salah satu layar, teks muncul dengan menggerakkan mouse, yang merupakan pemandangan untuk dilihat. Saat layar berubah, layar akan pecah menjadi kotak yang berbeda, jatuh dari layar, dan memungkinkan Anda masuk ke layar lain. Jika Anda ingin membangun situs web untuk perusahaan Anda yang tidak relevan dengan apa yang ditanganinya, Anda harus mengambil inspirasi dari situs web Climber yang terinspirasi grafis.
Kesimpulan:
Ini adalah representasi situs web kami yang menginspirasi seorang desainer grafis untuk mengeluarkan kreativitasnya dan mengedepankan yang terbaik saat merancang situs web. Jenis situs ini tidak hanya pemandangan yang menyenangkan, tetapi juga membantu pemilik situs web untuk membuat pengunjung tetap terlibat dan tertarik. Ada begitu banyak ide desain di semua situs, seperti yang disebutkan di atas, yang bisa Anda adopsi. Ini termasuk animasi, layar permainan, kartun, dan banyak lagi dari mana Anda dapat mengambil ide.