
Design af en museumsapp
Snesevis af UI-retninger. Én klikbar prototype.
49
varianter af startskærmen
30+
designede skærme
5
fortælletilstande
dage
ikke uger
Det, vi ville bygge
Vi gjorde briefet til et fungerende produkt i ét designsystem. Kunden kunne klikke sig gennem Museo, sammenligne retninger og beslutte sig hurtigt, længe før udviklingen gik i gang.
En genbrugelig ramme til præsentation
Ét AI-drevet system viste appen i et realistisk iPhone-mockup, i en levende brandmanual og i et gitter af varianter, så hver ny idé straks fandt sin plads.
49 retninger til startskærmen, hurtigt
I stedet for én sikker startskærm genererede vi 49 varianter og testede layout, hierarki og fornemmelse, før vi besluttede os.
Hele flowet, klikbart
Scan → genkend → fortælling, onboarding, detaljer om kunstværket, profil, premium. En rigtig interaktiv prototype, ikke løsrevne, statiske skærme.
En levende brandmanual
Designsystemet Dark-Luxury (obsidian + kobber) blev dokumenteret som levende UI: farver, typografi, knapper og formularfelter var ens på hver skærm.
Beslutninger på timer
De involverede sammenlignede rigtige retninger side om side og godkendte en vej på få timer. Ugevis af mockup-runder blev til ét møde.
Direkte til udvikling
Den validerede prototype blev specifikationen for Flutter-appen i produktion, så design og kode aldrig gled fra hinanden.
Startskærmen - 49 varianter med AI
Det her er rigtige, interaktive skærme fra prototypen, ikke mockups. Scroll gennem panelet, og se de retninger, vi genererede med AI.
14 af 49 varianter af startskærmen - live og interaktive · 1/3
Scanningsbrugerfladen
Fra du løfter kameraet, til du hører fortællingen: kerneflowet, prototypet fra start til slut. Nedenfor ser du rigtige, interaktive skærme.
16 varianter af scanningsflowet - live og interaktive · 1/4
Lydafspilleren
Animerede fortælleskærme med rige baggrunde bygget op om kunstværket. Øjeblikket, hvor historien faktisk afspilles.
15 varianter af lydafspilleren - live og interaktive · 1/3
Premium og betalingsmur
Øjeblikket for opgradering: priser, fordele og betalingsmuren for abonnementet, prototypet i sin helhed.
15 varianter af premium / betalingsmur - live og interaktive · 1/3
Resten af appen
Onboarding, login, detaljer om kunstværket, profil og mere. Hele oplevelsen designet som ét system.
9 af 30+ skærme - live og interaktive · 1/2
Levende brandmanual
Dark Luxury i hver detalje
Obsidian
#1a1a1a
Baggrund
Overflade
#121212
Kort
Kantlinje
#2A2A2A
Skillelinjer
Kobber / Champagne
#eac0a2
Accent · CTA
Mørkt kobber
#b89780
Hover · gradient
Skifer
#8E8E93
Sekundær tekst
Overskrifter · serif
Museo
Brødtekst · sans
En rolig, sofistikeret premiumstemme: Playfair Display i overskrifterne, Inter i brugerfladen.
5 fortælletilstande
Klassisk og Ekspres er gratis, mens Ekspert, WCAG og Til børn er premium. Hver af dem er en ny måde at høre det samme kunstværk på.
Og logoet
Vi designede Museos ordmærke og symbol, så de passer ind i verdenen af kobber på obsidian.
Uden for appen
Vi designede også tryksagerne
Plakater og flyers i det samme Dark-Luxury-sprog: en QR-kode direkte til appen og ét løfte: Scan. Listen. Discover.



Design af museumsapp - FAQ
Hvad kendetegner et godt design til en museumsguide-app?
Et godt design til en museumsapp står ikke i vejen: én oplagt handling, nemlig at scanne et kunstværk, et roligt premiumudtryk og fuld tilgængelighed. I Museo brugte vi designsystemet Dark-Luxury (dyb obsidian med varme kobberaccenter), så kunstværket får hovedrollen, mens brugerfladen føles som selve museet.
Hvordan designer man en tilgængelig museumsapp?
Hver skærm i museumsguiden Museo er designet efter WCAG 2.1 AA: store trykflader, kraftig kontrast, labels til skærmlæsere og en børnevenlig tilstand. Så kan besøgende i alle aldre og med forskellige behov bruge den.
Hvor lang tid tager det at designe en museumsapp?
Med AI-understøttet prototyping udforskede vi snesevis af UI-retninger og en komplet klikbar prototype på dage, ikke uger. Derefter gik et valideret design af appen direkte videre til udvikling.
Hvilken designstil passer bedst til en museumsapp?
Museer er rolige premiumrum, så en mørk, elegant stil med én varm accent fungerer bedre end en skrigende, overfyldt brugerflade. Museos Dark-Luxury-palet, obsidian og kobber, blev valgt, så den matcher stemningen i et galleri.
Fra idé til klikbar prototype. Hurtigt.
Så byggede vi den rigtige app. Se, hvordan Museo-appen blev udviklet →
Let's make something together.
Hos Codigee sætter vi åbenhed, effektivitet og enkelhed højt. Ingen overengineering. Ingen spildtid.
Bare levering uden omsvøb.
We are obsessed.
Alle milliardvirksomheder startede med én beslutning, ét skridt, én iteration. Nøglen? At handle og levere hurtigt.






