Referenzen: Ernährungsradar

Leistungen: , Kunde: KErn – Kompetenzzentrum für Ernährung
Screenshot der Startseite

Das Projekt

Der Ernährungsradar ist ein Projekt des KErn – Kompetenzzentrum für Ernährung, der Universität Bayreuth und der Akademie für Neue Medien (Bildungswerk) e.V. Es ist ein Informationsportal zum Thema Ernährung, das sich vorwiegend an Journalisten und Redaktionen richtet. Hier gehts zur Webseite

Logodesign

Aufgaben waren die Entwicklung eines Logos sowie die Erstellung eines Designkonzepts für das Portal inklusive der Gestaltung der einzelnen UI-Elemente, sowie individueller Icons für die drei Teilbereiche.

Schriftzug Ernährungsradar mit Bildmarke
Logo
Schriftzug Ernährungsradar mit Bildmarke auf farbigem Grund
Invertierte Logovariante

Für das Projekt-Logo wurden Varianten für verschiedene Einsatzmöglichkeiten erstellt (mit Claim, invertiert und in quadratischer Anordnung). Die Bildmarke ist von beiden Teilen der Wortmarke abgeleitet, indem man in ihr sowohl an eine Radar-Anzeige, als auch an einen Teller mit Löffel erkennen kann.

Gestaltung des Portals

Screenshot der Startseite
Screenshot der Startseite
Visualisierung der Formularelemente in ihren möglichen Zuständen
Entwurf für UI-Elemente

Auf der Startseite der Ernährungsradars werden alle drei Teilbereiche gleichwertig nebeneinander präsentiert. Die drei Icons und die entsprechenden Farben zeichnen die Teilbereiche aus und helfen bei der Orientierung.

Das Aussehen der Elemente des User-Interface, sowie ihrer verschiedenen Zustände wurde ebenfalls definiert, sowie die verwendete Farbwelt und ein Bildkonzept für die Auswahl von Stockfotos.

Ein wichtiger Punkt war die Einhaltung von Barrierefreiheits-Richtlinien. So wurde im Speziellen bei der Erstellung des Farbkonzepts darauf geachtet, dass alle Farbkombinationen einen ausreichenden Kontrast nach WCAG 2.1 level AA aufweisen.

Nach oben