Orange Ocean

Web Design

Kunde

Projektbeschreibung

Make waves, not plastic.
Unsere Ozeane sind Ursprung allen Lebens. Doch bereits 2050 könnte es in unseren Meeren mehr Plastik als Fisch geben. Die Organisation „Orange Ocean“ hat sich dem Kampf gegen die Plastikverschmutzung verschrieben. Mit einer bildstarken Website wollen wir der gemeinnützigen Organisation aus Deutschland bei ihrer Vision unterstützen.

Services

(Screenshot: „Herobereich“ auf der Homeseite)

#makewavesnotplastik

Anforderung an die UI

Color choice:

Font family:

Font size:

Colors

Die Signal- und Warnfarbe Orange, für Orange Ocean verkörpert sie die Plastikverschmutzung der Meere, war bestens dazu geeignet, wichtige Informationen auf der Website hervorzuheben und das Auge des Nutzers zu führen. Das satte und tiefe Dunkelblau von Orange Ocean spiegelt hingegen den ruhigen und schützenswerten Charakter der großen Weltmeere wieder. Die dunkle Farbe soll auf der Website eine geheimnisvolle Wirkung erzeugen – sinnbildlich im Kontext der uns zu erwartenden Klimakatastrophe. Weiße und hellgraue Hintergründe bringen Helligkeit ins Design – helle Schriftpassagen auf farbigen Flächen sorgen für elegante und moderne Kontraste.

Font

Die moderne Font Nunito steht bei Orange Ocean für ihren Minimalismus und ihre Dynamik –  quasi für ein neues, plastikfreies Zeitalter. 

Nunito ist eine ausgewogene, gut lesbare serifenlose Schriftart. Die Zeichen haben dünne, einheitliche Strichstärken, die sich sowohl für Fließtexte als auch für Grafiken gut eignen. 

Nutzerfreundlichkeit durch Slides

Slides eignen sich dazu Besucher zu animieren mit der Website zu interagieren. Darüber hinaus ermöglichen sie Informationen zu priorisieren und reduzieren. Dies sorgt für mehr Überblick durch eine geringere Informationsdichte.

(Screenshot: Home, Projekte Portfolio)

(Screenshot: Home, Projekte Portfolio)

Übersichtlichkeit mit Portfolio

Mit dem „Portfolio“ Element (Bild oben) haben wir eine kompakte Übersicht der wichtigsten und aktuellsten Orange Ocean Projekte auf der Home Page geschaffen. 

Einfache Verwaltung

Verwendetes System:
CMS WordPress

Anhand weniger aber leistungsstarken Tools haben wir die Eigenverwaltung Website so einfach wie möglich gestaltet. Bild und Textanpassungen kann das Orange Ocean Team nun mit wenigen Mausklicks eigenständig vornehmen. Dies spart der Organisation fortlaufenden Zeitaufwand und Kosten.

Die einfache Benutzeroberfläche von WordPress kommt mit einem leicht verständlichen Dashboard und einfach anpassbaren Funktionalitäten.

Verwendeter Builder:
Elementor Pro

Für das Projekt Orange Ocean haben wir uns für Elementor Pro entschieden – unseren bevorzugten Visual Page Builder für WordPress.

Mit Elementor Pro und seiner umfangreichen Bibliothek an Design-Elementen sowie Gestaltungsmöglichkeiten konnten wir die Website so gestalten, dass sie den Erwartungen und Vorstellungen von Orange Ocean entsprach.