Örnsköldsviks Hamn & Logistik - Externwebb
Ett omfattande projekt för att modernisera Örnsköldsviks Hamn & Logistiks digitala närvaro genom utveckling av en användarvänlig externwebb i SiteVision CMS. Projektet inkluderade framtagning av grafisk profil samt design av ett effektivt content management system för självständig innehållshantering.
Utmaning
Att skapa en modern och användarvänlig webbplats med fokus på självständig innehållshantering och integration av realtidsdata för fartygsrörelser.
Yrkesroll
- UX/UI-designer
Leverabler
- Designsystem
- Komponentbibliotek
- Grafisk profil
- Prototyper
- Intranätslösning
Verktyg
- Figma
- SiteVision CMS
Tidslinje
December 2023 - Juni 2024
Från leverantörsberoende till digital självständighet - en modern hamnportal med användaren i fokus
Projektets bakgrundUtmaningen
Örnsköldsviks Hamn & Logistik stod inför utmaningen att modernisera sin digitala närvaro samtidigt som de ville frigöra sig från beroendet av externa leverantörer för innehållsuppdateringar. Den befintliga lösningen var kostsam att underhålla och saknade möjlighet till integration av realtidsdata för fartygsrörelser.
Lösningen
Genom att utveckla ett designsystem med återanvändbara komponenter i Figma skapades grunden för en flexibel och skalbar lösning. Detta kompletterades med en ny grafisk profil som balanserade professionalitet med modern design. Implementationen i SiteVision CMS gav organisationen full kontroll över sin digitala närvaro.
Från beroende till självständighet
En central utmaning var att designa en lösning som både var tekniskt avancerad med realtidsintegration av fartygsdata och samtidigt tillräckligt användarvänlig för att organisationen själva skulle kunna hantera allt innehåll utan extern hjälp.
Strategisk design
Projektet inleddes med djupgående intervjuer med stakeholders för att förstå både interna och externa behov. Detta ledde till utvecklingen av ett robust designsystem som gjorde det möjligt att snabbt iterera på design samtidigt som vi säkerställde konsistens genom hela plattformen.
Grafisk identitet
Med endast en primärfärg och en logotyp som utgångspunkt utvecklades en komplett grafisk profil. Särskild vikt lades vid val av sekundärfärger och call-to-action-element för att skapa en balanserad och professionell visuell identitet.
Komponentbaserad struktur
Ett modulärt komponentbibliotek utvecklades med fokus på flexibilitet och återanvändbarhet. Centrala komponenter inkluderade en dynamisk text-och-bild-modul, kortkomponent för tjänstepresentation, samt en specialdesignad tabell för fartygsrörelser. Varje komponent utformades med hänsyn till tillgänglighet och användarvänlighet.
Resultat och framtidssäkring
Projektet resulterade i en modern, användarvänlig webbplats där organisationen nu självständigt kan hantera innehåll och uppdateringar. Det utvecklade designsystemet lade grunden för framtida digital expansion, vilket redan bevisats genom den snabba implementationen av intranätslösningen. Integrationerna för fartygsdata effektiviserade arbetsflöden och förbättrade informationstillgängligheten för alla intressenter.
Intranätsbonus
Tack vare det välutvecklade designsystemet kunde vi snabbt leverera en anpassad intranätslösning när behovet uppstod. Detta demonstrerade styrkan i vårt modulära tillvägagångssätt och möjliggjorde en kostnadseffektiv expansion av den digitala infrastrukturen. Visa design av intranätet.