Skip to content

Grieg Connect

Isometriske illustrasjoner av dataanalyse, skipscontainere og folk i maritim virksomhet: diagrammer, en havneoffiser, en anleggsarbeider og en analytiker med nettbrett

Brief

Grieg Connect utvikler digitale verktøy for havner, terminaler og maritim logistikk og sikkerhet. Da to selskaper ble slått sammen til Grieg Connect, besto porteføljen av seks produkter med totalt forskjellig uttrykk, interaksjonsprinsipper og teknologisk arkitektur. Utfordringen var å samle dette i en helhetlig produktportefølje.

Grieg Connect brand hierarchy diagram on a dark background, showing the master brand connected to six sub-products: Plan, Port, Predict, Security, Terminal and Traffic
Terminal product splash screen in dark and light versions, showing the Terminal icon and wordmark, a loading indicator, version and copyright text, and the Grieg Connect logo

Strategi

Strategien var å samle produktene rundt et tydeligere felles språk. Produktnavn og kommunikasjon skulle bli lettere å forstå, det visuelle uttrykket mer helhetlig og interaksjonen vennlig og konsistent. Komponenter og løsninger utviklet for ett produkt skulle gi verdi til alle team og hele produktlinjen. Et fleksibelt rammeverk skulle gjøre det mulig å bygge videre raskere etter hvert som systemet vokste.

Screenshot of the Port product showing a mooring plan editor with an interactive map, mooring device markers, and a details panel
Screenshot of the Port product's port call detail page, showing a vessel's details, quays and orders, a live map and a summary

Resultat

Produktene fikk et tydeligere slektskap, både visuelt og i måten de fungerte på. God dokumentasjon og felles ressursbiblioteker gjorde videre utvikling raskere, samtidig som designforståelsen på tvers av team økte. En sterkere forståelse for brukernes utfordringer bidro til bedre beslutninger. Samtidig vokste ambisjonene og selvtilliten internt, i takt med at porteføljen fremsto mer helhetlig, gjennomtenkt og profesjonell.

Å visualisere produktverdi

Vi laget et omfattende sett med verdi- og funksjonsillustrasjoner for å gjøre komplekse programvareegenskaper lettere å forstå. Hver illustrasjon fokuserte på brukergevinsten bak en spesifikk funksjon, og hjalp kundene med å se hvilke problemer programvaren løste og hvorfor det betydde noe for driften deres. Illustrasjonene ble brukt i onboarding, på nettsiden, i presentasjoner og på rollup-bannere.

Et visuelt språk som kunne bevege seg

Illustrasjonssystemet ble utviklet for å fungere på tvers av produkter, flater og formater. I bevegelse fikk det enda en funksjon: å gjøre komplekse sammenhenger lettere å følge, samtidig som uttrykket holdt porteføljen visuelt samlet.

An email client showing an email signature with a Grieg Connect portrait illustration, the Grieg Connect logo, name, title and contact details

Et menneskelig ansikt for merkevaren

Vi utviklet et eget illustrert portrettsystem i samarbeid med Pablo Lobato. Hans geometriske, kubist-inspirerte stil ga Grieg Connect et tydeligere menneskelig uttrykk. Portrettene løste også et praktisk skaleringsproblem, ved å gjøre det enklere å produsere portretter av nye ansatte på tvers av flere kontorer. De ble brukt i markedsføring, intern planlegging, presentasjoner og e-postsignaturer.

Identitet i hver detalj

Vi utviklet et omfattende, pikselperfekt ikonsystem for applikasjonene, med over 250 egendesignede ikoner. Ved å designe våre egne ikoner i stedet for å bruke generiske biblioteker, førte vi identiteten helt ned i de minste delene av produktopplevelsen. Ikonene støttet navigasjon, dokumentasjon, manualer, presentasjoner, trykte medier og andre merkevaretouchpoints.

Kreditering

Kunde
Grieg Connect
Head of design
Sindre Dahl
Interaksjonsdesigner
Nikita Manko
Portrettillustratør
Pablo Lobato

Neste prosjekt: Krone økologisk øl