Einleitung
  • Einleitung
  • Wie lange dauert das Entwickeln einer Landingpage?
Vorbereitung
  • Vorbilder & Inspiration aus Apple, Adobe und Krypto
  • Ein Mockup erstellen balsamiq
  • Präsentation des Endprodukts
  • Notwendige Tools und Hilfsmittel
  • Wir erstellen einen einfachen Styleguide
  • Setup des Newsletter Programmes
  • Ressourcen für Texte, Bilder und Videos
Marketing Wissen
  • Psychologie einer Landingpage
  • APP Prinzip Erklären & Du Ansprache in Texten
  • Die Ziele deiner Landingpage festlegen
  • Wichtig: Gestaltung des "Sichtbarer Bereiches"
  • Mit der "internen Navigation" finden sich deine User zurecht
Erste Schritte im Builder Tool
  • Anlegen der Page-Struktur
  • Backendeditor & Massiv Einstellungen - damit du arbeiten kannst
  • Importiere Vorlagen und schaffe eigene Presets - Easy Mode deaktiviert
  • Hintergrund-Optionen en masse (Bilder, Pattern, Parlax, Videos)
  • Übergänge - brich harte Kanten und lass die Seiten "fließen"
  • Custom CSS & Klassen - Etwas Programmierung? Kein Problem!
Umsetzung: Features & Design
  • Überschriften & Text - Die absoluten Basics
  • Icon Listen - USPs schick machen
  • Button - klick me ;)
  • Interne Navi - mitlaufende Struktur
  • Animierte Icon - Socials mit Effekt
  • Animierte Texte - Sind sytlisch
  • Der Partikel Hintergrund
  • Icon Box - trenne und visualisiere Content
  • Bild plus Icon Box - Für Produktboxen
  • Testimonials - was sagen andere über uns?
  • Counter - lass Zahlen sprechen
  • Teambox - inkl. Links zu Profilen
  • Zitate - zeigt wofür du stehst
  • Timeline - eine Roadmap oder Historie abbilden
  • Chats & Progressbar- für Freunde der Übersicht
  • FAQ Boxen - Platz sparen und trotzdem informieren
  • Post Grid - beziehe Inhalte deines Blogs ein
  • Callout & Countdown - wichtige Inhalte und Ziele rausstechen lassen
  • Twitter Feed einbinden - warum nicht?
Polieren & Feinarbeiten
  • Übergänge & restlichen Content einbinden
  • Animationen einstellen - *Huuuiiii* *Wooosh*
  • Fliegende Buttons: die Alternative zum Menü (Floatton)
  • Entwurf zur Kontrolle geben - Rechtsschreibung prüfen und 2. Blick
  • Kleinigkeiten ausbessern - Im Teufel liegt das Detail (oder andersrum)
  • Mobile Check & Anpassungen - Zeilen ausblenden / tauschen
  • Mail Optin Einbinden - und testen
  • Pagespeed prüfen & verbessern
  • Metadaten - SEO ist wichtig auf der LP
  • Abschluss