15 impressionanti moduli di accesso per l'ispirazione del design
Pubblicato: 2020-09-02I moduli di accesso esistono da quando è nato il concetto di sito Web. Ed è una sezione cruciale di qualsiasi sito web. L'interazione umana con le pagine di accesso è cambiata nel tempo. Inizialmente, inserivamo l'indirizzo e-mail o l'ID e la password per accedere al sistema. Ora abbiamo un Touch ID sul telefono, la scansione del viso e altri modi per accedere al sistema. Dal punto di vista del design, i moduli di accesso avevano design molto opachi e dall'aspetto piatto. Ma al giorno d'oggi, i designer hanno escogitato design straordinari e fuori dagli schemi pieni di colori vivaci.
Questo blog si concentra sugli impressionanti moduli di accesso che puoi esplorare o da cui trarre ispirazione per creare un modulo di accesso per designer, come designer. Esaminiamo i siti Web che hanno a disposizione moduli di accesso vivaci e sorprendenti.
1. Dolce:
Sweet è un sito web che si occupa di influencer e artisti. Puoi essere un artista o un influencer se stai utilizzando il sito. Il sito Web ha un tema di colore simile a una caramella gelato. Inoltre, il logo del sito web ha anche una caramella gelato nella sua formazione. Il modulo di accesso di questo sito Web è sbalorditivo, con il tema del colore del blu che cambia gradualmente verso diverse sfumature di viola. È possibile accedere al sito Web con nome utente, numero di telefono o indirizzo e-mail. Ti consente anche di accedere tramite Facebook, Twitter e Google se lo stato attivo è su uno qualsiasi dei campi di input, l'ombra della sottolineatura diventa blu.
2. Zendesk:
Zendesk è un sito Web che gestisce il servizio clienti ed è noto per lavorare ai problemi dei clienti. Questa azienda ha sede in California, USA. La loro pagina di accesso è molto minimalista nel suo design. Puoi vedere solo il campo di input in cui devi avere il tuo nome di sottodominio. Non c'è nient'altro per distogliere la tua attenzione dal modulo di accesso. Ci sono altri collegamenti sotto il modulo di accesso. Ma non ci sono collegamenti o immagini di intestazione e piè di pagina sul sito web. Ciò ti consente di concentrarti solo e solo sulla registrazione nel sistema.
3. Spazio quadrato:
Squarespace è un altro sito Web che gestisce il marketing digitale e dispone di alcuni modelli di design pronti per l'uso. Hanno una nuova home page con disegni elaborati. Ma la loro pagina di accesso ha un design minimalista. Questa pagina di accesso inoltre non presenta un'intestazione e un piè di pagina per distrarre l'utente dal processo di accesso. Il campo di inserimento chiede di inserire l'indirizzo e-mail e la password. Oltre a ciò, puoi anche accedere utilizzando account Google, Apple, Facebook e Twitter. Anche il loro CTA di accesso è semplice ma efficace.
4. Progresso:
Headway è un sito Web che fornisce un registro delle modifiche per tenere informati i clienti su un particolare servizio o prodotto. Il loro intero sito Web è dipinto con un tema di colore bianco nel design più semplice possibile. Hanno una pagina di accesso ancora più semplice in cui non ci sono dettagli di intestazione o piè di pagina che possono distrarti. Con solo un'immagine nel margine sinistro, hanno una pagina di accesso in cui puoi inserire il tuo indirizzo e-mail e password. Puoi anche accedere con i dettagli del tuo account Google. La pagina di accesso è semplice, con uno sfondo bianco e nessun elemento dell'interfaccia utente di fantasia.
5. VSCO:
VSCO è un'applicazione di fotoritocco con un sito Web con lo stesso nome. Il sito presenta lo scorrimento in parallasse e ha una nuova interfaccia utente. Ma il modulo di accesso sul sito Web è un modulo completamente bianco che ha un design semplice. Puoi accedere tramite il tuo indirizzo email o il nome del profilo e la password. La pagina consente inoltre di accedere alla home page di VSCO, al feed, alla pagina di registrazione e alla pagina per scaricare l'applicazione VSCO. Ha solo un logo che rappresenta la comunità nella parte superiore della pagina del modulo di accesso.
6. Gocciolamento:
Drip è un sito Web che progetta cose da fumetti, film, video e generi musicali. Come VSCO e Squarespace, anche il modulo di accesso di questo sito Web è realizzato con un tema di colore bianco. In alto, puoi notare che hanno scritto: "Accedi a Kickstarter". Ma Drip fa parte del team Kickstarter. Puoi accedere al sito Web utilizzando l'ID Kickstarter e la relativa password. Hanno anche un collegamento password dimenticata insieme ai dettagli di accesso. Puoi anche accedere utilizzando i dettagli di accesso di Facebook. Mentre scorri in fondo alla pagina, puoi vedere che Drip fa parte della famiglia Kickstarter. Non hanno altri collegamenti che vanno avanti e indietro a diverse pagine del sito web. Se vuoi visitare il sito, devi solo cliccare sul logo Drip nella parte superiore del form di login.
7. Ritorno:
Lookback è un sito Web che consente agli utenti di eseguire varie attività tramite la propria applicazione. Hanno una pagina del modulo di accesso dall'aspetto funzionale ma semplice. Hanno scritto a grandi lettere in grassetto: "Ehi, piacere di rivederti!" Al di sotto, hanno scritto "Accedi per iniziare" a lettere minuscole. Puoi accedere al loro sito Web tramite il tuo indirizzo e-mail o nome utente e password assegnati. Hanno un pulsante Accedi verde che definisce il loro pulsante CTA ed è facile notare che è la prima cosa quando apri la pagina. Il piè di pagina della pagina ha alcuni collegamenti, ma l'intestazione rimane vuota.
8. Pagaia:
Paddle è un sito Web che non ti consente di accedere ad altre parti del sito come ti consentono altri siti Web. La loro pagina di accesso presenta il logo del sito Web insieme agli input di accesso. Puoi accedere al loro sito Web utilizzando un indirizzo e-mail e una password. Il pulsante di accesso blu ha la giusta tonalità di blu, abbastanza attraente da catturare l'attenzione dell'utente. Inoltre, questa tonalità blu è corretta per definire il pulsante di invito all'azione. Puoi anche reimpostare la tua password con il link che hanno fornito sotto il modulo di accesso.
9. Uber:
Uber è un popolare sito Web di prenotazione di taxi e i suoi servizi sono disponibili anche sotto forma di applicazione mobile. Il gigante della prenotazione dei taxi ha catturato il pubblico subito dopo il suo lancio. Hanno progettato diversi moduli di accesso: uno per il conducente e altri per i passeggeri. Diamo un'occhiata al modulo di accesso che il sito Web ha fornito per i conducenti. Nella parte superiore del modulo di accesso, puoi individuare il logo Uber in nero. Per iscriversi al sito è necessario fornire l'indirizzo email registrato. Puoi fornire la password nella pagina successiva dopo aver inviato il tuo indirizzo email e premere il pulsante successivo. Sotto il modulo di accesso è presente anche un link di registrazione. Hanno abilmente posizionato il pulsante successivo nel colore scuro, che non manca di attirare l'attenzione mentre apri la pagina. E come si suol dire, una CTA dovrebbe essere sempre di un colore diverso. Inoltre, la CTA dovrebbe anche essere la prima ad apparire in prossimità visiva dell'utente.
10. National Geographic:
National Geographic è il sito web che gestisce la rete televisiva americana. È una joint venture tra la Walt Disney Company e la National Geographic Society. La loro pagina di accesso è unica come la loro esistenza. La loro pagina di accesso richiede il tuo indirizzo email e la tua password. Ha un design minimale senza elementi di fantasia per attirare la tua attenzione. Ma hanno strategicamente posizionato il loro pulsante di accesso in giallo, che è anche il loro CTA. Puoi registrarti come nuovo utente sulla stessa pagina cliccando sul pulsante in nero. L'intestazione della pagina sembra vuota, ma il piè di pagina contiene alcuni collegamenti che possono portarti a determinate parti del sito web.
11. Medium.com:
Medium.com è un popolare sito Web che consente ai blogger di caricare i propri blog sulla piattaforma. Il loro sito web parla di articoli e blog di vari domini e nicchie. Ma la loro pagina di accesso sembra essere molto interessante. Non hanno utilizzato CTA attraenti nella loro pagina di accesso. Invece, la pagina sembra avere un design minimalista. Puoi accedere al loro sito Web utilizzando Google, Facebook, Apple, Twitter e il tuo indirizzo e-mail. La versatilità dell'accesso al sito Web è la parte migliore della loro pagina di accesso. È possibile registrarsi con il loro sito Web facendo clic sul collegamento crea uno. Non hanno altri collegamenti nell'intestazione e nel piè di pagina della pagina. Solo i Termini di servizio e l'Informativa sulla privacy dei collegamenti al sito Web sono disponibili sotto il modulo di accesso.
12. Il Washington Post:
Il Washington Post è un quotidiano americano che viene pubblicato quotidianamente a Washington DC, e gestisce il sito web con lo stesso nome, The Washington Post. Arrivando alla loro pagina di accesso, hanno progettato un modulo di accesso semplice con uno sfondo blu navy. Puoi accedere con il tuo indirizzo email, oppure puoi scegliere di accedere tramite un link inviato sul tuo indirizzo email. Inoltre, ti consente anche di accedere con Amazon, Facebook, Google e Apple. Sotto il modulo di accesso, puoi anche individuare il link di registrazione. A piè di pagina della pagina di login, puoi trovare i link alla privacy policy, alle pagine di aiuto e di contatto.
13. Mailchimp:
MailChimp è una società americana che gestisce servizi di email marketing e marketing automation dal 2001. Come puoi vedere, il sito web è realizzato con uno sfondo bianco. Allo stesso modo, hanno progettato la loro pagina di accesso con uno sfondo bianco e il modulo di accesso è posizionato strategicamente sul lato sinistro della pagina web. Sul lato destro, puoi individuare le informazioni sul loro ultimo podcast, The Jump. Hanno inserito la loro CTA sul loro pulsante di accesso. Puoi accedere al loro sito Web solo utilizzando il tuo indirizzo e-mail e password. Non consente l'accesso tramite altri account di social media.
14. Sefora:
Sephora è una multinazionale francese che si occupa di produttori di cosmetici di livello mondiale. Presenta circa 3000 marchi di cosmetici e bellezza personale da tutto il mondo. Il loro sito Web mostra tutti i loro prodotti e il layout del sito è stato progettato con elementi di interazione dell'utente in bianco e nero. La parte più eccitante del loro sito Web è la loro pagina di accesso. Non hanno una pagina di accesso individuale. Invece, hanno progettato una finestra pop-up che esce dalla pagina quando fai clic sul pulsante di accesso. Come MailChimp, hai bisogno del tuo indirizzo email per accedere al loro sito web. Non puoi accedere al loro sito Web utilizzando account di social media come Facebook, Amazon e altri. Hanno posizionato strategicamente due CTA in colori contrastanti. Il pulsante di accesso è tutto nero mentre il pulsante Crea account è bianco. Entrambi i CTA sono i primi a colpire i tuoi occhi.
15. Diprella:
Diprella è un sito Web della community che collega tutti i designer del mondo e consente loro di condividere i loro progetti e mostrare i loro progetti sulla piattaforma. Poiché è una comunità di designer, deve avere una straordinaria pagina di accesso. Hanno creato una pagina di accesso molto creativa. Puoi vedere due schermate mentre apri la pagina di accesso del sito web. Sul lato sinistro, puoi individuare la schermata di accesso in cui puoi accedere tramite il tuo ID e-mail e password o i tuoi account di social media come Facebook. Ma se sei un nuovo utente, puoi fare clic sul pulsante di registrazione sul lato destro della pagina. Quando fai clic sul pulsante di registrazione, la pagina di accesso si nasconde e la pagina di registrazione scorre a destra. Consentono la creazione gratuita di un account con i dettagli specifici che ti chiedono. Il pulsante di registrazione è disabilitato a meno che e fino a quando non completi tutti i dettagli nei campi di input. Puoi anche iscriverti utilizzando gli account dei social network.
Essendo le pagine di accesso una parte integrante, i progettisti devono progettare le pagine che attirino gli utenti esperti di tecnologia di oggi. Inizialmente, i layout erano semplici per le pagine di accesso in quanto era uno dei punti critici di interazione dell'utente con il sito web. Ma ora le convenzioni sono cambiate in meglio ed è facile individuare progetti entusiasmanti dappertutto. Questo blog cattura i moduli di accesso che hanno design impressionanti. Questi disegni possono essere usati come idee di ispirazione per progettare da zero i moduli di accesso. Durante la progettazione del modulo di accesso, è necessario prestare tutta la cura delle CTA e dare loro un bell'aspetto.