Heute stellen wir euch unsere 10 besten Landing Pages vor. Euer Landing Page soll immer im Mittelpunkt eurer Online-Marketing-Kampagne stehen, denn wenn es klug gestaltet ist, generiert sie mehr Leads und steigert die ROI-Rate. Ihr solltet diesen Beitrag unbedingt weiter lesen, wenn ihr nach einer Win-Win-Lösung für eure Marketing Strategie sucht: die schmackhaften und raffinierten Features unserer Designs haben es in sich!
And bevor wir unmittelbar zu unserer Handauslese übergehen, lasst uns die wichtigsten Gestaltungsprinzipien von erfolgreichen Landing Pages besprechen:
- Minimalistisches Design ohne jegliche Ablenkung;
- Große Überschriften, Symbole und Aufzählungszeichen machen es aus;
- Vergesst bitte nicht über den negativen Raum: je mehr davon, desto besser;
- Hochauflösende Bilder sind nicht zu überschätzen, da Bilder ja bekanntlich mehr als Worte sagen;
- Im kontrastreichen Layout gehen eure CTA-Buttons nicht unter;
- Präsentiert eure Kontaktangaben so umfassend wir möglich: dadurch werdet ihr zuverlässiger wirken;
- Macht Gebrauch von euren Kontakt-, Buchungs- und Anmeldeformularen, um mit euren Kunden immer in Kontakt zu bleiben;
- Stellt euer Team mit lächelnden Bildern den Besuchern eurer Website vor; dies weckt das Vertrauen der Kunden;
- Kundenbewertungen sind ein Muss auf einer Landing Page.
Bei weiterem Interesse an Must-Have Elemente empfehlen wir euch den folgenden Artikel auf Englisch zu lesen. Und natürlich erfüllen all die unten vorgestellten Vorlagen diese Vorraussetzungen. Sie sind alle zudem voll responsive und sind mit gängigen modernen Browsern kompatibel. Sie wurden selbstverständlich mit CSS3, HTML5, jQuery und anderen gültigen Programmiersprachen erstellt. Die Thematik ist völlig unterschiedlich - von Business und Technologie bis hin zu Mode und Lebensmittel. Da jede Vorlage aufgeteilte PSD-Dateien enthält, könnt ihr sie auf einfache Weise mit Photoshop bearbeiten. Und nun kommt die Vorlage Nummer 1!
1. Software
Dieses responsive Landing Page ist für Software, Komputer und andere elektronische Geräte gedacht. Der Inhalt ist mit minimalistischen Icons zur Betonung von bestimmten Informationen ergänzt und lässt sich leichter scannen. Zur Verwaltung von euer Farbpalette steht euch ein innovatives Front-End Tool zur Verfügung - der integrierte Farben-Switcher. Die Kundenbewertungen als der Beweis eurer Produktivität werden mit dem Karussell-Feature dargestellt. Darüber hinaus verfügt das Template über eine Video-Integration, Parallax Effekt, Anmeldeformular und vieles mehr.
* * *
2. Fotografen-Portfolio
Diese Landing Page wurde für Online-Auftritte von Kreativen, Künstlern, Freelancern und allen erstellt, die ihr Produkt- und Service-Portfolio einer breiten Masse vorstellen und sich von kreativsten Seite zeigen möchten. Das elegante visuell ansprechende Design zeichnet sich durch Bilder auf volle Breite, abgerundete Formen und durchsichtige Icons, die die Ästhetik eines jeden einzelnen Werke unterstreichen. Dank dem Lazy-Load-Effekt werden die UI-Elemente erst dann geladen, wenn sie im Ansichtsfenster zu sehen sind. Im Footer gibt es ein Google Map für eine schnellere Findung des Standorts eures Büros.
* * *
Pasttio ist eine responsive Landing Page, die sich bestens für Restaurants, Pubs oder Bars und andere Unternehmen eignet, die Speisen und Getränke offerieren. Das Design setzt auf besonders große Bilder, die die Aufmerksamkeit der Besucher direkt auf die Angebote zu lenken. Dank dem Parallax- und Hover-Effekt wirken diese Bilder dynamisch, während man runter schrollt oder mit dem Mauszeiger darüber fährt. Klare Positionierung von Textblöcken unterstreicht den professionellen Look und sind mit angenehmen für das Auge Schriften aus der Google-Bibliothek ausgestattet. Darüber hinaus gibg es solche Must-Have Tools wie Olark Live-Chat, Newsletter-Anmeldeformular, Google map and Social Media Optionen.
* * *
4. Business
Diese benutzerfreundliche Landing Page ist speziell auf die Bedürfnisse von Business Webseiten verschiedener Kategorien zugeschnitten. Im Mittelpunkt befindet sich ein einladendes breites Bild, das mit mehrfachen wichtigen Elementen (Logo, Text, dynamische Zähler) ausgestattet ist. Hier findet ihr außerdem halbtransparente Banner zur Kategorisierung eurer Dienstleistungen und eine einprägsame CTA-Taste. Darüber hinaus verfügt das Template über Kundenbewertungen mit Kundenfotos in einem kreativ angeordneten Karussell-Look , die über ihre Erfahrungen berichten.
* * *
5. Movex
Movex ist eine responsive Landing Page für die Anbieter von Transportdienstleistungen. Das Template macht Gebrauch von geometrischen Formen, um der Website einen besonderen edgy Look zu verleihen. Viele seiner Blöcke, von dem Header biz zu dem Footer, werden mit einem Parallax Effekt aufgepeppt. Dieses trendige Webdesign-Technik kann mehr Dynamik der Web-Präsenz eures Unternehmens vermitteln. Um die Informationen in den Mittelpunkt zu setzen und den Besucher nicht ablenken zu lassen, verfügt der Block von Dienstleistungen über ausreichend Leerraum. Die Kontakt- und Newsletter-Anmeldeformulare helfen, mit einer breiteren Klientel in Kontakt zu bleiben.
* * *
6. Karting
Diese hochmoderne Landing Page eignet sich ideal für Sport- und Unterhaltung-Clubs. Sein responsives, inhaltsreiches Layout ermöglicht es euch, eine Menge von Details zu enthüllen: ih könnt über euer Team, Neuigkeiten, Veranstaltungen, Kontaktdaten, Standort und Links zu euren sozialen Profilen berichten. Optisch bietet dieses Design eine kontrastreiche Kombination von Rot und Schwarz, die sehr eindrucksvoll wirkt. Die Vorlage verfügt ebenfalls über Slider und eine Bider-Galerie. Geteilte Inhaltsblöcke bieten die Gelegenheit, zwei Sachen zugleich zu beleuchten, (z.B Text- und Bildmaterial), die gleichwertig wichtig sind. Und dann gibt es noch einen Lazy-Load-Effekt zur Beschleunigung der Ladezeit eurer Seite in verschiedenen Browsern.
* * *
7. Fashion
Diese responsive Landing Page ist speziell auf die Bedürfnisse von Mode- und Beauty-verwandten Seiten zugeschnitten. Das Herzstück des Designs ist ein Browser-angepasstes Hintergrundvideo, das als ein wirksames Instrument der Erzählkunst in Webdesign gilt. Um ein Kontaktformular im Rampenlicht zu behalten, wird es über das Hintergrundvideo zusammen mit dem Firmenlogo gesetzt. Zur besseren Lesbarkeit wird der Inhalt mit viel negativen Raum umgeben, die elegant durch eine Reihe von pixelgenauen Bildern aufgeteilt ist. Die Vorlage ermöglicht es euch, die Logos eurer Partner vorzustellen und Kunden sowie Testimonials zu Wort kommen zu lassen.
* * *
8. Immobilien
* * *
9. Hosting
* * *
10. Industrie
Mit Hilfe dieses Templates könnt ihr einen kompakten Überblick über euer Unternehmen verschaffen und eure Preispakete, FAQs und Kundenbewertungen veröffentlichen. Das Layout ist für Cross-Browser- und Multi-Device-Performance optimiert, um eine ausgezeichnete Erfahrung für alle Web-Nutzer zu bieten. In Bezug auf die visuelle Ästhetik, hält diese Gestaltung ein Gleichgewicht zwischen Texten und Bildern, die alle mit blauen Farbakzenten versehen sind. Da die blauen Elemente so gut auf dem schwarzen Hintergrund hervorstehen, führen sie den Besucher intuitiv durch eure Seite.
* * *
Das war`s, liebe Leser! Und ich wünsche mir natürlich auch, dass die eine oder andere unserer Landing Page Vorlagen euch inspiriert hat! Dieser Artikel wurde aus dem Englischen übersetzt. Das Original findet ihr hier: 10 of the Best Landing Pages That Convert 100%