From atoms to components

Klimadatastyrelsen

En samlet brugeroplevelse på tværs af digitale løsninger

UI-projekt for Klimadatastyrelsen (tidligere SFDI). Efter mange års udvikling af separate løsninger havde styrelsen behov for at samle det hele i et sammenhængende og brugervenligt interface. Målet var at skabe en fælles brandoplevelse på tværs af en bred vifte af produkter – med Dataforsyningen som omdrejningspunkt.

Dataforsyningen giver direkte adgang til frie offentlige geografiske data via kortvisning, webservices, webapplikationer, API’er og downloads. Den fungerer samtidig som et videnscenter, hvor det tydeliggøres, hvordan data skaber nye muligheder og værdi for både offentlige og private aktører.

Det er en rejse, der stadig er i gang. Gennem flere iterationer har vi arbejdet os tættere på en dynamisk løsning, der samler forskellige behov under ét system. En løsning, som både kan udbygges i fremtiden og giver et solidt fundament for udviklingen af nye produkter.

Sub Level Variants
Atomer og sub-level komponenter med varianter, organiseret efter atomic design-principper. Hver byggesten kan genbruges og kombineres i forskellige kontekster, og ændringer i atomerne vil slå igennem i alle designsituationer.
Beskrivelse af billedet
Der er opbygges et farvesystem, der gør komponenterne anvendelige i både mørke og lyse kontekster. Systemet sikrer fleksibilitet, så komponenterne tilpasser sig forskellige behov og løsninger uden at gå på kompromis med konsistens.
icons_size_rulls
Udvikling af et modulært ikon-system med størrelsesvarianter og pixelpræcise retningslinjer, optimeret til kortvisning og geodata-løsninger. Ikonerne kan skaleres og genbruges på tværs af forskellige kartelag og digitale kortapplikationer uden at gå på kompromis med præcision og konsistens. Udvikling af et omfattende ikon-system med flere størrelsesvarianter og pixelpræcise retningslinjer. Systemet er designet til at sikre konsistens på tværs af kortvisninger og geodata-applikationer, hvor ikonerne kan genbruges og skaleres præcist i forskellige kontekster og displaymiljøer.
Sub Level Variants
Layoutsystemet er baseret på fleksible Content- og Section Wrappers, som kan bruges individuelt eller kombineres for at skabe en sammenhængende brugeroplevelse. Wrappers kan placeres hierarkisk og håndterer forskellige indholdstyper og mængder. Gridstrukturen med faste kolonnebredder og definerede afstande sikrer responsivitet, visuel balance og konsistent hierarki på tværs af skærmstørrelser.
Beskrivelse af billedet
Knapper og actions i Dataforsyningens designsystem er designet til at være intuitive og let genkendelige for brugerne. De følger en konsekvent stil, der sikrer, at alle interaktive elementer er lette at finde og anvende.
Beskrivelse af billedet
Der er defineret forskellige billedeformater, der understøtter forskellige løsningsbehov. Eksempelvis anvendes bredformat med aspect ratio 21:9, dynamiske aspect ratios og fixed height, hvor hver tilgang giver specifikke fordele i forhold til fleksibilitet, layoutkontrol og visuel balance.

Part of the Geografiske Data serie: