15 Formulir Masuk yang Mengesankan untuk Inspirasi Desain
Diterbitkan: 2020-09-02Formulir login telah ada sejak konsep situs web muncul. Dan itu adalah bagian penting dari situs web mana pun. Interaksi manusia dengan halaman login telah berubah seiring waktu. Awalnya, kami biasa memasukkan alamat email atau ID dan kata sandi untuk masuk ke sistem. Sekarang, kami memiliki Touch ID di telepon, pemindaian wajah, dan cara lain untuk masuk ke sistem. Dengan sudut pandang desain, formulir login memiliki desain yang sangat membosankan dan tampak datar. Namun saat ini, para desainer telah datang dengan desain yang mengesankan dan out-of-the-box yang penuh dengan warna-warna cerah.
Blog ini berfokus pada formulir login yang mengesankan yang dapat Anda jelajahi atau dapatkan inspirasinya untuk membuat formulir login desainer, sebagai seorang desainer. Mari kita periksa situs web yang memiliki beberapa formulir login yang dinamis dan menakjubkan.
1. Manis:
Sweet adalah situs web yang berhubungan dengan influencer dan artis. Anda bisa menjadi artis atau influencer jika Anda menggunakan situs ini. Situs web ini memiliki tema warna yang mirip dengan permen es krim. Selain itu, logo situs web juga memiliki permen es krim dalam pembentukannya. Bentuk login situs web ini menakjubkan, dengan tema warna biru beralih secara bertahap ke berbagai nuansa ungu. Anda dapat masuk ke situs web dengan nama pengguna, nomor telepon, atau alamat email. Ini juga memungkinkan Anda masuk melalui Facebook, Twitter, dan Google jika fokusnya adalah pada salah satu bidang input, bayangan garis bawah berubah menjadi biru.
2. Zendesk:
Zendesk adalah situs web yang menangani layanan pelanggan dan dikenal menangani masalah pelanggan. Perusahaan ini berbasis di California, Amerika Serikat. Halaman login mereka sangat minimalis dalam desainnya. Anda hanya dapat melihat bidang input di mana Anda harus memiliki nama subdomain Anda. Tidak ada lagi yang bisa mengalihkan perhatian Anda dari formulir login. Ada tautan lain di bawah formulir login. Tapi, tidak ada link header dan footer atau gambar di website. Ini memungkinkan Anda fokus hanya dan hanya pada logging di sistem.
3. Ruang persegi:
Squarespace adalah situs web lain yang menangani pemasaran digital dan memiliki beberapa templat desain yang siap digunakan. Mereka memiliki halaman rumah baru dengan desain yang rumit. Namun, halaman login mereka memiliki desain yang minimalis. Halaman login ini juga tidak menampilkan header dan footer untuk mengalihkan perhatian pengguna dari proses login. Kolom input meminta Anda untuk memasukkan alamat email dan kata sandi. Selain itu, Anda juga dapat login menggunakan akun Google, Apple, Facebook, dan Twitter. CTA login mereka juga sederhana namun efektif.
4. Kemajuan:
Headway adalah situs web yang menyediakan log perubahan untuk memberi informasi kepada pelanggan tentang layanan atau produk tertentu. Seluruh situs web mereka dicat dengan tema berwarna putih dengan desain yang paling lugas. Mereka memiliki halaman login yang lebih sederhana di mana tidak ada detail header atau footer yang dapat mengalihkan perhatian Anda. Hanya dengan gambar di margin kiri, mereka memiliki halaman login tempat Anda dapat mengisi alamat email dan kata sandi Anda. Anda juga diizinkan untuk masuk dengan detail akun Google Anda. Halaman login sederhana, dengan latar belakang putih dan tidak ada elemen antarmuka pengguna yang mewah.
5. VSCO:
VSCO adalah aplikasi pengeditan foto dengan situs web dengan nama yang sama. Situs ini menampilkan pengguliran paralaks dan memiliki antarmuka pengguna baru. Tapi, form login di website ini adalah form serba putih yang memiliki desain sederhana. Anda dapat masuk melalui alamat email atau nama profil dan kata sandi Anda. Halaman tersebut juga memungkinkan Anda pergi ke halaman beranda VSCO, Feed, halaman Daftar, dan halaman untuk mengunduh aplikasi VSCO. Ini hanya memiliki logo yang mewakili komunitas di bagian atas halaman formulir login.
6. Tetes:
Drip adalah situs web yang mendesain berbagai hal dari genre komik, film, dan video serta musik. Seperti VSCO dan Squarespace, form login website ini juga dibuat dengan tema berwarna putih. Di bagian atas, Anda dapat melihat bahwa mereka telah menulis: "Masuk ke Kickstarter." Tapi, Drip adalah bagian dari tim Kickstarter. Anda dapat masuk ke situs web menggunakan ID Kickstarter dan kata sandinya. Mereka juga memiliki tautan lupa kata sandi bersama dengan detail login. Anda juga dapat login menggunakan detail login Facebook. Saat Anda menggulir di bagian bawah halaman, Anda dapat melihat bahwa Drip adalah bagian dari keluarga Kickstarter. Mereka tidak memiliki tautan lain yang bolak-balik ke halaman situs web yang berbeda. Jika Anda ingin mengunjungi situs tersebut, Anda hanya perlu mengklik logo Drip di bagian atas formulir login.
7. Lihat ke belakang:
Lookback adalah situs web yang memungkinkan pengguna menyelesaikan berbagai tugas melalui aplikasi mereka. Mereka memiliki halaman formulir login yang fungsional namun terlihat sederhana. Mereka menulis dengan huruf besar dan tebal, "Hei, senang bertemu denganmu lagi!" Di bawahnya, mereka telah menulis "Masuk untuk memulai" dalam huruf kecil. Anda dapat masuk ke situs web mereka melalui alamat email Anda atau nama pengguna dan kata sandi yang ditetapkan. Mereka memiliki tombol Masuk hijau yang menentukan tombol CTA mereka, dan mudah untuk melihat bahwa hal pertama ketika Anda membuka halaman. Footer halaman memiliki beberapa link, tetapi header tetap kosong.
8. Dayung:
Paddle adalah situs web yang tidak mengizinkan Anda mengakses bagian lain dari situs seperti yang diizinkan oleh situs web lain. Halaman login mereka menampilkan logo situs web bersama dengan input login. Anda dapat masuk ke situs web mereka menggunakan alamat email dan kata sandi. Tombol login biru memiliki warna biru yang tepat, cukup menarik untuk menarik perhatian pengguna. Selain itu, warna biru ini tepat untuk menentukan tombol ajakan bertindak. Anda juga dapat mengatur ulang kata sandi Anda dengan tautan yang mereka berikan di bawah formulir masuk.
9. Uber:
Uber adalah situs web pemesanan taksi yang populer, dan layanannya juga tersedia dalam bentuk aplikasi seluler. Raksasa pemesanan taksi itu mengejutkan penonton segera setelah diluncurkan. Mereka telah merancang formulir login yang berbeda: satu untuk pengemudi mereka dan yang lainnya untuk penumpang mereka. Mari kita lihat formulir login yang disediakan situs web untuk driver. Di bagian atas formulir login, Anda dapat melihat logo Uber berwarna hitam. Untuk masuk ke situs, Anda harus memberikan alamat email terdaftar Anda. Anda dapat memberikan kata sandi di halaman berikutnya setelah mengirimkan alamat email Anda dan tekan tombol berikutnya. Tautan pendaftaran juga ditempatkan di bawah formulir login. Mereka dengan cerdik menempatkan tombol berikutnya dalam warna gelap, yang tidak gagal menarik perhatian saat Anda membuka halaman. Dan seperti yang mereka katakan, CTA harus selalu dalam warna yang berbeda. Selain itu, CTA juga harus menjadi yang pertama muncul dalam kedekatan visual pengguna.
10. Geografis Nasional:
National Geographic adalah situs web yang mengelola jaringan televisi Amerika. Ini adalah perusahaan patungan antara Walt Disney Company dan National Geographic Society. Halaman login mereka sama uniknya dengan keberadaan mereka. Halaman masuk mereka meminta alamat email dan kata sandi Anda. Ini memiliki desain minimal tanpa elemen mewah untuk menarik perhatian Anda. Tetapi mereka secara strategis menempatkan tombol masuk mereka dengan warna kuning, yang juga merupakan CTA mereka. Anda dapat mendaftar sebagai pengguna baru di halaman yang sama dengan mengklik tombol berwarna hitam. Header halaman tampak kosong, tetapi footer menampilkan tautan tertentu yang dapat membawa Anda ke bagian tertentu dari situs web.
11. Medium.com:
Medium.com adalah situs web populer yang memungkinkan blogger mengunggah blog mereka di platform. Situs web mereka berbicara tentang artikel dan blog dari berbagai domain dan niche. Tapi halaman login mereka tampaknya sangat menarik. Mereka belum menggunakan CTA yang menarik di halaman login mereka. Sebaliknya, halaman tersebut tampaknya memiliki desain minimalis. Anda dapat masuk ke situs web mereka menggunakan Google, Facebook, Apple, Twitter, dan alamat email Anda. Fleksibilitas login di situs web adalah bagian terbaik dari halaman login mereka. Anda dapat mendaftar ke situs web mereka dengan mengklik tautan buat satu. Mereka tidak memiliki tautan lain di header dan footer halaman. Hanya Ketentuan Layanan dan Kebijakan Privasi dari tautan situs web yang dapat ditemukan di bawah formulir masuk.
12. The Washington Post:
The Washington Post adalah Surat Kabar Amerika yang diterbitkan setiap hari di Washington DC, Dan mereka menjalankan situs web dengan nama yang sama, The Washington Post. Datang ke halaman login mereka, mereka telah merancang formulir login langsung dengan latar belakang biru laut. Anda dapat masuk dengan alamat email Anda, atau Anda dapat memilih untuk masuk melalui tautan yang dikirimkan ke alamat email Anda. Selain itu, ini juga memungkinkan Anda untuk masuk dengan Amazon, Facebook, Google, dan Apple. Di bawah formulir masuk, Anda juga dapat melihat tautan pendaftaran. Di bagian bawah halaman login, Anda dapat menemukan tautan ke halaman kebijakan privasi, bantuan, dan kontak.
13. Simpanse surat:
MailChimp adalah perusahaan Amerika yang menangani layanan pemasaran email dan otomatisasi pemasaran sejak tahun 2001. Seperti yang Anda lihat, situs web dibuat dengan latar belakang putih. Demikian pula, mereka telah merancang halaman login mereka dengan latar belakang putih, dan formulir login ditempatkan secara strategis di sisi kiri halaman web. Di sisi kanan, Anda dapat melihat informasi tentang podcast terbaru mereka, The Jump. Mereka telah menempatkan CTA mereka pada tombol login mereka. Anda hanya dapat masuk ke situs web mereka menggunakan alamat email dan kata sandi Anda. Itu tidak mengizinkan masuk melalui akun media sosial lainnya.
14. Sephora:
Sephora adalah perusahaan multinasional Perancis yang berhubungan dengan produsen kosmetik kelas dunia. Ini menampilkan sekitar 3000 merek kosmetik dan kecantikan pribadi dari seluruh dunia. Situs web mereka menampilkan semua produk mereka, dan tata letak situs telah dirancang dalam elemen interaksi pengguna hitam putih. Bagian paling menarik dari situs web mereka adalah halaman login mereka. Mereka tidak memiliki halaman login individual. Sebagai gantinya, mereka telah merancang kotak pop-up yang muncul dari halaman saat Anda mengklik tombol masuk. Seperti MailChimp, Anda memerlukan alamat email Anda untuk masuk ke situs web mereka. Anda tidak dapat masuk ke situs web mereka menggunakan akun media sosial seperti Facebook, Amazon, dan lainnya. Mereka secara strategis menempatkan dua CTA dalam warna yang kontras. Tombol masuk berwarna hitam sedangkan tombol Buat Akun berwarna putih. Kedua CTA adalah yang pertama menyerang mata Anda.
15. Diprella:
Diprella adalah situs komunitas yang menghubungkan semua desainer dari dunia dan memungkinkan mereka berbagi proyek dan memamerkan desain mereka di platform. Karena ini adalah komunitas desainer, ia harus memiliki halaman login yang menakjubkan. Mereka telah membuat halaman login yang sangat kreatif. Anda dapat melihat dua layar saat Anda membuka halaman login situs web. Di sisi kiri, Anda dapat melihat layar masuk tempat Anda dapat masuk melalui ID email dan kata sandi Anda atau akun media sosial Anda seperti Facebook. Tetapi jika Anda adalah pengguna baru, Anda dapat mengklik tombol daftar di sisi kanan halaman. Saat Anda mengklik tombol signup, halaman login akan disembunyikan, dan halaman sign up akan meluncur ke kanan. Mereka mengizinkan pembuatan akun secara gratis dengan detail spesifik yang mereka minta dari Anda. Tombol daftar dinonaktifkan kecuali dan sampai Anda mengisi semua detail di kolom input. Anda juga dapat mendaftar menggunakan akun jejaring sosial.
Halaman login menjadi bagian integral, para desainer perlu merancang halaman yang menarik pengguna yang paham teknologi saat ini. Awalnya, tata letak mudah untuk halaman login karena merupakan salah satu poin penting interaksi pengguna dengan situs web. Tetapi sekarang, konvensi telah berubah menjadi lebih baik, dan mudah untuk menemukan desain yang menarik di mana-mana. Blog ini menangkap formulir login yang memiliki desain yang mengesankan. Desain ini dapat digunakan sebagai ide inspirasi untuk mendesain formulir login dari awal. Saat mendesain formulir login, semua perawatan CTA harus diperhatikan, dan mereka harus diberi tampilan yang indah.