Design av en museumsapp
Dusinvis av UI-retninger. Én klikkbar prototype.
49
varianter av startskjermen
30+
designede skjermer
5
fortellermoduser
dager
ikke uker
Det vi satte oss fore å bygge
Vi gjorde briefen om til et fungerende produkt i ett designsystem. Kunden kunne klikke seg gjennom Museo, sammenligne retninger og bestemme seg raskt, lenge før utviklingen startet.
Et gjenbrukbart rammeverk for presentasjon
Ett KI-drevet system viste appen i en realistisk iPhone-mockup, i en levende merkevarehåndbok og i et rutenett av varianter, så hver ny idé fant plassen sin med en gang.
49 retninger for startskjermen, raskt
I stedet for én trygg startskjerm genererte vi 49 varianter og testet oppsett, hierarki og følelse før vi bestemte oss.
Hele flyten, klikkbar
Skann → gjenkjenn → fortelling, onboarding, kunstverkdetaljer, profil, premium. En ekte interaktiv prototype, ikke løsrevne, statiske skjermer.
En levende merkevarehåndbok
Designsystemet Dark-Luxury (obsidian + kobber) ble dokumentert som levende UI: farger, typografi, knapper og skjemafelt holdt seg like på hver skjerm.
Beslutninger på timer
De involverte sammenlignet ekte retninger side om side og godkjente en vei på noen timer. Uker med mockup-runder ble til ett møte.
Rett til utvikling
Den validerte prototypen ble spesifikasjonen for Flutter-appen i produksjon, så design og kode gled aldri fra hverandre.
Startskjermen - 49 varianter med KI
Dette er ekte, interaktive skjermer fra prototypen, ikke mockuper. Bla i panelet og se retningene vi genererte med KI.
14 av 49 varianter av startskjermen - live og interaktive · 1/3
Skannegrensesnittet
Fra du løfter kameraet til du hører fortellingen: kjerneflyten, prototypet fra start til slutt. Under ser du ekte, interaktive skjermer.
16 varianter av skanneflyten - live og interaktive · 1/4
Lydspilleren
Animerte fortellerskjermer med rike bakgrunner bygget rundt kunstverket. Øyeblikket der historien faktisk spilles av.
15 varianter av lydspilleren - live og interaktive · 1/3
The Night Watch
...into the shadows of the background.
Notice how the light falls not from a single source, but seems to emanate from the figures themselves.
This technique, known as chiaroscuro, was mastered by Rembrandt...
Expert Commentary
Rembrandt's Light
The Night Watch
Tap anywhere to hide controls
The Night Watch
Premium og betalingsmur
Øyeblikket for oppgradering: priser, fordeler og betalingsmuren for abonnementet, prototypet i sin helhet.
15 varianter av premium / betalingsmur - live og interaktive · 1/3
Join the Patrons
Unlock the full Museo experience
ALEX MILLER
ID: 884-291-PATRON
Recurring billing. Cancel anytime.
LIMITED
See What You're Missing
Unlock The Hidden Layer
HD Zoom
Expert Audio
Manifesto
Art is not just
to be seen.
It is to be
understood.
Museo Premium isn't just a set of features. It is a commitment to the preservation of stories that define our humanity.
Become a Patron today and ensure that no masterpiece goes unheard.
Upgrade Plan
Unlimited
Visual Recognition
Identify unlimited artworks instantly.
Audio Guides
Curator narrations
Offline
Save for later
Support the Arts
Your sub funds museum digitization
Unlock Infinity
Experience art without boundaries. Deep zoom, expert narratives, and exclusive access.
Resten av appen
Onboarding, innlogging, kunstverkdetaljer, profil og mer. Hele opplevelsen designet som ett system.
9 av 30+ skjermer - live og interaktive · 1/2
Hear the story.
Every artwork has a story waiting to be heard.
Profile
Art Lover
Member since Nov 2025
24
Favourites
156
Scanned
Quick Actions
Brand Ambassador
Brand Ambassador Mode
Help museums by documenting artworks
Narration Style
Select how you'd like to experience art
Special Modes
Favourites
Levende merkevarehåndbok
Dark Luxury i hver detalj
Obsidian
#1a1a1a
Bakgrunn
Overflate
#121212
Kort
Kantlinje
#2A2A2A
Skillelinjer
Kobber / Champagne
#eac0a2
Aksent · CTA
Mørkt kobber
#b89780
Hover · gradient
Skifer
#8E8E93
Sekundærtekst
Overskrifter · serif
Museo
Brødtekst · sans
En rolig, sofistikert premiumstemme: Playfair Display i overskriftene, Inter i grensesnittet.
5 fortellermoduser
Klassisk og Ekspress er gratis, mens Ekspert, WCAG og For barn er premium. Hver av dem er en ny måte å høre det samme kunstverket på.
Og logoen
Vi designet ordmerket og symbolet til Museo for å passe inn i verdenen av kobber på obsidian.
Utenfor appen
Vi designet trykksakene også
Plakater og flygeblader i det samme Dark-Luxury-språket: en QR-kode rett til appen og ett løfte: Scan. Listen. Discover.
Design av museumsapp - FAQ
Hva kjennetegner et godt design for en museumsguide-app?
Et godt design for en museumsapp står ikke i veien: én opplagt handling, altså å skanne et kunstverk, et rolig premiumuttrykk og full tilgjengelighet. I Museo brukte vi designsystemet Dark-Luxury (dyp obsidian med varme kobberaksenter), så kunstverket får hovedrollen, mens grensesnittet føles som selve museet.
Hvordan designer man en tilgjengelig museumsapp?
Hver skjerm i museumsguiden Museo er designet etter WCAG 2.1 AA: store trykkflater, sterk kontrast, etiketter for skjermlesere og en barnevennlig modus. Slik kan besøkende i alle aldre og med ulike forutsetninger bruke den.
Hvor lang tid tar det å designe en museumsapp?
Med KI-støttet prototyping utforsket vi dusinvis av UI-retninger og en komplett klikkbar prototype på dager, ikke uker. Deretter gikk et validert design av appen rett videre til utvikling.
Hvilken designstil passer best for en museumsapp?
Museer er rolige premiumrom, så en mørk, elegant stil med én varm aksent fungerer bedre enn et skrikende, overfylt grensesnitt. Dark-Luxury-paletten i Museo, obsidian og kobber, ble valgt for å matche stemningen i et galleri.
Fra idé til klikkbar prototype. Raskt.
Så bygde vi den ekte appen. Se hvordan Museo-appen ble utviklet →
Last ned Museo-appen
Let's make something together.
I Codigee står vi for åpenhet, effektivitet og enkelhet. Ingen overkomplisering. Ingen bortkastet tid.
Bare rett på sak og levere.
We are obsessed.
Alle milliardselskaper startet med én beslutning, ett steg, én iterasjon. Nøkkelen? Å handle og levere raskt.