Das ist dein Spielplatz für die 3. Woche
Hier kannst du dich ausprobieren - aber nichts falsch machen. Jetzt geht es ans Üben.
Übung 1 - Bilder verändern
1a. Filter über Bilder legen (Bild links)
Gehe auf Einstellungen
scrolle so weit nach unten, bis du zu "Filter" kommst
Probiere den Schieberegler "Verwischen" aus.
1b. Farboverlay für Bilder (um sie farblich dem Layout anzupassen) (Bild Mitte)
Gehe auf Einstellungen
scrolle bis zu "Overlay-Farbe" (ist unter Bildgröße und Bildausrichtung)
Wechsle die Overlay-Farbe und spiele mit der Transparenz
1c. Bild-Schatten (Bild rechts)
Schatten lassen ein (Bild)-Element dreidimensional erscheinen. Es wirkt so, als schwebe es.
Gehe auf Einstellungen
scrolle bis zu "Schatten" nach unten und probiere die verschiedenen Schattenvarianten aus
Klicke dazu in das Feld unter "Schatten" und es öffnen sich die verschiedenen Varianten.
1d. Lass das Bild verzögert erscheinen (Bild links)
Du kannst ein Bild etwas verzögert erscheinen lassen
Gehe auf Einstellungen
scrolle bis zu "Verzögerung vor Anzeige des Artikels" nach unten
wähle z.B. 5 Sekunden aus
Gehe auf "Anzeigen" (das Auge oben rechts) und prüfe, ob das Bild später erscheint.
Filter verwischen
Farboverlay gelb
Schatten
Übung 2 - Formular
2. Ein Formular einrichten und verstehen
Du brauchst für die Kundin ein Anmeldeformular z.B. für die Eintragung in deine E-Mail-Liste
Frage so wenig Daten wie möglich ab, dann besteht eine höhere Wahrscheinlichkeit, dass du die Daten deiner Interessentin bekommst.
Ich empfehle den Vornamen (freiwillig - optional)
die E-Mail-Adresse (ist natürlich verpflichtend)
2a. Platzhalter Vorname verändern
Gehe beim Feld Vorname auf Einstellungen
Es öffnen sich "Eingabetyp" (das definiert, ob du einen Vornamen, Nachnamen, Adresse etc. abfragen willst)
Es öffnet sich "Platzhalter" - den kannst du verändern.
Ändere den Platzhalter auf "Dein Vorname bitte"
Ändere beim Eingabefeld "Vorname" die Eingabeform auf "optional" - dazu musst du das Häkchen unter der Platzhalterfarbe setzen.
Übung 3 - Verlinken
Ich möchte verlinkt werden
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, LINK eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, LINK in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines LINK Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum
Hier sind die Links, die du verwendest
https://kreativundnachhaltig.de
Link zu deiner eigenen Webseite oder alternativ: https://www.kreativundnachhaltig.de/category/simplify-your-onlinebusiness
https://www.kreativundnachhaltig.de/digitale-produkte-online
Übung 4 - Button-Design verändern
4. Button verändern
Ein Button ist eine Form eines "Links". Der Button leitet z.B. weiter auf eine andere Seite, ein Angebot, ein Bestellformular.
Du kannst die Form, die Farbe, den Text und den Zweck des Buttons ändern.
4a. Buttonfarbe ändern
Gehe auf Einstellungen
Scrolle nach unten bis zum Farbwähler
Verändere die Farbe des linken Buttons in eine deiner Markenfarben. (z.B. Button rechts)
4b. Buttonbeschriftung verändern
Gehe auf Einstellungen
Scrolle nach unten bis zu Typografie - Schaltflächentext
Verändere den Text des linken Buttons in "Angebot 1" und den Untertitel in "mehr erfahren" und vergrößere die Schriftgrößen
Übung 5 - Button Funktion verändern
Buttons haben verschiedene Funktionen (Aktionen beim Klicken auf die Schaltfläche)
a) Verlinken auf eine andere Seite oder auf einen Abschnitt (Element) auf der Verkaufsseite (URL öffnen)
b) als Download-Link für z.B. eine pdf-Datei (Datei herunterladen)
c) Als Absendebutton für ein Formular (Formular absenden)
d) Weiterleiten zu einem nächsten Schritt bzw. zur nächsten Seite im Funnel (URL für den nächsten Schritt)
e) Öffnen eine Pop-Ups (Pop-Up anzeigen)
Je nach Aktion können dann weitere Schritte folgen
Deine Aufgabe:
a) verändere den linken Button (Text und Subtext; Farbe, Rand etc.); verlinke zum nächsten Schritt (nächste Seite)
b) verändere den mittleren Button (Text und Subtext; Farbe, Rand etc.); verwende ihn um eine Datei herunterladen zu lassen
c) verändere den rechten Button (Text und Subtext; Farbe, Rand etc.); verwende ihn um zu einer Seite zu verlinken.
Übung 6 - Design ausprobieren
Unten siehst du einen Abschnitt, der ein Teilbereich eines Angebotes sein könnte
Probiere aus, wie sich der Abschnitt verändert, wenn du deine Farben, Schriften und Grafiken (Fotos) einsetzt
Du kannst auch versuchen, das linke Textelement zu ändern (Ecken verändern, Schatten verändern, Hintergrundfarbe verändern etc.)
H2: Darum solltest du mit mir arbeiten
Hier stehen die Probleme der Kundin in der Sprache der Kundin 3 Punkte
Unten siehst du noch einen Abschnitt, der ein Teilbereich eines Angebotes sein könnte
Probiere aus, wie sich der Abschnitt verändert, wenn du deine Farben, Schriften und Grafiken (Fotos) einsetzt
Ignoriere die Texte - es geht um Übungen zum Design
H3: Argument 1
Beschreibung Vorteil z.B. bereits Unternehmerin oder selbstständig tätig bist und nun online erfolgreich durchstarten willst.
Argument 2
Beschreibung Vorteil z.B. keine Zeit für planloses Herumprobieren hast, sondern sofort clevere Erfolgsstrategien umsetzen möchtest.
Argument 3
Beschreibung Vorteil z.B. deine Produkte automatisiert und skaliert verkaufen und bis zu 40 % mehr Umsatz und passives Einkommen erhalten willst.
Unten siehst du einen Abschnitt, der als einfache Landingpage für einen Leadmagneten genutzt werden könnte
Probiere aus, wie sich der Abschnitt verändert, wenn du deine Farben, Schriften und Grafiken (Fotos) einsetzt
Ignoriere die Texte - es geht um Übungen zum Design
H2: Starte jetzt sofort (mit Leadmagnet) z.B. Möchtest DU mit Onlinekursen durchstarten?
H3: Leadmagnet für 0 Euro
Kurze Beschreibung des Leadmagneten Dann hol dir jetzt meinen kostenlosen 5-Schritte-Leitfaden zu (Problem, Lösung, Wunsch) und setz ihn direkt um.
Schnell ausfüllen
Damit ich dir XYZ zusenden kann