Design einer Museums-App
Dutzende UI-Richtungen. Ein klickbarer Prototyp.
49
Varianten des Startscreens
30+
gestaltete Screens
5
Erzählmodi
Tage
nicht Wochen
Was wir bauen wollten
Wir haben das Briefing in ein lauffähiges Produkt mit einem einzigen Designsystem verwandelt. So konnte der Kunde sich durch Museo klicken, Richtungen vergleichen und schnell entscheiden, lange bevor die Entwicklung begann.
Ein wiederverwendbares Showcase-Framework
Ein KI-gestütztes System zeigte die App in einem realistischen iPhone-Mockup, einem lebenden Brand Book und einem Raster aus Varianten. So passte jede neue Idee sofort hinein.
49 Startscreen-Richtungen, schnell
Statt eines sicheren Startscreens haben wir 49 Varianten generiert und Layout, Hierarchie und Emotion getestet, bevor wir uns festgelegt haben.
Der ganze Flow, klickbar
Scan → Erkennung → Erzählung, Onboarding, Werkdetails, Profil, Premium. Ein echter interaktiver Prototyp, keine losen statischen Screens.
Ein lebendes Brand Book
Das Dark-Luxury-Designsystem (Obsidian + Kupfer) haben wir als lebende UI dokumentiert: Farben, Schrift, Buttons und Eingabefelder blieben auf jedem Screen konsistent.
Entscheidungen in Stunden
Die Stakeholder haben echte Richtungen nebeneinander verglichen und einen Weg in wenigen Stunden freigegeben. Wochen voller Mockup-Runden passten in ein einziges Meeting.
Direkt in die Entwicklung
Der validierte Prototyp wurde zur Spezifikation der produktiven Flutter-App, so liefen Design und Code nie auseinander.
Startscreen - 49 KI-Varianten
Das sind die echten, interaktiven Prototyp-Screens, keine Mockups. Scroll durch das Panel und sieh dir die Richtungen an, die wir mit KI generiert haben.
14 von 49 Startscreen-Varianten - live und interaktiv · 1/3
Das Scan-Interface
Vom Hochhalten der Kamera bis zur Erzählung: der Kern-Loop, von Anfang bis Ende als Prototyp. Unten die echten, interaktiven Screens.
16 Varianten des Scan-Flows - live und interaktiv · 1/4
Der Audioplayer
Animierte Erzähl-Screens mit reichen Hintergründen rund um das Kunstwerk. Der Moment, in dem die Geschichte wirklich losgeht.
15 Varianten des Audioplayers - live und interaktiv · 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 und Paywall
Der Upgrade-Moment: Preise, Vorteile und die Abo-Paywall, komplett als Prototyp.
15 Varianten für Premium / Paywall - live und interaktiv · 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.
Der Rest der App
Onboarding, Login, Werkdetails, Profil und mehr. Das ganze Erlebnis als ein System gestaltet.
9 von 30+ Screens - live und interaktiv · 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
Lebendes Brand Book
Dark Luxury bis ins Detail
Obsidian
#1a1a1a
Hintergrund
Fläche
#121212
Karten
Rahmen
#2A2A2A
Trennlinien
Kupfer / Champagner
#eac0a2
Akzent · CTA
Dunkles Kupfer
#b89780
Hover · Verlauf
Schiefer
#8E8E93
Sekundärtext
Überschriften · Serif
Museo
Fließtext · Sans
Eine ruhige, edle Premium-Stimme: Playfair Display für Überschriften, Inter für das Interface.
5 Erzählmodi
Klassisch und Express sind kostenlos, Experte, WCAG und Für Kinder sind Premium. Jeder Modus ist eine andere Art, dasselbe Kunstwerk zu hören.
Und das Logo
Wir haben Wortmarke und Bildzeichen von Museo so gestaltet, dass sie in diese Welt aus Kupfer auf Obsidian passen.
Über die App hinaus
Auch die Printmaterialien kommen von uns
Poster und Flyer in derselben Dark-Luxury-Sprache: ein QR-Code direkt zur App und ein Versprechen: Scan. Listen. Discover.
Museums-App Design - FAQ
Was macht ein gutes Design für eine Museumsguide-App aus?
Ein gutes Museums-App-Design steht nicht im Weg: eine klare Aktion, nämlich ein Kunstwerk scannen, ein ruhiger Premium-Look und volle Barrierefreiheit. Für Museo haben wir ein Dark-Luxury-Designsystem genutzt (tiefes Obsidian mit warmen Kupferakzenten), damit das Kunstwerk im Mittelpunkt bleibt und sich die UI wie das Museum selbst anfühlt.
Wie gestaltet man eine barrierefreie Museums-App?
Jeder Screen der Museo-App ist nach WCAG 2.1 AA gestaltet: große Touch-Flächen, starker Kontrast, Labels für Screenreader und ein kinderfreundlicher Modus. So kann sie jeder Besucher nutzen, egal welches Alter und welche Fähigkeiten.
Wie lange dauert das Design einer Museums-App?
Mit KI-gestütztem Prototyping standen dutzende UI-Richtungen und ein kompletter klickbarer Prototyp in Tagen statt Wochen. Danach ging das validierte Design direkt in die Entwicklung.
Welcher Designstil passt am besten zu einer Museums-App?
Museen sind ruhige Premium-Räume, deshalb wirkt ein dunkler, eleganter Stil mit einem einzigen warmen Akzent besser als eine grelle, überladene UI. Die Dark-Luxury-Palette von Museo, Obsidian und Kupfer, passt genau zu dieser Galerie-Atmosphäre.
Sieh dir unsere anderen Projekte an
Von der Idee zum klickbaren Prototyp. Schnell.
Dann haben wir die echte App gebaut. So ist die Museo-App entstanden →
Hol dir die Museo-App
Let's make something together.
Bei Codigee zählen Transparenz, Effizienz und Einfachheit. Kein Overengineering. Keine verschwendete Zeit.
Einfach saubere Umsetzung.
We are obsessed.
Jedes Milliardenunternehmen hat mit einer Entscheidung, einem Schritt, einer Iteration angefangen. Der Schlüssel? Loslegen und schnell liefern.