Bild des Strandes, einschließlich des Ozeans und der Felsformation im Meer.

Fallstudie
BlueValue

Client
Harte Research Institute for Gulf of Mexico Studies
Project
Rebranding & Platform Relaunch
Services
Research, Content Strategy, Information Architecture, UX/UI, Development

Ein Ökosystem das die Welt verbinden.

Von Binnenwassereinzugsgebieten über unsere Küstengemeinden bis hin zum tiefen Ozean ist das menschliche Wohlergehen eng mit unserer natürlichen Umwelt verbunden. BlueValue verdeutlicht welche Bedeutung wir diesen Ökosystemen – ihrem Wert – beimessen sollten, indem sie die neuesten wissenschaftlichen Erkenntnisse und Informationen teilen.

Die Herausforderung
Die Herausforderung

Unsere Herausforderung bestand darin, die umfangreiche Menge an Inhalten der Marke zugänglich zu machen und visuell ansprechen zu gestalten, um die Bedeutung der Botschaft von BlueValue zu unterstreichen. Die vorherige Website war aufgrund einer grossen Menge an verteilten Inhalten sehr schwer zu navigieren. Die Daten wurden in Excel-Tabellen gespeichert und auf einem lokalen Server gehostet, was es für die Redakteure schwierig machte, sie ohne technische Unterstützung zu aktualisieren.

Blue Value Logo
Der Auftrag
Der Auftrag

BlueValue plante ein Rebranding und benötigte ein zeitgemässes neues Logo sowie ein aktualisiertes Look-and-Feel für die Website. Da sie sich der Usability Herausforderungen der bestehenden Website bewusst waren, wollten sie auch ihre Marke bewerten und die Benutzerfreundlichkeit ihrer Datenbank neu gestalten. Es wurde eine neue Suchfunktion entwickelt, damit Zugriffe auf die Daten schnell und einfach getätigt werden konnten. Um die Vorteile der Ökosystems aufzuzeigen, wurde eine Infografik des Wasserkreislaufs erstellt, die der Website ein ansprechendes Design und eine vereinfachte Bedienbarkeit verleiht.

The Brief
Die Lösung
Die Lösung

Amazee Labs worked to reposition the brand, giving it an updated and approachable corporate identity. With this new creative direction, we were able to bring the website into the competitive online space by designing a fresh and contemporary look-and-feel. The updated website uses dynamic imagery along with compact visual messaging to enhance the overall visual experience. The user experience was further improved by refining the content and arranging it in a clear, accessible way. Behind the scenes, the large database has been structured in a way that allows users to access it effortlessly across all devices. The overall messaging of the brand has been refined, helping the website to feel more approachable and accessible.


Initially, we looked at using a Drupal CMS solution, which would have included continuous data migration. After taking a closer look at the sources of the current dataset (spreadsheets based), we decided on a different decoupled lightweight backend API and frontend solution using Gatsby and Google Sheets.

 

Zu Anfang haben wir die Marke neu positioniert, in dem wir ihr eine aktualisierte und zugängliche Corporate Identity gegeben haben. Mit Hilfe dieser neuen kreativen Ausrichtung war es uns dann möglich der Website ein frisches und zeitgemässes Look-and-Feel zu geben, was sie wieder in wettbewerbsorientierten Online-Bereich brachte. Die aktualisierte Website sollte dynamische Bilder in Kombination mit kompakten visuellen Botschaften verwenden, um das visuelle Gesamterlebnis zu verbessern. Die Benutzererfahrung wurde weiter verbessert, indem die Inhalte verfeinert, übersichtlich und zugänglich angeordnet wurden. Hinter den Kulissen wurde die umfangreiche  Datenbank so strukturiert, dass Benutzer mühelos über alle Geräte darauf zugreifen können. Die allgemeine Botschaft der Marke wurde verfeinert, wodurch sich die Website zugänglicher anfühlt.


Für die Umsetzung der Website haben wir zuerst den Einsatz vom Drupal-CMS in Erwägung gezogen. Dies hätte aber eine kontinuierliche Datenmigration beinhaltet und nachdem wir uns die aktuellen Datenquellen (basierend auf Tabellenkalkulationen) genauer angesehen hatten, haben wir uns für eine entkoppelte, leichtgewichtige Backend-API und Frontend-Lösung mit Gatsby und Google Sheets entschieden.

Blue Value Desktop
Blue Value Mobile
UNSERE AUFGABEN IM PROJEKT
  • Entwurf eines neuen, modernen Logo und aktualisierter Styleguide
  • Erstellung einer frischen und zeitgemässen Website mit einem dynamischen Look-and-Feel
  • Die umfangreiche Datenbank in Google Sheets wurde neu gestaltet, um die Zugänglichkeit und Benutzerfreundlichkeit durch schnelles und intuitives Filtern zu verbessern
  • Verwendung von Gatsby.js (React und GraphQL), um sicherzustellen, dass die benutzerdefinierte Website nahtlos mit der neuen Datenbank zusammenarbeitet
  • Erstellung einer Infografik, die die Vorteile von Ökosystemleistungen visuell erläutert

 

Blue Value Infographic Desktop
Blue Value Infographic Mobile
Blue Value Desktop Screenshot
Blue Value Screenshot 1
Blue Value Screenshot 2
Blue Value Screenshot 3

Stay in the Loop

We will use the personal data you are sharing with us solely for the purpose of sending you our newsletter. See more here: Data Privacy.