Webdesign

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.
  • Demo: https://demo.themegrill.com/radiate

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.
  • Farbgebung für Orientierung, denn Farben transportieren Botschaften und sprechen Gefühle an.
    beg-march.de verwendet daher folgende Farbvorgaben:

    1. Der vollgelbe Hintergrund steht für die „Sonne“ als unendliche Energiequelle, s. a. Logo:
    2. Das dunkelblaue Hauptmenü und die Tabellentitel ordnen und stehen für „PV-Solarmodule“.

Benutzerfreundlichkeit

  • Alle Text-Farbkombinationen achten auf ausreichenden Kontrast, wichtig für Barrierefreiheit.
  • Dynamische Farben der Hyperlinks informieren die Leser über deren aktuellen Status (durch CSS):
    – Links zunächst wie üblich in Farbe „blau„.
    – Wenn man mit der Maus darüber fährt („hovert“) oder ihn anklickt wird er „rot“ (=aktiv)
    – Nach dem Aufruf zeigt die Farbe „lila“ an, dass er besucht wurde.
  • Weiterführende Info

Zusätzliches CSS

  • beg-march.de nutzt „Customizing“ CSS zur Umsetzung obiger Anforderungen:
    Zusätzliches CCS zur Optimierung der Website-Darstellung