15 formulários de login impressionantes para inspiração de design
Publicados: 2020-09-02Os formulários de login existem desde que o conceito do site surgiu. E é uma seção crucial de qualquer site. A interação humana com as páginas de login mudou com o tempo. Inicialmente, costumávamos inserir o endereço de e-mail ou ID e senha para fazer login no sistema. Agora, temos um Touch ID no telefone, escaneamento facial e outras formas de fazer login no sistema. Do ponto de vista do design, os formulários de login tinham designs muito chatos e de aparência plana. Mas hoje em dia, os designers criaram designs impressionantes e inovadores, cheios de cores vibrantes.
Este blog se concentra nos formulários de login impressionantes que você pode explorar ou se inspirar para criar um formulário de login de designer, como designer. Vamos examinar os sites que têm alguns formulários de login vibrantes e impressionantes à sua disposição.
1. Doce:
Sweet é um site que lida com influenciadores e artistas. Você pode ser um artista ou um influenciador se estiver usando o site. O site tem um tema de cores que se parece com um doce de sorvete. Além disso, a logo do site também possui um bombom de sorvete em sua formação. O formulário de login deste site é impressionante, com o tema de cor azul mudando gradualmente para diferentes tons de roxo. Você pode fazer login no site com nome de usuário, número de telefone ou endereço de e-mail. Ele também permite que você faça login pelo Facebook, Twitter e Google se o foco estiver em qualquer um dos campos de entrada, a sombra do sublinhado muda para azul.
2. Zendesk:
O Zendesk é um site que lida com atendimento ao cliente e é conhecido por trabalhar com os problemas do cliente. Esta empresa está sediada na Califórnia, EUA. Sua página de login é muito minimalista em seu design. Você só pode ver o campo de entrada onde você deve ter seu nome de subdomínio. Não há mais nada para desviar sua atenção do formulário de login. Existem outros links abaixo do formulário de login. Mas, não há links de cabeçalho e rodapé ou imagens no site. Isso permite que você se concentre apenas e somente no registro no sistema.
3. Espaço quadrado:
O Squarespace é outro site que lida com marketing digital e possui alguns modelos de design prontos para uso. Eles têm uma nova página inicial com designs elaborados. Mas, sua página de login tem um design minimalista. Esta página de login também não possui um cabeçalho e um rodapé para distrair o usuário do processo de login. O campo de entrada solicita que você insira o endereço de e-mail e a senha. Além disso, você também pode fazer login usando contas do Google, Apple, Facebook e Twitter. Seu CTA de login também é simples, mas eficaz.
4. Avanço:
Headway é um site que fornece um registro de alterações para manter os clientes informados sobre um determinado serviço ou produto. Todo o site é pintado em um tema de cor branca no design mais direto possível. Eles têm uma página de login ainda mais simples, onde não há detalhes de cabeçalho ou rodapé que possam distraí-lo. Com apenas uma imagem na margem esquerda, eles têm uma página de login onde você pode preencher seu endereço de e-mail e senha. Você também tem permissão para fazer login com os detalhes da sua conta do Google. A página de login é simples, com fundo branco e sem elementos sofisticados da interface do usuário.
5. VSCO:
VSCO é um aplicativo de edição de fotos com um site com o mesmo nome. O site apresenta rolagem parallax e tem uma nova interface de usuário. Mas, o formulário de login no site é um formulário todo branco com um design simples. Você pode fazer login através do seu endereço de e-mail ou nome de perfil e a senha. A página também permite que você acesse a página inicial do VSCO, Feed, página de inscrição e a página para baixar o aplicativo VSCO. Ele tem apenas um logotipo que representa a comunidade no topo da página do formulário de login.
6. Gotejamento:
Drip é um site que projeta coisas de quadrinhos, filmes e gêneros de vídeo e música. Assim como o VSCO e o Squarespace, o formulário de login deste site também é feito com um tema de cor branca. No topo, você pode ver que eles escreveram: “Login to Kickstarter”. Mas, Drip faz parte da equipe Kickstarter. Você pode fazer login no site usando o Kickstarter ID e sua senha. Eles também têm um link de senha esquecida junto com os detalhes de login. Você também pode fazer login usando os detalhes de login do Facebook. Ao rolar na parte inferior da página, você pode ver que o Drip faz parte da família Kickstarter. Eles não têm outros links indo e voltando para diferentes páginas do site. Se você quiser visitar o site, basta clicar no logotipo do Drip na parte superior do formulário de login.
7. Retrospectiva:
Lookback é um site que permite aos usuários realizar várias tarefas por meio de seu aplicativo. Eles têm uma página de formulário de login funcional, mas direta. Eles escreveram em letras grandes e em negrito: “Ei, bom ver você de novo!” Abaixo disso, eles escreveram “Faça login para começar” em letras pequenas. Você pode fazer login no site deles através do seu endereço de e-mail ou nome de usuário e senha atribuídos. Eles têm um botão verde Entrar que define seu botão de CTA, e é fácil perceber isso quando você abre a página. O rodapé da página possui alguns links, mas o cabeçalho permanece vazio.
8. Remo:
Paddle é um site que não permite que você acesse outras partes do site como outros sites permitem. Sua página de login apresenta o logotipo do site junto com as entradas de login. Você pode fazer login no site deles usando um endereço de e-mail e senha. O botão de login azul tem o tom certo de azul, atraente o suficiente para chamar a atenção do usuário. Além disso, este tom de azul está correto para definir o botão de call to action. Você também pode redefinir sua senha com o link fornecido abaixo do formulário de login.
9. Uber:
O Uber é um site popular de reservas de táxi e seus serviços também estão disponíveis na forma de um aplicativo móvel. A gigante das reservas de táxis surpreendeu o público imediatamente após seu lançamento. Eles criaram diferentes formulários de login: um para o motorista e outro para os passageiros. Vamos dar uma olhada no formulário de login que o site forneceu para os motoristas. Na parte superior do formulário de login, você pode ver o logotipo da Uber em preto. Para entrar no site, você deve fornecer seu endereço de e-mail registrado. Você pode fornecer a senha na próxima página depois de enviar seu endereço de e-mail e pressionar o botão Avançar. Um link de inscrição também é colocado abaixo do formulário de login. Eles colocaram habilmente o próximo botão na cor escura, que não deixa de atrair a atenção quando você abre a página. E como se costuma dizer, um CTA deve estar sempre em uma cor diferente. Além disso, o CTA também deve ser o primeiro a aparecer na proximidade visual do usuário.
10. National Geographic:
National Geographic é o site que administra a rede americana de televisão. É uma joint venture entre a Walt Disney Company e a National Geographic Society. Sua página de login é tão única quanto sua existência. Sua página de login pede seu endereço de e-mail e sua senha. Tem um design minimalista sem elementos extravagantes para atrair sua atenção. Mas eles colocaram estrategicamente o botão de login em amarelo, que também é o CTA. Você pode se registrar como um novo usuário na mesma página clicando no botão em preto. O cabeçalho da página parece vago, mas o rodapé apresenta alguns links que podem levá-lo a certas partes do site.
11. Medium.com:
Medium.com é um site popular que permite que os blogueiros carreguem seus blogs na plataforma. Seu site fala sobre artigos e blogs de vários domínios e nichos. Mas a página de login deles parece ser muito interessante. Eles não usaram CTAs atraentes em sua página de login. Em vez disso, a página parece ter um design minimalista. Você pode fazer login no site deles usando o Google, Facebook, Apple, Twitter e seu endereço de e-mail. A versatilidade de fazer login no site é a melhor parte de sua página de login. Você pode se registrar no site deles clicando no link criar um. Eles não têm outros links no cabeçalho e no rodapé da página. Apenas os Termos de Serviço e a Política de Privacidade dos links do site podem ser encontrados abaixo do formulário de login.
12. O Washington Post:
O Washington Post é um jornal americano que é publicado diariamente em Washington DC, e eles administram o site com o mesmo nome, The Washington Post. Chegando à página de login, eles criaram um formulário de login simples com um fundo azul marinho. Você pode fazer login com seu endereço de e-mail ou optar por fazer login por meio de um link enviado em seu endereço de e-mail. Além disso, também permite que você faça login com Amazon, Facebook, Google e Apple. Abaixo do formulário de login, você também pode localizar o link de inscrição. No rodapé da página de login, você encontra os links para a política de privacidade, ajuda e páginas de contato.
13. Mailchimp:
MailChimp é uma empresa americana que desde 2001 lida com serviços de email marketing e automação de marketing. Como você pode ver, o site é feito com fundo branco. Da mesma forma, eles projetaram sua página de login com um fundo branco e o formulário de login está estrategicamente posicionado no lado esquerdo da página da web. No lado direito, você pode ver as informações sobre o podcast mais recente, The Jump. Eles colocaram seu CTA no botão de login. Você só pode fazer login no site deles usando seu endereço de e-mail e senha. Ele não permite o login através de outras contas de mídia social.
14. Sephora:
A Sephora é uma multinacional francesa que lida com fabricantes de cosméticos de classe mundial. Possui cerca de 3.000 marcas de cosméticos e beleza pessoal de todo o mundo. Seu site mostra todos os seus produtos, e o layout do site foi projetado em elementos de interação do usuário em preto e branco. A parte mais interessante do site deles é a página de login. Eles não têm uma página de login individual. Em vez disso, eles criaram uma caixa pop-up que sai da página quando você clica no botão de login. Assim como o MailChimp, você precisa do seu endereço de e-mail para entrar no site deles. Você não pode entrar no site deles usando contas de mídia social como Facebook, Amazon e outros. Eles colocaram estrategicamente dois CTAs em cores contrastantes. O botão de login está todo em preto, enquanto o botão Criar conta está em branco. Ambos os CTAs são os primeiros a chamar sua atenção.
15. Diprela:
Diprella é um site comunitário que conecta todos os designers do mundo e permite que eles compartilhem seus projetos e mostrem seus designs na plataforma. Como é uma comunidade de designers, tem que ter uma página de login impressionante. Eles criaram uma página de login muito criativa. Você pode ver duas telas ao abrir a página de login do site. No lado esquerdo, você pode ver a tela de login onde você pode fazer login com seu ID de e-mail e senha ou suas contas de mídia social como o Facebook. Mas se você é um novo usuário, pode clicar no botão de inscrição no lado direito da página. Conforme você clica no botão de inscrição, a página de login é ocultada e a página de inscrição desliza para a direita. Eles permitem a criação de uma conta gratuita com detalhes específicos que eles solicitam. O botão de inscrição está desativado, a menos e até que você preencha todos os detalhes nos campos de entrada. Você também pode se inscrever usando contas de redes sociais.
Como as páginas de login são parte integrante, os designers precisam projetar as páginas que atraem os usuários experientes em tecnologia de hoje. Inicialmente, os layouts eram diretos para as páginas de login, pois era um dos pontos críticos de interação do usuário com o site. Mas agora, as convenções mudaram para melhor, e é fácil identificar designs interessantes por toda parte. Este blog captura os formulários de login com designs impressionantes. Esses designs podem ser usados como ideias inspiradoras para criar os formulários de login do zero. Ao projetar o formulário de login, todos os cuidados com os CTAs devem ser tomados, e eles devem ter uma aparência bonita.