Folgende Konzepte, Werkzeuge und Vorgaben bestimmen das Webdesign von beg-march.de:
WordPress als CMS
- beg-march.de verwendet das weltweit führende Content-Management-System (CMS) WordPress
- Für WordPress stehen tausende sog. „Themes“ (Thema) als zentrale Layoutvorgabe zur Verfügung.
„Radiate“ als Theme
- beg-march.de nutzt das beliebte, bewährte und responsive Theme Radiate:
Ein ideales Theme für Blogs mit „parallax header images“ oder „Sliders“. - „Radiate“ ist klar strukturiert, einfach anzuwenden und „light retina ready“. Es bietet primäre Farbdefinition, frei definierbaren Hintergrund, website-spezifisches „Customizing CSS“ und weitere hilfreiche Funktionen.
Bildgröße und Format
- beg-march.de verwendet Bilder in www-performanter „halber HDTV-Größe“ im Seitenformat „16:9″
- Bilder im JPEG-Format, einheitlich 960 pixel breit und mögl. 540 pixel hoch (ggf. höher/niedriger)
- Damit ansprechende Anzeige auf Smartphones (Hochformat) oder HDTV-Bildschirmen (Querformat).
„Corporate Identity“
- Schriftfamilie: „Arial, Helvetica, sans-serif“ für einheitliche Darstellung und „schnörkellosen“ Auftritt.
Keine Google-Fonts. - Farbgebung für Orientierung, denn Farben transportieren Botschaften und sprechen Gefühle an.
beg-march.de verwendet gezielt folgende Farbvorgaben:
– der vollgelbe Hintergrund steht für die „Sonne“ als unendliche Energiequelle, s. a. Logo-Icon und
– das dunkelblaue Hauptmenü und die Tabellentitel ordnen und stehen für „PV-Solarmodule“.
Icon/Hintegrund: Hauptmenü:
Benutzerfreundlichkeit
- Alle Text-Farbkombinationen achten auf ausreichenden Kontrast, das ist wichtig für Barrierefreiheit.
- Dynamische Farben der Hyperlinks informieren die Leser über deren aktuellen Status (durch CSS):
– Links werden zunächst wie oft üblich in der Farbe „blau“ angezeigt
– Wenn man mit der Maus darüber fährt („hovert“) oder ihn anklickt wird der Link „rot“ (=aktiv)
– Nach dem Aufruf zeigt die Farbe „lila“ an, dass der Link besucht wurde.
Dezentrale Pflege
- Endanwender können mit etwas Übung selbständig neue Beiträge/Posts und Seiten/Pages erstellen.
- Meine 4-seitige bebilderte Anleitung_Beitrag_erstellen (PDF)
Verwendetes Toolset
Zusätzliches CSS
- beg-march.de nutzt „Customizing“ CSS zur Umsetzung obiger Anforderungen: