15 beeindruckende Login-Formulare für Design-Inspiration
Veröffentlicht: 2020-09-02Login-Formulare gibt es, seit es das Konzept der Website gibt. Und es ist ein entscheidender Abschnitt jeder Website. Die menschliche Interaktion mit Login-Seiten hat sich mit der Zeit verändert. Anfangs haben wir die E-Mail-Adresse oder ID und das Passwort eingegeben, um uns beim System anzumelden. Jetzt haben wir eine Touch-ID auf dem Telefon, einen Gesichtsscan und andere Möglichkeiten, uns beim System anzumelden. Aus gestalterischer Sicht hatten die Login-Formulare sehr langweilige und flach wirkende Designs. Aber heutzutage haben die Designer beeindruckende und sofort einsatzbereite Designs voller lebendiger Farben entwickelt.
Dieser Blog konzentriert sich auf die beeindruckenden Anmeldeformulare, die Sie als Designer erkunden oder von denen Sie sich inspirieren lassen können, um ein Designer-Anmeldeformular zu erstellen. Lassen Sie uns die Websites untersuchen, die einige lebendige und beeindruckende Anmeldeformulare zur Verfügung haben.
1. Süß:
Sweet ist eine Website, die sich mit Influencern und Künstlern beschäftigt. Sie können entweder ein Künstler oder ein Influencer sein, wenn Sie die Website nutzen. Die Website hat ein Farbthema, das einer Eiscreme ähnelt. Darüber hinaus hat das Logo der Website auch ein Eisbonbon in seiner Formation. Das Anmeldeformular dieser Website ist atemberaubend, wobei das Farbthema Blau allmählich zu verschiedenen Violetttönen wechselt. Sie können sich mit Benutzername, Telefonnummer oder E-Mail-Adresse auf der Website anmelden. Sie können sich auch über Facebook, Twitter und Google anmelden, wenn sich der Fokus auf einem der Eingabefelder befindet, wechselt der Farbton der Unterstreichung zu Blau.
2. Zendesk:
Zendesk ist eine Website, die den Kundenservice abwickelt und dafür bekannt ist, sich um Kundenprobleme zu kümmern. Dieses Unternehmen hat seinen Sitz in Kalifornien, USA. Ihre Anmeldeseite ist sehr minimalistisch gestaltet. Sie können nur das Eingabefeld sehen, in dem Sie Ihren Subdomainnamen haben müssen. Es gibt nichts anderes, was Ihre Aufmerksamkeit vom Anmeldeformular ablenken könnte. Unterhalb des Anmeldeformulars befinden sich weitere Links. Es gibt jedoch keine Kopf- und Fußzeilen-Links oder Bilder auf der Website. Dadurch können Sie sich ausschließlich auf die Anmeldung im System konzentrieren.
3. Platz:
Squarespace ist eine weitere Website, die sich mit digitalem Marketing befasst und einige Designvorlagen zur Verwendung bereithält. Sie haben eine neue Homepage mit aufwendigen Designs. Aber ihre Anmeldeseite hat ein minimalistisches Design. Diese Anmeldeseite enthält auch keine Kopf- und Fußzeile, um den Benutzer vom Anmeldevorgang abzulenken. Das Eingabefeld fordert Sie auf, die E-Mail-Adresse und das Passwort einzugeben. Darüber hinaus können Sie sich auch mit Google-, Apple-, Facebook- und Twitter-Konten anmelden. Ihr Login-CTA ist ebenfalls einfach, aber effektiv.
4. Fortschritt:
Headway ist eine Website, die ein Änderungsprotokoll bereitstellt, um die Kunden über einen bestimmten Service oder ein Produkt auf dem Laufenden zu halten. Ihre gesamte Website ist in einem weißen Thema in einem möglichst einfachen Design gehalten. Sie haben eine noch einfachere Anmeldeseite, auf der es keine Kopf- oder Fußzeilendetails gibt, die Sie ablenken könnten. Mit nur einem Bild am linken Rand haben sie eine Anmeldeseite, auf der Sie Ihre E-Mail-Adresse und Ihr Passwort eingeben können. Sie können sich auch mit Ihren Google-Kontodaten anmelden. Die Anmeldeseite ist einfach, mit weißem Hintergrund und ohne ausgefallene Elemente der Benutzeroberfläche.
5. VSCO:
VSCO ist eine Fotobearbeitungsanwendung mit einer gleichnamigen Website. Die Seite bietet Parallax-Scrolling und hat eine neue Benutzeroberfläche. Das Anmeldeformular auf der Website ist jedoch ein rein weißes Formular mit einfachem Design. Sie können sich mit Ihrer E-Mail-Adresse oder Ihrem Profilnamen und dem Passwort anmelden. Auf der Seite können Sie auch zur VSCO-Startseite, zum Feed, zur Anmeldeseite und zur Seite zum Herunterladen der VSCO-Anwendung gehen. Es hat nur ein Logo, das die Community oben auf der Anmeldeformularseite darstellt.
6. Tropfen:
Drip ist eine Website, die Dinge aus den Genres Comics, Film, Video und Musik entwirft. Wie VSCO und Squarespace ist auch das Anmeldeformular dieser Website mit einem weißen Thema gestaltet. Oben sehen Sie, dass sie geschrieben haben: „Login to Kickstarter“. Aber Drip ist ein Teil des Kickstarter-Teams. Sie können sich mit der Kickstarter-ID und ihrem Passwort auf der Website anmelden. Sie haben auch einen Link „Passwort vergessen“ zusammen mit den Anmeldedaten. Sie können sich auch mit den Facebook-Anmeldedaten anmelden. Wenn Sie nach unten auf der Seite scrollen, können Sie sehen, dass Drip Teil der Kickstarter-Familie ist. Sie haben keine anderen Links, die zu verschiedenen Seiten der Website hin und her gehen. Wenn Sie die Website besuchen möchten, müssen Sie nur auf das Drip-Logo oben im Anmeldeformular klicken.
7. Rückblick:
Lookback ist eine Website, mit der Benutzer verschiedene Aufgaben über ihre Anwendung ausführen können. Sie haben eine funktionale, aber unkompliziert aussehende Anmeldeformularseite. Sie haben in großen, fetten Buchstaben geschrieben: „Hey, schön, dich wiederzusehen!“ Darunter steht in kleinen Buchstaben „Melden Sie sich an, um loszulegen“. Sie können sich über Ihre E-Mail-Adresse oder Ihren zugewiesenen Benutzernamen und Ihr Passwort auf ihrer Website anmelden. Sie haben eine grüne Anmeldeschaltfläche, die ihre CTA-Schaltfläche definiert, und es ist leicht zu erkennen, dass dies das erste ist, wenn Sie die Seite öffnen. Die Fußzeile der Seite hat ein paar Links, aber die Kopfzeile bleibt leer.
8. Paddel:
Paddle ist eine Website, die Ihnen keinen Zugriff auf andere Teile der Website ermöglicht, wie es andere Websites Ihnen ermöglichen. Ihre Anmeldeseite enthält das Logo der Website zusammen mit den Anmeldeeingaben. Sie können sich mit einer E-Mail-Adresse und einem Passwort auf ihrer Website anmelden. Der blaue Login-Button hat den richtigen Blauton und ist attraktiv genug, um die Aufmerksamkeit des Benutzers zu erregen. Darüber hinaus ist dieser blaue Farbton korrekt, um den Call-to-Action-Button zu definieren. Sie können Ihr Passwort auch über den Link unter dem Anmeldeformular zurücksetzen.
9. Über:
Uber ist eine beliebte Website für Taxibuchungen, und seine Dienste sind auch in Form einer mobilen Anwendung verfügbar. Der Taxibuchungsgigant eroberte das Publikum gleich nach seiner Einführung im Sturm. Sie haben verschiedene Login-Formulare entworfen: eines für ihren Fahrer und andere für ihre Fahrgäste. Werfen wir einen Blick auf das Anmeldeformular, das die Website für die Fahrer bereitgestellt hat. Oben auf dem Anmeldeformular können Sie das Uber-Logo in Schwarz erkennen. Um sich auf der Website anzumelden, müssen Sie Ihre registrierte E-Mail-Adresse angeben. Sie können das Passwort auf der nächsten Seite eingeben, nachdem Sie Ihre E-Mail-Adresse eingegeben haben, und auf die Schaltfläche „Weiter“ klicken. Unter dem Anmeldeformular befindet sich auch ein Anmeldelink. Geschickt haben sie den Next-Button in dunkler Farbe platziert, der schon beim Öffnen der Seite die Aufmerksamkeit auf sich zieht. Und wie heißt es so schön: Ein CTA sollte immer eine andere Farbe haben. Außerdem sollte der CTA auch als erster in Sichtweite des Nutzers erscheinen.
10. Nationalgeographisch:
National Geographic ist die Website, die das amerikanische Fernsehnetzwerk verwaltet. Es ist ein Joint Venture zwischen der Walt Disney Company und der National Geographic Society. Ihre Anmeldeseite ist so einzigartig wie ihre Existenz. Ihre Anmeldeseite fragt nach Ihrer E-Mail-Adresse und Ihrem Passwort. Es hat ein minimalistisches Design ohne ausgefallene Elemente, um Ihre Aufmerksamkeit zu erregen. Aber sie haben ihren Sign-In-Button strategisch in Gelb platziert, was zufällig auch ihr CTA ist. Sie können sich auf derselben Seite als neuer Benutzer registrieren, indem Sie auf die Schaltfläche in Schwarz klicken. Die Kopfzeile der Seite scheint leer zu sein, aber die Fußzeile enthält bestimmte Links, die Sie zu bestimmten Teilen der Website führen können.
11. Medium.com:
Medium.com ist eine beliebte Website, auf der Blogger ihre Blogs auf die Plattform hochladen können. Ihre Website spricht über Artikel und Blogs aus verschiedenen Bereichen und Nischen. Aber ihre Anmeldeseite scheint sehr interessant zu sein. Sie haben keine attraktiven CTAs auf ihrer Anmeldeseite verwendet. Stattdessen scheint die Seite ein minimalistisches Design zu haben. Sie können sich auf ihrer Website mit Google, Facebook, Apple, Twitter und Ihrer E-Mail-Adresse anmelden. Die Vielseitigkeit der Anmeldung auf der Website ist der beste Teil ihrer Anmeldeseite. Sie können sich auf ihrer Website registrieren, indem Sie auf den Link "Einen erstellen" klicken. Sie haben keine anderen Links in ihrer Kopf- und Fußzeile der Seite. Nur die Nutzungsbedingungen und Datenschutzbestimmungen der Website-Links finden Sie unter dem Anmeldeformular.
12. Die Washington Post:
Die Washington Post ist eine amerikanische Zeitung, die täglich in Washington DC erscheint, und sie betreiben die Website unter dem gleichen Namen, The Washington Post. Auf ihrer Anmeldeseite haben sie ein unkompliziertes Anmeldeformular mit marineblauem Hintergrund entworfen. Sie können sich mit Ihrer E-Mail-Adresse anmelden oder sich über einen Link anmelden, der an Ihre E-Mail-Adresse gesendet wird. Darüber hinaus können Sie sich auch bei Amazon, Facebook, Google und Apple anmelden. Unter dem Anmeldeformular können Sie auch den Anmeldelink erkennen. In der Fußzeile der Anmeldeseite finden Sie die Links zu Datenschutzrichtlinien, Hilfe- und Kontaktseiten.
13. Mailchimp:
MailChimp ist ein amerikanisches Unternehmen, das seit 2001 E-Mail-Marketing- und Marketingautomatisierungsdienste anbietet. Wie Sie sehen können, ist die Website mit einem weißen Hintergrund erstellt. Ebenso haben sie ihre Anmeldeseite mit weißem Hintergrund gestaltet, und das Anmeldeformular ist strategisch auf der linken Seite der Webseite platziert. Auf der rechten Seite können Sie die Informationen zu ihrem neuesten Podcast The Jump sehen. Sie haben ihren CTA auf ihrem Login-Button platziert. Sie können sich nur mit Ihrer E-Mail-Adresse und Ihrem Passwort auf deren Website anmelden. Es erlaubt keine Anmeldung über andere Social-Media-Konten.
14. Sephora:
Sephora ist ein französisches multinationales Unternehmen, das mit Weltklasse-Kosmetikherstellern handelt. Es bietet rund 3000 Kosmetik- und Körperpflegemarken aus der ganzen Welt. Ihre Website präsentiert alle ihre Produkte, und das Layout der Website wurde in Schwarz-Weiß-Benutzerinteraktionselementen gestaltet. Der aufregendste Teil ihrer Website ist ihre Anmeldeseite. Sie haben keine individuelle Anmeldeseite. Stattdessen haben sie ein Popup-Fenster entworfen, das aus der Seite herausspringt, wenn Sie auf die Anmeldeschaltfläche klicken. Wie bei MailChimp benötigen Sie Ihre E-Mail-Adresse, um sich auf ihrer Website anzumelden. Sie können sich nicht mit Social-Media-Konten wie Facebook, Amazon und anderen auf ihrer Website anmelden. Sie haben zwei CTAs in kontrastierenden Farben strategisch platziert. Die Anmeldeschaltfläche ist komplett schwarz, während die Schaltfläche „Konto erstellen“ weiß ist. Beide CTAs sind die ersten, die Ihnen ins Auge fallen.
15. Diprella:
Diprella ist eine Community-Website, die alle Designer aus der ganzen Welt verbindet und es ihnen ermöglicht, ihre Projekte zu teilen und ihre Designs auf der Plattform zu präsentieren. Da es sich um eine Gemeinschaft von Designern handelt, muss sie eine beeindruckende Anmeldeseite haben. Sie haben eine sehr kreative Anmeldeseite erstellt. Sie können zwei Bildschirme sehen, wenn Sie die Anmeldeseite der Website öffnen. Auf der linken Seite sehen Sie den Anmeldebildschirm, auf dem Sie sich mit Ihrer E-Mail-ID und Ihrem Passwort oder Ihren Social-Media-Konten wie Facebook anmelden können. Aber wenn Sie ein neuer Benutzer sind, können Sie auf die Anmeldeschaltfläche auf der rechten Seite der Seite klicken. Wenn Sie auf die Anmeldeschaltfläche klicken, wird die Anmeldeseite ausgeblendet und die Anmeldeseite nach rechts verschoben. Sie ermöglichen die kostenlose Erstellung eines Kontos mit bestimmten Details, nach denen sie Sie fragen. Die Anmeldeschaltfläche ist deaktiviert, bis Sie alle Details in die Eingabefelder eingetragen haben. Sie können sich auch über Konten in sozialen Netzwerken anmelden.
Anmeldeseiten sind ein integraler Bestandteil, daher müssen die Designer die Seiten entwerfen, die die technisch versierten Benutzer von heute anziehen. Anfänglich waren die Layouts für die Anmeldeseiten einfach, da dies einer der kritischen Punkte der Interaktion des Benutzers mit der Website war. Aber jetzt haben sich die Konventionen zum Besseren geändert, und es ist leicht, überall aufregende Designs zu entdecken. Dieser Blog erfasst Anmeldeformulare mit beeindruckenden Designs. Diese Designs können als inspirierende Ideen verwendet werden, um die Anmeldeformulare von Grund auf neu zu gestalten. Bei der Gestaltung des Anmeldeformulars sollte auf die CTAs geachtet und ihnen ein schönes Aussehen verliehen werden.