15 formulare de conectare impresionante pentru inspirație de design
Publicat: 2020-09-02Formele de autentificare au existat de când a apărut conceptul site-ului web. Și este o secțiune crucială a oricărui site web. Interacțiunea umană cu paginile de conectare s-a schimbat în timp. Inițial, introducem adresa de e-mail sau ID-ul și parola pentru a vă conecta la sistem. Acum, avem un Touch ID pe telefon, scanarea feței și alte moduri de a vă conecta la sistem. Din punct de vedere al designului, formularele de conectare aveau modele foarte plictisitoare și cu aspect plat. Dar în zilele noastre, designerii au venit cu modele impresionante și ieșite din cutie, pline de culori vibrante.
Acest blog se concentrează pe formularele de conectare impresionante pe care le puteți explora sau din care vă puteți inspira pentru a crea un formular de conectare pentru designer, ca designer. Să examinăm site-urile web care au la dispoziție niște formulare de conectare vibrante și uimitoare.
1. Dulce:
Sweet este un site web care se ocupă cu influenceri și artiști. Puteți fi fie un artist, fie un influencer dacă utilizați site-ul. Site-ul web are o temă de culoare care arată similar cu o bomboană de înghețată. Mai mult, logo-ul site-ului are și o bomboană de înghețată în formarea sa. Formularul de conectare al acestui site web este uimitor, cu tema de culoare albastru comutând treptat către diferite nuanțe de violet. Vă puteți autentifica pe site cu nume de utilizator, număr de telefon sau adresa de e-mail. De asemenea, vă permite să vă conectați prin Facebook, Twitter și Google dacă accentul este pus pe oricare dintre câmpurile de introducere, nuanța sublinierii se schimbă în albastru.
2. Zendesk:
Zendesk este un site web care se ocupă de serviciul clienți și este cunoscut că lucrează la problemele clienților. Această companie are sediul în California, SUA. Pagina lor de conectare este foarte minimalistă în design. Puteți vedea doar câmpul de introducere în care trebuie să aveți numele subdomeniului. Nu există nimic altceva care să vă alunge atenția de la formularul de conectare. Există și alte link-uri sub formularul de autentificare. Dar, pe site nu există linkuri de antet și subsol sau imagini. Acest lucru vă permite să vă concentrați numai și numai asupra logării în sistem.
3. Spacespace:
Squarespace este un alt site web care se ocupă de marketing digital și are câteva șabloane de design gata de utilizare. Au o nouă pagină de pornire cu design elaborat. Dar, pagina lor de conectare are un design minimalist. De asemenea, această pagină de conectare nu include un antet și un subsol pentru a distrage atenția utilizatorului de la procesul de conectare. Câmpul de introducere vă solicită să introduceți adresa de e-mail și parola. Pe lângă aceasta, vă puteți conecta și folosind conturile Google, Apple, Facebook și Twitter. CTA-ul lor de conectare este, de asemenea, simplu, dar eficient.
4. Progres:
Headway este un site web care oferă un jurnal de modificări pentru a ține clienții informați despre un anumit serviciu sau produs. Întregul lor site web este pictat într-o temă de culoare albă, în cel mai simplu design posibil. Au o pagină de conectare și mai simplă, unde nu există detalii de antet sau subsol care să vă distragă atenția. Cu doar o imagine în marginea din stânga, au o pagină de conectare unde vă puteți completa adresa de e-mail și parola. De asemenea, vi se permite să vă conectați cu detaliile contului dvs. Google. Pagina de autentificare este simplă, cu un fundal alb și fără elemente elegante ale interfeței cu utilizatorul.
5. VSCO:
VSCO este o aplicație de editare foto cu un site web sub același nume. Site-ul are derulare paralaxă și are o nouă interfață cu utilizatorul. Dar, formularul de autentificare de pe site este un formular complet alb, care are un design simplu. Vă puteți autentifica prin adresa de e-mail sau numele profilului și parola. Pagina vă permite, de asemenea, să accesați pagina de pornire VSCO, Feed, pagina de înregistrare și pagina pentru a descărca aplicația VSCO. Are doar un logo care reprezintă comunitatea în partea de sus a paginii formularului de conectare.
6. Picurare:
Drip este un site web care proiectează lucruri din benzi desenate, film și genuri video și muzicale. La fel ca VSCO și Squarespace, formularul de conectare al acestui site web este, de asemenea, realizat cu o temă de culoare albă. În partea de sus, puteți observa că au scris: „Conectați-vă la Kickstarter”. Dar, Drip face parte din echipa Kickstarter. Vă puteți conecta pe site folosind ID-ul Kickstarter și parola acestuia. De asemenea, au un link pentru parola uitată, împreună cu detaliile de conectare. De asemenea, vă puteți autentifica folosind detaliile de conectare Facebook. Pe măsură ce derulați în partea de jos a paginii, puteți vedea că Drip face parte din familia Kickstarter. Nu au alte link-uri care să meargă înainte și înapoi către diferite pagini ale site-ului. Dacă doriți să vizitați site-ul, trebuie doar să faceți clic pe sigla Drip din partea de sus a formularului de autentificare.
7. Privire în urmă:
Lookback este un site web care permite utilizatorilor să realizeze diverse sarcini prin intermediul aplicației lor. Au o pagină de formular de conectare funcțională, dar simplă. Au scris cu litere mari, îndrăznețe, „Hei, mă bucur să te revăd!” Sub aceasta, au scris „Conectează-te pentru a începe” cu litere mici. Vă puteți conecta la site-ul lor prin adresa de e-mail sau numele de utilizator și parola atribuite. Au un buton verde de conectare care își definește butonul CTA și este ușor de observat că este primul lucru când deschideți pagina. Subsolul paginii are câteva link-uri, dar antetul rămâne gol.
8. Vâslă:
Paddle este un site web care nu vă permite să accesați alte părți ale site-ului așa cum vă permit alte site-uri web. Pagina lor de conectare prezintă sigla site-ului web împreună cu intrările de conectare. Vă puteți conecta la site-ul lor folosind o adresă de e-mail și o parolă. Butonul de autentificare albastru are nuanța potrivită de albastru, suficient de atractiv pentru a atrage atenția utilizatorului. Mai mult, această nuanță de albastru este corectă pentru a defini butonul de îndemn la acțiune. De asemenea, vă puteți reseta parola cu linkul pe care l-au furnizat sub formularul de conectare.
9. Uber:
Uber este un site web popular de rezervare a taxiului, iar serviciile sale sunt disponibile și sub forma unei aplicații mobile. Gigantul de rezervări de taxi a surprins publicul imediat după lansare. Ei au conceput diferite forme de conectare: unul pentru șoferul lor și altele pentru pasagerii lor. Să aruncăm o privire la formularul de autentificare pe care site-ul l-a oferit șoferilor. În partea de sus a formularului de conectare, puteți observa sigla Uber în negru. Pentru a vă conecta pe site, trebuie să furnizați adresa de e-mail înregistrată. Puteți da parola pe pagina următoare după ce ați trimis adresa de e-mail și apăsați butonul următor. Un link de înscriere este plasat, de asemenea, sub formularul de conectare. Ei au plasat inteligent următorul buton în culoarea închisă, care nu reușește să atragă atenția pe măsură ce deschideți pagina. Și după cum se spune, un CTA ar trebui să fie întotdeauna într-o culoare diferită. Mai mult, CTA ar trebui să fie și primul care să apară în proximitatea vizuală a utilizatorului.
10. National Geographic:
National Geographic este site-ul web care administrează rețeaua americană de televiziune. Este un joint venture între Walt Disney Company și National Geographic Society. Pagina lor de conectare este la fel de unică ca și existența lor. Pagina lor de conectare vă solicită adresa de e-mail și parola. Are un design minimal, fără elemente fanteziste care să vă atragă atenția. Dar și-au plasat strategic butonul de conectare în galben, care se întâmplă să fie și CTA. Vă puteți înregistra ca utilizator nou pe aceeași pagină făcând clic pe butonul negru. Antetul paginii pare liber, dar subsolul conține anumite link-uri care vă pot duce către anumite părți ale site-ului.
11. Medium.com:
Medium.com este un site web popular care le permite bloggerilor să-și încarce blogurile pe platformă. Site-ul lor vorbește despre articole și bloguri din diverse domenii și nișe. Dar pagina lor de conectare pare a fi foarte interesantă. Ei nu au folosit niciun CTA atractiv pe pagina lor de conectare. În schimb, pagina pare să aibă un design minimalist. Vă puteți conecta pe site-ul lor folosind Google, Facebook, Apple, Twitter și adresa dvs. de e-mail. Versatilitatea logării pe site este cea mai bună parte a paginii lor de conectare. Vă puteți înregistra pe site-ul lor făcând clic pe linkul Creați un singur. Nu au alte linkuri în antetul și subsolul paginii. Doar Termenii și Politica de confidențialitate ale link-urilor site-ului pot fi găsite sub formularul de conectare.
12. The Washington Post:
The Washington Post este un ziar american care este publicat zilnic în Washington DC, și au condus site-ul web sub același nume, The Washington Post. Venind la pagina lor de conectare, ei au conceput un formular de conectare simplu, cu un fundal bleumarin. Vă puteți conecta cu adresa dvs. de e-mail sau puteți alege să vă conectați printr-un link trimis pe adresa dvs. de e-mail. În plus, vă permite să vă conectați cu Amazon, Facebook, Google și Apple. Sub formularul de conectare, puteți găsi și linkul de înscriere. La subsolul paginii de conectare, puteți găsi link-uri către politica de confidențialitate, ajutor și pagini de contact.
13. Mailchimp:
MailChimp este o companie americană care se ocupă de e-mail marketing și servicii de automatizare a marketingului din 2001. După cum puteți vedea, site-ul este realizat cu un fundal alb. În mod similar, ei și-au proiectat pagina de autentificare cu un fundal alb, iar formularul de autentificare este plasat strategic în partea stângă a paginii web. În partea dreaptă, puteți găsi informații despre cel mai recent podcast al lor, The Jump. Ei și-au plasat CTA pe butonul de conectare. Vă puteți conecta la site-ul lor numai folosind adresa de e-mail și parola. Nu permite autentificarea prin alte conturi de social media.
14. Sephora:
Sephora este o companie multinațională franceză care se ocupă cu producători de produse cosmetice de talie mondială. Dispune de aproximativ 3000 de mărci de cosmetice și frumusețe personală din întreaga lume. Site-ul lor prezintă toate produsele lor, iar aspectul site-ului a fost conceput în elemente de interacțiune cu utilizatorul alb-negru. Cea mai interesantă parte a site-ului lor este pagina lor de conectare. Nu au o pagină individuală de conectare. În schimb, au proiectat o casetă pop-up care iese din pagină când faceți clic pe butonul de conectare. La fel ca MailChimp, aveți nevoie de adresa dvs. de e-mail pentru a vă conecta la site-ul lor. Nu vă puteți conecta la site-ul lor folosind conturi de rețele sociale precum Facebook, Amazon și altele. Au plasat strategic două CTA-uri în culori contrastante. Butonul de conectare este complet negru, în timp ce butonul Creare cont este alb. Ambele CTA sunt primele care vă lovesc în ochi.
15. Diprella:
Diprella este un site web comunitar care conectează toți designerii de pe glob și le permite să-și împărtășească proiectele și să-și prezinte design-urile pe platformă. Deoarece este o comunitate de designeri, trebuie să aibă o pagină de conectare uimitoare. Au creat o pagină de conectare foarte creativă. Puteți vedea două ecrane în timp ce deschideți pagina de conectare a site-ului web. În partea stângă, puteți observa ecranul de conectare unde vă puteți conecta prin ID-ul și parola de e-mail sau conturile de rețele sociale precum Facebook. Dar dacă sunteți un utilizator nou, puteți face clic pe butonul de înregistrare din partea dreaptă a paginii. Pe măsură ce faceți clic pe butonul de înregistrare, pagina de conectare se ascunde, iar pagina de înscriere glisează spre dreapta. Acestea permit crearea unui cont gratuit cu detalii specifice pe care vi le cer. Butonul de înregistrare este dezactivat dacă și până când completați toate detaliile în câmpurile de introducere. De asemenea, vă puteți înscrie folosind conturile de rețele sociale.
Paginile de conectare fiind o parte integrantă, designerii trebuie să proiecteze paginile care să atragă utilizatorii cunoscători de tehnologie de astăzi. Inițial, layout-urile au fost simple pentru paginile de conectare, deoarece era unul dintre punctele critice de interacțiune a utilizatorului cu site-ul web. Dar acum, convențiile s-au schimbat în bine și este ușor să vezi designuri interesante peste tot. Acest blog surprinde formularele de conectare care au design impresionante. Aceste modele pot fi folosite ca idei inspiraționale pentru a proiecta formularele de conectare de la zero. La proiectarea formularului de conectare, trebuie să se acorde toată grija CTA-urilor și ar trebui să li se ofere un aspect frumos.