Designentwicklung

Das Farbkonzept

Zentrale Farbverwaltung

alle Ihre CI/CD-Schmuckfarben an einem zentralen Ort

Farbbezeichnungen können frei vergeben werden

Farbsets

Zuordnung Ihrer Schmuckfarben zu  Hintergrund-, Schrift-, Link- oder Zierfarben

gekoppelte Farben

ähnliche Farben können nach Farbwert, Grauwert, Helligkeit und Transparenz gekoppelt werden

Sie verändern nur einen Regler, die gekoppelten Farben ändern sich automatisch mit

Änderungen in Echtzeit

Änderungen an den Farben sind sofort im Web sichtbar

Probieren Sie es aus

alle Änderungen sind sofort sichtbar

Mit den Farbschiebern ändern Sie die Farben

Unter Colors wählen Sie aus, welche Farbe Sie ändrn wollen

Mit den Rändelrädern ändern Sie die Schrift

Schriftarten

Google Fonts:

Die direkte Schnittstelle zu Google-Fonts erlaubt es, nach Fonts zu suchen und sie direkt zu importieren. Aus datenschutzrechtlichen Gründen werden die gewählten Fonts lokal installiert, sodass es für Website-Besucher zu keinen Zugriffen auf Google-Server kommt.



individuelle Fonts:

Individuelle Schriften können über einen eigenen Dialog installiert und ins System eingebunden werden

Schrifteinstellungen:

Schrifteinstellungen, wie Schriftgröße, Zeilenhöhe, Zeichen- und Wortabstände werden über Schieberegler feingradig justiert und sind in Echtzeit auf der Website sichtbar.

Bilder und Videos

Bildgröße

Auch wenn ein Bild wiederholt verkleinert und vergrößert wird, wird es bei jedem Vorgang vom Original neu berechnet, sodass es zu keinem kumulierten Qualitätsverlust kommt.

Die Bildgröße lässt sich via Mausbedienung intuitiv oder über den Eigenschaftsdialog exakt einstellen.

Bildausschnitt
Wie bei der Bildgröße wird der Ausschnitt immer vom Original berechnet. Dadurch kann der Ausschnitt auch nachträglich verändert und zuvor weggeschnittene Bildteile wieder sichtbar gemacht werden.

Großansicht
automatische Erstellung einer Großansichtsdarstellung, die bei Klick auf das Bild angezeigt wird.


Videoeinbindung

  • Vorschaubild
  • Seitenverhältnis
  • Steuerelemente
  • optimiertes Laden (Lazy Load)

Youtube-Einbindung

Sie geben nur die Youtube-ID oder die Youtube-URL an, das System erzeugt den dazugehörenden Einbettungscode selbst

Bausteinkonzept

Das mächtige CMS 3.0 Bausteinkonzept erlaubt es, ohne HTML- und CSS-Kenntnisse auch komplexe mehrspaltige Designs aufzubauen, die sich an die Bildschirmgröße anpassen und automatisch eine responsive Ansicht für mobile Geräte erstellt.

Ein Klick auf "Abschnitt hinzufügen" an der gewünschten Stelle öffnet den Auswahldialog:


Spalten können ineinander geschachtelt und mit beliebigen Elementen wie

  • Bild
  • Text
  • Video
  • Collage
  • Charts
  • Abstandhalter und Trennlinien
  • und viele mehr

befüllt werden. Sie bauen Ihre Seiten mit wenigen Klicks auf.

Die Bausteinsammlung kann um eigene Bausteine oder durch den Impoort aus der CMS-Galerie erweitert werden.

Agenturen können Bausteine, die sie für ein Projekt erstellt haben, in zukünftige Projekte übertragen.

Seitenvorlagen

Wie unter Seitenwartung beschrieben, können in einem Schritt duzende Seiten angelegt und in den Menüs verlinkt werden.

Nach dem Anlegen sind die neuen Seiten noch leer und besitzen nur einen Wartungsbutton "Seitenvorlage auswählen". Dieser öffnet einen Auswahldialog, aus dem bereits fertig vorkonfigurierte Seitenvorlagen ausgewählt werden können.

Mit Hilfe der Seitenvorlagen sind Sie extrem rasch bei der Erstellung Ihrer Seiten. Selbstverständlich können Ihre Seiten danach beliebig erweitert werden.

Neben einer Anzahl vorgefertigter Seitenvorlagen können eigene Vorlagen erstellt oder aus der CMS-Galerie importiert werden.

Website Clones

Benötigen Sie eine ähnliche Website, wie eine, die Sie schon einmal erstellt haben? 

Oder wollen Sie sich Websitevorlagen einrichten, die Sie auf Knopfdruck vervielfältigen können?

Zu diesem Zweck steht Ihnen die Funktion "Website clonen" zur Verfügung. Nach dem Clonen haben Sie eine 1:1 Kopie der Website, die Sie anschließend anpassen, die Inhalte verändern und einer neuen Domain zuweisen können.

Design Templates

Designtemplates bestimmen den äußeren, auf allen Seiten gleichbleibenden Teil des Webdesigns.

Sie sind:

  • einfach austauschbar, die Seiteninhalte passen sich in Farben, Schriften und Stil automatsich an
  • mehrere Designtemplates gleichzeitig verwendbar, z.B
    • Bereichstemplates z.B. für unterschiedliche Produktkategorien
    • Templates für seheingeschränkte Personen
    • Voransicht für Redesign
  • generische Templates aus der Galerie zum selbst Erweitern und Verfeinerm

Export / Import

Über den Export- / Import- Mechanismus können Sie Ihre selbst erstellten Bausteine, Seitenvorlagen und Designrahmen zwischen mehreren Website-Projekten austauschen.

Speziell Agenturen profitieren von der Zeitersparnis, indem einmal designte Elemente in Nachfolgeprojekte übertragen werden können.

Navigation

Ob nur wenige Einzelseiten oder mehrere hundert - die Navigation muss für den Besucher der Website intuitiv und für den Betreiber einfach zu handhaben sein. CMS 3.0 unterstützt Sie dabei:

  • automatische Zuordnung beim Anlegen neuer Seiten
  • gesplittete Menüs (Hauptmenü, Menü für Impressum, AGB, Datenschutz ...)
  • responsive: automatische Umschaltung auf Ansicht für mobile Geräte
  • einfaches Aus- und Einblenden von Seiten