Start 9 Blog 9 Divi Webdesign von Cybercroft Media

Divi Webdesign von Cybercroft Media

CYBERCROFT MEDIA

Ein Großteil meiner Auftraggeber möchte seine Webseite später selbst pflegen oder auch selbst erweitern. Hier kommen natürlich der leicht zu lernende Umgang mit dem Divi Builder zum tragen. Eigene Seiten mit neuen Inhalten hinzuzufügen ist kinderleicht. Hierfür biete ich natürlich ein Live Tutorial an und jeder Kunde erhält von mir in einem kurzen Workshop als Einweisung in die Handhabung, Wartung und Pflege seiner Webseite. Für Kunden die technisch nicht so versiert sind oder schlicht weg keine Zeit haben, übernehme ich natürlich auch diese Ausgaben der Wartung und Pflege ihrer Webseite.

AM ANFANG STEHT WORDPRESS

Als freies und kostenloses CMS (Content Management System) ist WordPress für die meisten meiner Kunden die erste Wahl. Mit WordPress lässt sich die Seite später leicht weiterentwickeln und mit Inhalten ergänzen. Während viele Webagenturen eher die Seiten einzeln programmieren und designen, setze ich eben auf Flexibilität. Sicher können programmierte Webseiten meist schlanker (=schneller) sein, aber eben auch meist viel teurer. Mein typischer Kunde achtet sehr auf die Kosten und will seine Seite später selbsttätig ergänzen können. WordPress ist somit als Open Source System eine gute Wahl und das mit Abstand meist vervbreiteste CMS. Es bietet Flexibilität, Sicherheit und gute Performance.

PLUG-INS

In der Basis ist WordPress bereits ein umfangreiches Tool. Ich ergänze es mit einfach zu installierenden Plug-ins um den Funktionsumfang den Kundenwünschen entsprechend zu erweitern. Auch hier bietet die WordPress Plug-in Bibliothek eine sehr große Auswahl an kostenlosen, aber auch Premium Angeboten.

WordPress Divi Cybercroft Media

Somit lässt sich mit WordPress an sich schon eine moderne Webseite mit vielen Grund-Funktionen online stellen, die sich leicht mit sinnvollen Ergänzungen wie zu m Beispiel einem professionellen Webshop erweitern lässt. Es werden für WordPress auch viele Themes angeboten. Diese lassen sich meist auch einfach anpassen, und modifizieren. Nach meiner Erfahrung kommen diese aber immer seltener zum Einsatz, da Kundenwünsche und die Anforderungen sehr individuell sind. Man möchte ja nun auch für den Kunden eine individuelle und einzigartige Webseite entwerfen. Mit dem Divi Theme und dem Divi Builder ist genau dies möglich.

HIER DIE WICHTIGSTEN PLUG-IN’S

MUST HAVE PLUG-IN’S

ZUSÄTZLICHE PLUG-IN’S

  • WooCommerce (Shop Plug-in)
  • EDD Easy digital Downloads
    (Shop Plug-in)
  • Erident Custom Login
  • Thumbnail Admin

ERGÄNZUNGEN

  • Google Site Kit (Analytics)
  • Social Media Plug-ins

DIVI WEBDESIGN IM DETAIL

DER DIVI THEME INKLUSIVE BUILDER

Basierend auf WordPress nutze ich seit 2018 den Divi Theme, beziehungsweise den Divi Builder. Der Entwickler Elegant Themes bietet einen klassischen Theme an, der bereits viele individuelle Modifikationen ermöglicht und gleichzeitig den Page Builder enthält. Damit lässt sich also eine komplette Webseite individuell entwerfen und gestalten. Divi selbst bietet zudem auch eine Vielzahl an Layouts und Templates an. Diese können sie ganz einfach über ihren Divi Builder einspielen. Ein Kleine Vorschau zur Layout Galerie findest du hier.

Divi webdesign Builder

DER DIVI BUILDER ALS PLUG-IN

Den Divi Builder, das Plug-In selbst, können Sie für verschiedene Themen verwenden. Wenn man beispielsweise ein anderes Theme oder Template nutzt, kannst du den Divi Builder-Plug-In auf dem eigenen Theme selbst installieren und so auch für das Erstellen und Designen deiner Webseiten Inhalte nutzen. Hierfür bietet euch Elegant Themes eine Kostprobe an. Hier könnt ihr den Divi Theme Builder direkt ausprobieren.

DER EINSATZ VON DIVI BEI CYBERCROFT MEDIA

Für die meisten Webprojekte setze ich also den Divi Theme ein. Hierfür wird von mir zusätzlich ein Child Theme angelegt, in dem ich zusätzlichen CSS Code und andere Funktionen anlege. Den Design und Gestaltungsprozess erledige ich dann mit dem Divi Page Builder. Auf Wunsch können meine Kunden diesen ebenfalls nutzen und so selbsttätig Ihre Webseite erweitern und gestalten.

WEBDESIGN PROZESS – WorkFlow

  • WordPress installieren (per FTP auf dem mein Eigenen oder dem Kundenserver)
  • Plug-Ins installieren
  • Divi Theme mit Builder installieren
  • Design Prozess mit dem Divi Builder beginnen …
Webdesign-Divi-01

VOM ENTWURF ZUR FERTIGEN WEBSEITE

STEP BY STEP

Mit meinen Kunden bespreche ich natürlich im Vorfeld die Wünsche. Neben den benötigten Funktionen, werden auch die Farbgestaltung und die Struktur der Webseite festgelegt. Manchmal gibt es eine Skizze, oder eine Webseite als Vorlage oder Inspiration. Hieraus erstelle ich einen ersten Entwurf, damit man eine Idee von Haptik und des „look and feel“ der späteren Webseite bekommt.

Mit dem Divi Builder lassen sich neben der rein grafischen und inhaltlichen Gestaltung natürlich auch der Menü und Footer Bereich individuell gestalten. Animationen und Effekte gehören bei einem modernem Webprojekt natürlich auch dazu. Farben und Schriften aus einem bereits vorhandenen Firmenlogo binde ich ebenfalls ein. Für eine Darstellung habe ich hier in den Referenzen einige meiner Projekte als Webdesign Fall Studien angelegt. Hier können sie nachverfolgen wie die Webseiten entstehen und realisiert werden. Das Einbinden von Google Fonts sind mit dem Divi Theme ebenso möglich, wie das sogenannte „responsive design“. Denn sehr viele Internetseiten werden heutzutage auf Mobiltelefonen  abgerufen und betrachtet. Je nach Zielgruppe deiner Webseite ist hier also auch ein besonderes Augenmerk darauf zu legen. Deine Webseite sollte also nicht nur auf dem PC Bildschirm eine gute Figur machen, sondern auch auf wesentlich kleineren Bildschirmen wie Tablets und modernem Mobiltelefonen gut aussehen und vor allem auch gut funktionieren.

WARUM DIVI FÜR DEN KUNDEN VON VORTEIL IST

Zur Weiterentwicklung nutze ich selbst die Video Plattform Youtube. Hier geben viele Webdesigner Tips und Video-Tutorials zum Thema Divi und der kreativen Nutzung. Ich empfehle den Youtuber MAK. Seine Videos sind englischsprachig, aber top aktuell, sympatisch und verständlich.

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Webseiten die ich mit dem Divi Theme ausliefere, werden mit einem Divi Lizenzschlüssel versehen und erhalten so automatisch alle Updates die von Elegant Themes veröffentlicht werden. So erhält man nicht nur alle sicherheitsrelevanten Updates, sondern auch Zugriff auf die neuesten Features von Divi.

Wenn du nun also Interesse daran hast, deine Webseite von mir gestalten zu lassen, schau in meine Angebote und nimmt mit mir Kontakt auf, für ein Beratungsgespräch.