Wir beginnen mit dem Design, damit im nächsten Modul eine Vorstellung davon hast, wie und wo deine Texte und Inhalte präsentiert werden. Dies wird dir helfen und dich inspirieren deine Texte zu schreiben.

In dieser Lektion schauen wir uns an, welche Vorlage du am besten für dich wählst und wie du das Design für dich anpasst, wenn nötig. 

Hier geht es noch nicht um die einzelnen Inhaltsseiten, sondern um:

  • Die Farben
  • Dein Logo
  • Die Schriftarten

Grundsätzlich rate ich dir, möglichst wenig anzupassen. Wenn du z.B. allerdings schon ein festes Farbschema hast und nichts passendes in den Vorlagen ist, dann zeige ich dir hier wie du alles für dich anpassen kannst.

Wo und wie du deine Texte einfügen kannst, was du überhaupt schreiben sollst, schauen wir uns im zweiten Modul an.

Video 5: Wähle die passende Vorlage für dich

Website Vorlage wählen und herunterladen

Klicke auf den Link mit der gewünschten Vorlage und speichere diese auf deinem PC.


Video 7: Erste Schritte mit dem Chimpify Builder & Erstelle einen atemberaubenden Header-Bereich in Chimpify

Dieser Bereich fällt deinen Besucher direkt ins Auge. Man muss auf den ersten Blick sehen, was man bei dir bekommt und Vertrauen aufbauen mit einem guten Design.

Header-Bereich Anpassungen ab 07:20

Video 8: Passe die Navigation an

Dieses Video ist etwas länger, weil es sehr viele Einstellungsmöglichkeiten gibt. Das wichtigste für dich ist, dass du weisst, wie man die Navigation richtig verlinkt und wie du ggf. weitere Menü-Punkte hinzufügen kannst. Für eine schnelle Referenz empfehle ich dir hier auch die Chimpify-Hilfe: https://www.chimpify.de/hilfe/design/navigation/

Hier im Video gehen wir alle Details Schritt für Schritt durch.

Video 9: Passe den Footer an

Zuunterst auf der Webseite ist immer ein Footer mit allgemeinen Angaben. Wie eine Kontakt-Adresse, Links zu Datenschutzerklärung und Impressum und Social Media Verknüpfungen. Dieser Footer ist auf allen Pages gleich. Darum nehmen wir auch hier ein globales Element. Im Video zeige ich dir, wie du es für anpassen kannst. 

Video 10: Farb- und Schrift-Anpassungen mit dem Style-Guide 

Dieses Video ist besonders interessant für dich, wenn du dein eigenes Farbschema oder einen eigenen Schrift-Typ hast und die Vorlage daran anpassen willst. Du lernst auch, wie das mit den globalen Styles in Chimpify funktioniert. 

Video 11: Seiten kopieren und hinzufügen

Video 12: Design und Struktur anpassen und erweitern

In diesem erfährst du, wie du einzelne Design-Blöcke innerhalb einer Chimpify-Seite kopierst, anpasst und/oder verschiebst.

  • Sektionen kopieren
  • Spalten austauschen
  • Sektion verschieben
  • Die Zeitmaschine in Chimpify
  • Vorgefertigte Design-Blöcke einfügen

Video 13: Die Chimpify Inhalts-Blöcke und Style Anpassungen

Wie du die Design-Blöcke von Chimpify nutzen kannst und mit den Styles arbeitest.

Anpassungen für Theme xxx

Erwähnte Links im Video:
https://undraw.co/illustrations
https://icons8.com/icons/wired
https://www.blobmaker.app/

Farbcode für Undraw Illustrationen #212F65

Inhalte:
  1. Illustrationen austauschen (optional)
  2. Farbschema der Illustrationen anpassen (optional)
  3. Icons austauschen
  4. Farbschema von Hintergrund Bubble anpassen (optional)

Kontakt

Fine-Webdesign Späni
Rita Späni
Neuheimstrasse 18a
CH-8853 Lachen
M: info@marketing-helden.online
T: +41 78 737 90 49

Tutorials auf Youtube

Noch nicht genug bekommen?
Auf Youtube findest du weitere Tutorials zu den Themen Webdesign und Online Marketing.

Affiliate Links

Einige der Links in den Blog-Beiträgen sind Affiliate-Links. Das bedeutet, dass ich eine kleine Provision bekomme, wenn du über diesen Link kaufst. Die Empfehlungen spielgeln immer zu 100% meine Meinung wider. Ich würde niemals meine Integrität auf's Spiel setzen, wegen ein paar wenigen Euro. So. Für dich kostet es immer gleich viel.

Ich, du, er, sie, es, wir, ihr, sie...???

Gemäss der geschlechtsneutralen Natur eines Nerds verzichte ich auf Sternchen, Underlines, und Querstrich/innen. Vor dem heiligen Gral der Online Strategien und Taktiken sind wir alle gleich und jeder kann damit machen was er/sie/* [der Leser, in welcher Geschlechtsform auch immer] will. 

Fabelhaften Newsletter abonnieren