On termine cette semaine avec une grande série d'interfaces basées sur un standard qui revient régulièrement dans les projets web, la page de connexion !

La porte d'entrée de vos utilisateurs

La partie connexion sur un projet est très importante, il faut que l'interface reste séduisante et moderne tout en étant fonctionnelle. Si l'entrée des informations entre le nom d'utilisateur/mail et le mot de passe ne sont pas intuitives, les utilisateurs ne se sentiront pas à l'aise sur votre site. 

Afin de vous aider à réaliser une page de connexion efficace, nous avons sélectionné pour vous une série de 35 web designs de connexion dont certains animés qui pourront vous donner des idées ! Les structures et les interactions sont variées, à vous de voir quelle ergonomie sera la plus adapté à vos projets. 

Cette sélection se base principalement sur Dribbble, notamment avec le projet Dayli UI qui propose de participer à un défi pour tous les designers débutants ou confirmés, en réalisant une interface par jour pendant 100 jours. Plus d'infos sur dailyui.co

Nous espérons que ces exemples pourront nourrir votre inspiration et vous aider dans vos prochains projets web !
Bonne découverte.

Log in (GIF animation) par Nest

UI 9: The Big 50 par Sarah Babetski

Sign Up Login par Anthony Chin

Daily UI #001 – Go wild in Krasnoyarsk par Al

Daily UI 001 Sign Up par Dominik Markušić

Sign up (version 2) par Jacob D. Nielsen

SignUp par Tomas Skarba

 

DailyUI Day001 par Aeria Gloriis

Login Interaction par Vitaly Rubtsov

Easy Notes Sign Up Form par Dennis Cortés

Sign Up par Leon Wu

Orbital [GIF] par Alexander Ivanov

001 par Lia McMillan

Login Form par Lina Seleznyova

User Flow – Part 1 par Michał Ptaszyński

Snow.ly Sign Up par Tomas Brennessl

Daily UI #001 par Ludwig Holm

Sign Up Form par Minh Killy Le

Sign up – Daily Ui par Nuno Silva

YOOBIC Sign Up par Rob Davis

Sign Up and Login Animated par Deepak

Sign up 3D par Oleg Frolov

Daily UI 001 – Sign Up par Derek Torsani

Material Signup Interaction par Srikant Shetty

Login & Sign Up Interface par Gal Shir

Daily UI #001 – Sign Up par Tom Roberts

Socify.io – Register par Srdjan Pajdic

Signup! par Jerry Brownell

Daily UI 001 – Animated par Brandon Charles

Sign Up par Shed Collective

Sign Up par Brooke Travis

Authorization Error par Igor Zyuzin

Daily UI #1 Sign Up par Jamie Ritchie

Sign Up Winamp – Daily UI #001 par Jennifer López L

Day 069 – Taxi Driver Account Creation x3 par Ayoub kada

Notez cet article