Template desain halaman login yang menarik tentu akan bisa memberikan kesan tersendiri untuk pemakai aplikasi Anda. Mereka bisa mendapatkan pengalaman menggunakan aplikasi yang menyenangkan apabila saat pertama kali mengakses aplikasi mereka memulai dengan halaman login yang keren.
Sebuah aplikasi tanpa halaman login rasanya tidak mungkin, halaman ini pasti diperlukan demi keamanan aplikasi website yang dibuat.
Untuk Anda yang sedang merancang sebuah sistem aplikasi website yang memerlukan halaman login, berikut ini ada beberapa contoh desain halaman login yang keren dan bisa Anda gunakan.
Simple Login Placeholder Transition
LogIn Form
Form login transparan dengan background yang menarik untuk dicoba pada aplikasi Anda.
Pure CSS Blurred Video Background Login Box
Satu lagi form login dengan background dan box yang terlihat transparan, sangat menyatu dengan latarnya karena dibuat blur.
Login/Logout animation concept
Desain halaman login yang satu ini dilengkapi dengan animasi yang sangat dinamis, ketika baru dibuka dan juga ketika tombol di klik.
Login
Login Modal
Login with flip 3d animation
Sign-Up/Login Form
Login Box Concept
Template halaman form login ini memiliki komposisi warna yang menarik, terlihat sangat tegas namun desainnya luar biasa elegan, terlihat sangat profesional.
Flat Login Form
Desain halaman login ini dilengkapi dengan dua model dan warna
– Baca juga: Ubah Halaman Login WordPress Dengan 13 Plugin Keren Ini
Form with social logins
Login & Register form
Form Design
Desain form login ini disertai dengan logo yang dibuat dengan SVG dan memiliki background gambar yang menarik.
Interesting Sign In Form
Desain form login bertema dark ini cocok untuk aplikasi Anda, mengesankan halaman yang misterius yang tidak boleh diketahui orang lain.
Calm breeze login screen
Horizontal responsive login
Desain halaman form login ini cukup unik karena dibuat dengan bentuk horizontal dengan background gradien.
Semoga berguna untuk Anda yang sedang membangun aplikasi web yang memerlukan desain halaman login, jika Anda memiliki contoh lain bisa tuliskan di halaman komentar.
Artikel Lain:
7 Tantangan Terbesar Dalam Membuat Desain Website
Desain Web Sudah Mati !!
7 Template Blogger Terbaik dan Responsive [GRATIS]
11 Contoh Desain Blog yang Sangat Bagus Saat Ini
Bootstrap digunakan Developer, Foundation oleh Designer kata tim Zurb
Membuat Efek Salju dengan HTML5 Canvas dan Javascript
7 Pilar Desain Web Minimalis Yang Perlu Diketahui Desainer
16 Ebook UI & UX Design Gratis untuk Anak Desain
33 Template Admin Bootstrap Gratis & Responsive
7 Plugin Jquery Grid Untuk Membuat Desain Web Lebih Rapih
Inovasi Tempat Penyeberangan (Zebra Cross) 3D di India
Cara Mengoptimalkan Desain Website Dengan Foto Potret Berukuran Besar
pengen website kuw bisa kayak gitu… ..
Menarik gan… mudah2an Jurnalweb jaya terus :D hehehe
Goodluck buat Jurnalweb
Aamiin…terima kasih..
Info & tutorial ttg website nya sangat bermanfaat.. ditunggu tutor2 lainnya.. :)
Keren!
wah, keren-keren, baru kepikiran buat bikin custom login, thanks inspirasinya :D
terimakasih gan, sangat bermanfaat ilmunyaa
lumayan.
berjaya terus bro.
gimana cara buatnya gan..
Ada yang bisa dibuat untuk wordpress gak min ?
Kalau kamu mengerti caranya, semua bisa dibuat untuk WordPress.
Atau kalau mau mudah coba artikel ini 13 Themes Untuk Halaman Admin WordPress ini Gratis Digunakan
kode css nya liat mana?
klik saja di judulnya
Makasih desainnya mantep.. ikut tengok2..
Mantep banget ilmu.a gan…
kereeeen (y)
Mantap gan, Kembangkan.. sangat membantu (y)
Mantap gan, Ijin Copas gan (tercatum sumber) untuk suatu saar di blog saya nutup kosongnya postingan..
Sebaiknya jangan, nanti blog kamu tidak disukai Google ;)
gan ini script nya bisa dijalanin dreamweaver cs 6 gak? di notepad+ juga gak bisa. kok aku coba gagal terus??
gimana nih cara jalaninnya … thnx
Bisa
Min? Cara buat icon gembok pada tombol login gimana ya?
Coba baca disini
Atau bisa juga disini untuk icons
http://www.w3schools.com/icons/icons_reference.asp
gan tampilannya kok ga brubah ya bloggku ,mohon masukannya
min bagaimana cara kerjanya css ini mohon petunjuknya
min ada contoh desain web html ga?
Kalau contoh desain web bisa dilihat di http://www.awwwards.com/
gan, ini saya ada tugas dari guru saya tentang membuat website pribadi sebanyak 5 halaman,, tolong minta bantuannya gan ???
Terimakasih mas sangat bermanfaat
bisakah kami mendwload hal page yg ad diatas dn dpt kami gunakan d halaman mikrotik kami mohon imfonya
Bisa tinggal klik saja link nya
keren….
terlalu baik.. :) :)
gan mau minta saran,, kalo untuk tugas website kantor bagusnya pake tema yang mana ya..?
kalau untuk halaman login bisa yang mana saja mas
thanks gan , menarik sekali
cuman yah itu pusing juga cara instalasinya bisa gak di pandu gan untuk versi wordpress ?
ini gimana cara gunainnya?
ini gimana cara makenya gann
klo bisa sih semua contoh gambar form login nya langsung di kasih script nya gan hehehe :D
Ganti paswordnya di mana
Akhirnya menemukan juga cara bikin halaman log-in….Pertamax gan
gans… kren dan makasih
ane jadi bisa buat web yang krenan
thx gan sangat membantu…
gan sertain tutor. karena pemasangan JS susah. tolong gan
maaf, kode cssnya ada dimana yah? huhu
Tinggal klik saja pada gambar atau judul
terimakasi mas
Calm breeze login screen yang ini baliknya lagi gimana ?? stuck di welcome
gan, agan punya tampilan login terkeren ta gk untuk php mySql
Mantep buat inspirasi yg lain hehhe sippp