15 formularios de inicio de sesión impresionantes para la inspiración del diseño
Publicado: 2020-09-02Los formularios de inicio de sesión han existido desde que surgió el concepto del sitio web. Y es una sección crucial de cualquier sitio web. La interacción humana con las páginas de inicio de sesión ha cambiado con el tiempo. Inicialmente, solíamos ingresar la dirección de correo electrónico o ID y contraseña para iniciar sesión en el sistema. Ahora, tenemos una identificación táctil en el teléfono, escaneo facial y otras formas de iniciar sesión en el sistema. Desde el punto de vista del diseño, los formularios de inicio de sesión tenían diseños muy aburridos y planos. Pero hoy en día, los diseñadores han creado diseños impresionantes y listos para usar llenos de colores vibrantes.
Este blog se centra en los impresionantes formularios de inicio de sesión que puede explorar o inspirarse para crear un formulario de inicio de sesión de diseñador, como diseñador. Examinemos los sitios web que tienen algunos formularios de inicio de sesión vibrantes e impresionantes a su disposición.
1. Dulce:
Sweet es un sitio web que trata sobre personas influyentes y artistas. Puede ser un artista o una persona influyente si está utilizando el sitio. El sitio web tiene un tema de color que se parece a un dulce de helado. Además, el logo del sitio web también tiene un caramelo de helado en su formación. El formulario de inicio de sesión de este sitio web es impresionante, con el tema de color azul cambiando gradualmente a diferentes tonos de púrpura. Puede iniciar sesión en el sitio web con nombre de usuario, número de teléfono o dirección de correo electrónico. También le permite iniciar sesión a través de Facebook, Twitter y Google si el foco está en cualquiera de los campos de entrada, la sombra del subrayado cambia a azul.
2. Zendesk:
Zendesk es un sitio web que maneja el servicio al cliente y se sabe que trabaja en los problemas de los clientes. Esta empresa tiene su sede en California, Estados Unidos. Su página de inicio de sesión es muy minimalista en su diseño. Solo puede ver el campo de entrada donde debe tener su nombre de subdominio. No hay nada más que deje que su atención se desvíe del formulario de inicio de sesión. Hay otros enlaces debajo del formulario de inicio de sesión. Sin embargo, no hay enlaces o imágenes de encabezado y pie de página en el sitio web. Esto le permite concentrarse única y exclusivamente en el registro en el sistema.
3. Espacio cuadrado:
Squarespace es otro sitio web que maneja marketing digital y tiene algunas plantillas de diseño listas para usar. Tienen una nueva página de inicio con diseños elaborados. Pero, su página de inicio de sesión tiene un diseño minimalista. Esta página de inicio de sesión tampoco incluye un encabezado y un pie de página para distraer al usuario del proceso de inicio de sesión. El campo de entrada le pide que ingrese la dirección de correo electrónico y la contraseña. Junto con eso, también puede iniciar sesión con las cuentas de Google, Apple, Facebook y Twitter. Su CTA de inicio de sesión también es simple pero efectivo.
4. Avance:
Headway es un sitio web que proporciona un registro de cambios para mantener a los clientes informados sobre un servicio o producto en particular. Todo su sitio web está pintado con un tema de color blanco en el diseño más sencillo posible. Tienen una página de inicio de sesión aún más simple donde no hay detalles de encabezado o pie de página que puedan distraerlo. Con solo una imagen en el margen izquierdo, tienen una página de inicio de sesión donde puede ingresar su dirección de correo electrónico y contraseña. También puede iniciar sesión con los detalles de su cuenta de Google. La página de inicio de sesión es simple, con un fondo blanco y sin elementos de interfaz de usuario sofisticados.
5. VSCO:
VSCO es una aplicación de edición de fotos con un sitio web con el mismo nombre. El sitio cuenta con desplazamiento de paralaje y tiene una nueva interfaz de usuario. Pero, el formulario de inicio de sesión en el sitio web es un formulario completamente blanco que tiene un diseño simple. Puede iniciar sesión a través de su dirección de correo electrónico o nombre de perfil y la contraseña. La página también le permite ir a la página de inicio de VSCO, Feed, página de registro y la página para descargar la aplicación VSCO. Solo tiene un logotipo que representa a la comunidad en la parte superior de la página del formulario de inicio de sesión.
6. Goteo:
Drip es un sitio web que diseña cosas de los géneros de cómics, películas, videos y música. Al igual que VSCO y Squarespace, el formulario de inicio de sesión de este sitio web también está hecho con un tema de color blanco. En la parte superior, puede ver que han escrito: "Iniciar sesión en Kickstarter". Pero, Drip es parte del equipo de Kickstarter. Puede iniciar sesión en el sitio web utilizando el ID de Kickstarter y su contraseña. También tienen un enlace de contraseña olvidada junto con los detalles de inicio de sesión. También puede iniciar sesión utilizando los datos de inicio de sesión de Facebook. A medida que se desplaza en la parte inferior de la página, puede ver que Drip es parte de la familia Kickstarter. No tienen otros enlaces que van y vienen a diferentes páginas del sitio web. Si desea visitar el sitio, solo tiene que hacer clic en el logotipo de Drip en la parte superior del formulario de inicio de sesión.
7. Retrospectiva:
Lookback es un sitio web que permite a los usuarios realizar varias tareas a través de su aplicación. Tienen una página de formulario de inicio de sesión funcional pero sencilla. Han escrito en letras grandes y en negrita: “¡Hola, me alegro de verte de nuevo!”. Debajo de eso, han escrito "Iniciar sesión para comenzar" en letras pequeñas. Puede iniciar sesión en su sitio web a través de su dirección de correo electrónico o nombre de usuario y contraseña asignados. Tienen un botón verde de inicio de sesión que define su botón CTA, y es fácil notarlo cuando abres la página. El pie de página de la página tiene algunos enlaces, pero el encabezado permanece vacío.
8. Remo:
Paddle es un sitio web que no le permite acceder a otras partes del sitio como lo permiten otros sitios web. Su página de inicio de sesión presenta el logotipo del sitio web junto con las entradas de inicio de sesión. Puede iniciar sesión en su sitio web con una dirección de correo electrónico y una contraseña. El botón de inicio de sesión azul tiene el tono correcto de azul, lo suficientemente atractivo como para captar la atención del usuario. Además, este tono azul es correcto para definir el botón de llamada a la acción. También puede restablecer su contraseña con el enlace que le han proporcionado debajo del formulario de inicio de sesión.
9.Uber:
Uber es un popular sitio web de reserva de taxis y sus servicios también están disponibles en forma de aplicación móvil. El gigante de la reserva de taxis cautivó a la audiencia inmediatamente después de su lanzamiento. Han diseñado diferentes formularios de inicio de sesión: uno para su conductor y otros para sus pasajeros. Echemos un vistazo al formulario de inicio de sesión que el sitio web ha proporcionado para los controladores. En la parte superior del formulario de inicio de sesión, puede ver el logotipo de Uber en negro. Para iniciar sesión en el sitio, debe proporcionar su dirección de correo electrónico registrada. Puede proporcionar la contraseña en la página siguiente después de enviar su dirección de correo electrónico y presionar el botón Siguiente. También se coloca un enlace de registro debajo del formulario de inicio de sesión. Han colocado ingeniosamente el siguiente botón en el color oscuro, lo que no deja de llamar la atención al abrir la página. Y como dicen, un CTA siempre debe estar en un color diferente. Además, el CTA también debe ser el primero en aparecer en la proximidad visual del usuario.
10. Nacional Geográfico:
National Geographic es el sitio web que gestiona la cadena estadounidense de televisión. Es una empresa conjunta entre Walt Disney Company y National Geographic Society. Su página de inicio de sesión es tan única como su existencia. Su página de inicio de sesión le pide su dirección de correo electrónico y su contraseña. Tiene un diseño minimalista sin elementos sofisticados que llamen la atención. Pero han colocado estratégicamente su botón de inicio de sesión en amarillo, que también es su CTA. Puede registrarse como nuevo usuario en la misma página haciendo clic en el botón en negro. El encabezado de la página parece vacío, pero el pie de página presenta ciertos enlaces que pueden llevarlo a ciertas partes del sitio web.
11. Medium.com:
Medium.com es un sitio web popular que permite a los blogueros cargar sus blogs en la plataforma. Su sitio web habla de artículos y blogs de varios dominios y nichos. Pero su página de inicio de sesión parece ser muy interesante. No han utilizado ningún CTA atractivo en su página de inicio de sesión. En cambio, la página parece tener un diseño minimalista. Puede iniciar sesión en su sitio web usando Google, Facebook, Apple, Twitter y su dirección de correo electrónico. La versatilidad de iniciar sesión en el sitio web es la mejor parte de su página de inicio de sesión. Puede registrarse en su sitio web haciendo clic en el enlace Crear uno. No tienen ningún otro enlace en su encabezado y pie de página. Solo los Términos de servicio y la Política de privacidad de los enlaces del sitio web se pueden encontrar debajo del formulario de inicio de sesión.
12. El Correo de Washington:
The Washington Post es un periódico estadounidense que se publica diariamente en Washington DC, y han estado ejecutando el sitio web con el mismo nombre, The Washington Post. Al llegar a su página de inicio de sesión, han diseñado un formulario de inicio de sesión sencillo con un fondo azul marino. Puede iniciar sesión con su dirección de correo electrónico o puede optar por iniciar sesión a través de un enlace enviado a su dirección de correo electrónico. Además, también le permite iniciar sesión con Amazon, Facebook, Google y Apple. Debajo del formulario de inicio de sesión, también puede ver el enlace de registro. En el pie de página de la página de inicio de sesión, puede encontrar los enlaces a la política de privacidad, la ayuda y las páginas de contacto.
13. Mailchimp:
MailChimp es una empresa estadounidense que maneja servicios de marketing por correo electrónico y automatización de marketing desde 2001. Como puede ver, el sitio web está hecho con un fondo blanco. Del mismo modo, han diseñado su página de inicio de sesión con un fondo blanco, y el formulario de inicio de sesión está ubicado estratégicamente en el lado izquierdo de la página web. En el lado derecho, puede ver la información sobre su último podcast, The Jump. Han colocado su CTA en su botón de inicio de sesión. Solo puede iniciar sesión en su sitio web con su dirección de correo electrónico y contraseña. No permite iniciar sesión a través de otras cuentas de redes sociales.
14. Séfora:
Sephora es una empresa multinacional francesa que se ocupa de los fabricantes de cosméticos de clase mundial. Cuenta con alrededor de 3000 marcas de cosmética y belleza personal de todo el mundo. Su sitio web muestra todos sus productos, y el diseño del sitio ha sido diseñado en elementos de interacción con el usuario en blanco y negro. La parte más emocionante de su sitio web es su página de inicio de sesión. No tienen una página de inicio de sesión individual. En su lugar, han diseñado un cuadro emergente que aparece fuera de la página cuando haces clic en el botón de inicio de sesión. Al igual que MailChimp, necesita su dirección de correo electrónico para iniciar sesión en su sitio web. No puede iniciar sesión en su sitio web utilizando cuentas de redes sociales como Facebook, Amazon y otras. Han colocado estratégicamente dos CTA en colores contrastantes. El botón de inicio de sesión está en negro mientras que el botón Crear cuenta está en blanco. Ambos CTA son los primeros en llamar la atención.
15. Diprela:
Diprella es un sitio web comunitario que conecta a todos los diseñadores del mundo y les permite compartir sus proyectos y exhibir sus diseños en la plataforma. Como es una comunidad de diseñadores, debe tener una página de inicio de sesión impresionante. Han creado una página de inicio de sesión muy creativa. Puede ver dos pantallas al abrir la página de inicio de sesión del sitio web. En el lado izquierdo, puede ver la pantalla de inicio de sesión donde puede iniciar sesión a través de su ID de correo electrónico y contraseña o sus cuentas de redes sociales como Facebook. Pero si es un usuario nuevo, puede hacer clic en el botón de registro en el lado derecho de la página. Al hacer clic en el botón de registro, la página de inicio de sesión se oculta y la página de registro se desliza hacia la derecha. Permiten la creación de una cuenta de forma gratuita con los datos específicos que te piden. El botón de registro está deshabilitado a menos y hasta que complete todos los detalles en los campos de entrada. También puede registrarse utilizando cuentas de redes sociales.
Las páginas de inicio de sesión son una parte integral, los diseñadores deben diseñar las páginas que atraigan a los usuarios expertos en tecnología de hoy. Inicialmente, los diseños eran sencillos para las páginas de inicio de sesión, ya que era uno de los puntos críticos de interacción del usuario con el sitio web. Pero ahora, las convenciones han cambiado para mejor, y es fácil detectar diseños emocionantes por todas partes. Este blog captura los formularios de inicio de sesión que tienen diseños impresionantes. Estos diseños se pueden usar como ideas inspiradoras para diseñar los formularios de inicio de sesión desde cero. Al diseñar el formulario de inicio de sesión, se debe tener todo el cuidado de los CTA y se les debe dar una apariencia hermosa.