0%
![Smartphone mit dem neuen Pocket Guide der Alten Pinakothek München](https://framerusercontent.com/images/KHkkD7HuOCfKcWVZIForCqpV1w0.webp)
Unframed – Konzeption und Interface Design für den neuen Pocket Guide der Alten Pinakothek München
Kontext
Was haben Albrecht Dürers Selbstbildnis und Instagram gemeinsam? Mehr, als der erste Blick vielleicht erahnen lässt. Mit dem digitalen »Pocket Guide« will die Alte Pinakothek in München den Blick der Besucher:innen für die Aktualität der Alten Meister öffnen. Gemeinsam mit unserem Partner »Zum Kuckuck« entwickelten wir einen digitalen Besuchsassistenten für das Smartphone, der neue Perspektiven auf die Kunstwerke der Alten Pinakothek möglich macht.
Herangehensweise
Leiten, entdecken, vorbereiten – unterschiedliche Nutzungsziele und multiple Einstiegspunkte benötigen eine klare Informationshierarchie. Eine immer gleichbleibende Menüstruktur sorgt dabei für eine schnelle Orientierung. Sie ist immer sichtbar und umfasst die Hauptkategorien: Touren, Werke und Mein Besuch. Unterschiedliche Nutzungstypen werden so innerhalb der User Experience aufgegriffen und direkt angesprochen.
Ein separates Kontext-Menü ergänzt die Hauptnavigation und ermöglicht Nutzerinnen und Nutzern seitenbezogene Inhalte kontextualisiert zu erleben. Touren können innerhalb einer Liste durchsucht werden, während eine 3D-Karte der Räumlichkeiten vor Ort den Startpunkt der Tour markiert. Mithilfe von Schnell- und Expertensuche, Raumansichten oder der Eingabe der Inventarnummern haben Nutzerinnen und Nutzer vielfältige Möglichkeiten, einzelne Werke zu finden. Gespeicherte Favoriten lassen sich übersichtlich in Lieblingswerke und gespeicherte Touren sortieren.
Den passenden visuellen Rahmen für die App liefert das ikonische Typogramm der Pinakotheken. Objektkacheln, Tourenkarte oder Highlightslider – eine abgerundete Ecke greift den Viertelkreis des Logos auf, sorgt für eine starke Wiedererkennung und wird so zum stilgebenden Element des Interface Designs.
![](https://framerusercontent.com/images/uCsToEa7ckhITcvIshVv1rmrV8.webp)
![Nachbearbeitetes Gemäde der Maria der Verkündigung, welche jedoch ein Smartphone in der Hand hält](https://framerusercontent.com/images/JDZkJ9XudvBD7nQvUCezjQVOc.webp)
![Nachbearbeitetes Gemäde "Eine Trinkstube" von Andriaen Brouwer, in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/Z3RKfMZf9XnplN5rMgxP13d5waw.webp)
![Bild eines Mannes, der ein Smartphone hält, worauf die neue App der Alten Pinakothek zu sehen ist, welche von der Agentur fjnland gestaltet wurde](https://framerusercontent.com/images/ayGmoh7gNaNnJ7rIlWKtx3XEoo.webp)
![](https://framerusercontent.com/images/iO21ATPyL5l7UgLV8gUc2q0bdE.webp)
![Nachbearbeitetes Öl-Gemäde "Die kleine Obsthändlerin", in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/umglTscuJ2rJNOiFKn5yKgD2c.webp)
![Nachbearbeitetes Gemäde "Zwei rauchende Bauern am Kamin" von Andriaen Brouwer, in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/ln5mSQyoiswoEoWrN8lrUb9fFzg.webp)
![Mockup eines Smartphones auf grünem Hintergrund, welches die 3D Ansicht der Räume der Alten Pinakothek innerhalb der App "Unframed" zeigt](https://framerusercontent.com/images/LALTQEWIUyPmEGblKUAO1CYdNAI.webp)
![Stilisiertes Bild eines E-Mail Footers, welcher im neuen Branding der Alten Pinakothek gehalten wird.](https://framerusercontent.com/images/COdfYuApWHbBpxrgL4oQVSDnQc.webp)
![Layout Konzept der Agentur fjnland für die neue Web-App der Alten Pinakothek München.](https://framerusercontent.com/images/lpgTGOnsm15Vqaw9zlc99puj75M.webp)
![Zwei Werbebanner an der Wand der Alten Pinakothek München, mit Motiven für die neue Web-App "Unframed"](https://framerusercontent.com/images/fL3tonNODEI0DT8769QRsWKIZU.webp)
![Mockup eines Werbeflyers für die Web-App der Alten Pinakothek in München](https://framerusercontent.com/images/Ss5iWEbEFXol7cMPPfjVm5y9Mo.webp)
![Diverse Screenshots des neuen Interface Desings der Alten Pinakothek in München](https://framerusercontent.com/images/uezrWYndLEAnxxMbYXdxqo4.webp)
![Startbildschirm der neuen Web-App der Alten Pinakothek in München auf einem Smartphone](https://framerusercontent.com/images/ao5Ey22NxZG0IFLN8ieI9381kSE.webp)
![Objektsuche innerhalb der neuen Web-App der Alten Pinakothek in München auf einem Smartphone](https://framerusercontent.com/images/X3XlfzEbIXc93qBpnEhVpRq9uY0.webp)
![Screen des Bereichs "Eigene Tour erstellen" innerhalb der Web-App der Alten Pinakothek in München](https://framerusercontent.com/images/qkAdWvngjNxvtHvUGifXPqAY.webp)
![Social Media Beitrag der Alten Pinakothek München](https://framerusercontent.com/images/dvXyyRsGII5Tt32wh6to21Og.webp)
![Smartphone mit dem neuen Pocket Guide der Alten Pinakothek München](https://framerusercontent.com/images/KHkkD7HuOCfKcWVZIForCqpV1w0.webp)
Unframed – Konzeption und Interface Design für den neuen Pocket Guide der Alten Pinakothek München
Kontext
Was haben Albrecht Dürers Selbstbildnis und Instagram gemeinsam? Mehr, als der erste Blick vielleicht erahnen lässt. Mit dem digitalen »Pocket Guide« will die Alte Pinakothek in München den Blick der Besucher:innen für die Aktualität der Alten Meister öffnen. Gemeinsam mit unserem Partner »Zum Kuckuck« entwickelten wir einen digitalen Besuchsassistenten für das Smartphone, der neue Perspektiven auf die Kunstwerke der Alten Pinakothek möglich macht.
Herangehensweise
Leiten, entdecken, vorbereiten – unterschiedliche Nutzungsziele und multiple Einstiegspunkte benötigen eine klare Informationshierarchie. Eine immer gleichbleibende Menüstruktur sorgt dabei für eine schnelle Orientierung. Sie ist immer sichtbar und umfasst die Hauptkategorien: Touren, Werke und Mein Besuch. Unterschiedliche Nutzungstypen werden so innerhalb der User Experience aufgegriffen und direkt angesprochen.
Ein separates Kontext-Menü ergänzt die Hauptnavigation und ermöglicht Nutzerinnen und Nutzern seitenbezogene Inhalte kontextualisiert zu erleben. Touren können innerhalb einer Liste durchsucht werden, während eine 3D-Karte der Räumlichkeiten vor Ort den Startpunkt der Tour markiert. Mithilfe von Schnell- und Expertensuche, Raumansichten oder der Eingabe der Inventarnummern haben Nutzerinnen und Nutzer vielfältige Möglichkeiten, einzelne Werke zu finden. Gespeicherte Favoriten lassen sich übersichtlich in Lieblingswerke und gespeicherte Touren sortieren.
Den passenden visuellen Rahmen für die App liefert das ikonische Typogramm der Pinakotheken. Objektkacheln, Tourenkarte oder Highlightslider – eine abgerundete Ecke greift den Viertelkreis des Logos auf, sorgt für eine starke Wiedererkennung und wird so zum stilgebenden Element des Interface Designs.
![](https://framerusercontent.com/images/uCsToEa7ckhITcvIshVv1rmrV8.webp)
![Nachbearbeitetes Gemäde der Maria der Verkündigung, welche jedoch ein Smartphone in der Hand hält](https://framerusercontent.com/images/JDZkJ9XudvBD7nQvUCezjQVOc.webp)
![Nachbearbeitetes Gemäde "Eine Trinkstube" von Andriaen Brouwer, in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/Z3RKfMZf9XnplN5rMgxP13d5waw.webp)
![Bild eines Mannes, der ein Smartphone hält, worauf die neue App der Alten Pinakothek zu sehen ist, welche von der Agentur fjnland gestaltet wurde](https://framerusercontent.com/images/ayGmoh7gNaNnJ7rIlWKtx3XEoo.webp)
![](https://framerusercontent.com/images/iO21ATPyL5l7UgLV8gUc2q0bdE.webp)
![Nachbearbeitetes Öl-Gemäde "Die kleine Obsthändlerin", in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/umglTscuJ2rJNOiFKn5yKgD2c.webp)
![Nachbearbeitetes Gemäde "Zwei rauchende Bauern am Kamin" von Andriaen Brouwer, in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/ln5mSQyoiswoEoWrN8lrUb9fFzg.webp)
![Mockup eines Smartphones auf grünem Hintergrund, welches die 3D Ansicht der Räume der Alten Pinakothek innerhalb der App "Unframed" zeigt](https://framerusercontent.com/images/LALTQEWIUyPmEGblKUAO1CYdNAI.webp)
![Stilisiertes Bild eines E-Mail Footers, welcher im neuen Branding der Alten Pinakothek gehalten wird.](https://framerusercontent.com/images/COdfYuApWHbBpxrgL4oQVSDnQc.webp)
![Layout Konzept der Agentur fjnland für die neue Web-App der Alten Pinakothek München.](https://framerusercontent.com/images/lpgTGOnsm15Vqaw9zlc99puj75M.webp)
![Zwei Werbebanner an der Wand der Alten Pinakothek München, mit Motiven für die neue Web-App "Unframed"](https://framerusercontent.com/images/fL3tonNODEI0DT8769QRsWKIZU.webp)
![Mockup eines Werbeflyers für die Web-App der Alten Pinakothek in München](https://framerusercontent.com/images/Ss5iWEbEFXol7cMPPfjVm5y9Mo.webp)
![Diverse Screenshots des neuen Interface Desings der Alten Pinakothek in München](https://framerusercontent.com/images/uezrWYndLEAnxxMbYXdxqo4.webp)
![Startbildschirm der neuen Web-App der Alten Pinakothek in München auf einem Smartphone](https://framerusercontent.com/images/ao5Ey22NxZG0IFLN8ieI9381kSE.webp)
![Objektsuche innerhalb der neuen Web-App der Alten Pinakothek in München auf einem Smartphone](https://framerusercontent.com/images/X3XlfzEbIXc93qBpnEhVpRq9uY0.webp)
![Screen des Bereichs "Eigene Tour erstellen" innerhalb der Web-App der Alten Pinakothek in München](https://framerusercontent.com/images/qkAdWvngjNxvtHvUGifXPqAY.webp)
![Social Media Beitrag der Alten Pinakothek München](https://framerusercontent.com/images/dvXyyRsGII5Tt32wh6to21Og.webp)
![Smartphone mit dem neuen Pocket Guide der Alten Pinakothek München](https://framerusercontent.com/images/KHkkD7HuOCfKcWVZIForCqpV1w0.webp)
Unframed – Konzeption und Interface Design für den neuen Pocket Guide der Alten Pinakothek München
Kontext
Was haben Albrecht Dürers Selbstbildnis und Instagram gemeinsam? Mehr, als der erste Blick vielleicht erahnen lässt. Mit dem digitalen »Pocket Guide« will die Alte Pinakothek in München den Blick der Besucher:innen für die Aktualität der Alten Meister öffnen. Gemeinsam mit unserem Partner »Zum Kuckuck« entwickelten wir einen digitalen Besuchsassistenten für das Smartphone, der neue Perspektiven auf die Kunstwerke der Alten Pinakothek möglich macht.
Herangehensweise
Leiten, entdecken, vorbereiten – unterschiedliche Nutzungsziele und multiple Einstiegspunkte benötigen eine klare Informationshierarchie. Eine immer gleichbleibende Menüstruktur sorgt dabei für eine schnelle Orientierung. Sie ist immer sichtbar und umfasst die Hauptkategorien: Touren, Werke und Mein Besuch. Unterschiedliche Nutzungstypen werden so innerhalb der User Experience aufgegriffen und direkt angesprochen.
Ein separates Kontext-Menü ergänzt die Hauptnavigation und ermöglicht Nutzerinnen und Nutzern seitenbezogene Inhalte kontextualisiert zu erleben. Touren können innerhalb einer Liste durchsucht werden, während eine 3D-Karte der Räumlichkeiten vor Ort den Startpunkt der Tour markiert. Mithilfe von Schnell- und Expertensuche, Raumansichten oder der Eingabe der Inventarnummern haben Nutzerinnen und Nutzer vielfältige Möglichkeiten, einzelne Werke zu finden. Gespeicherte Favoriten lassen sich übersichtlich in Lieblingswerke und gespeicherte Touren sortieren.
Den passenden visuellen Rahmen für die App liefert das ikonische Typogramm der Pinakotheken. Objektkacheln, Tourenkarte oder Highlightslider – eine abgerundete Ecke greift den Viertelkreis des Logos auf, sorgt für eine starke Wiedererkennung und wird so zum stilgebenden Element des Interface Designs.
![](https://framerusercontent.com/images/uCsToEa7ckhITcvIshVv1rmrV8.webp)
![Nachbearbeitetes Gemäde der Maria der Verkündigung, welche jedoch ein Smartphone in der Hand hält](https://framerusercontent.com/images/JDZkJ9XudvBD7nQvUCezjQVOc.webp)
![Nachbearbeitetes Gemäde "Eine Trinkstube" von Andriaen Brouwer, in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/Z3RKfMZf9XnplN5rMgxP13d5waw.webp)
![Bild eines Mannes, der ein Smartphone hält, worauf die neue App der Alten Pinakothek zu sehen ist, welche von der Agentur fjnland gestaltet wurde](https://framerusercontent.com/images/ayGmoh7gNaNnJ7rIlWKtx3XEoo.webp)
![](https://framerusercontent.com/images/iO21ATPyL5l7UgLV8gUc2q0bdE.webp)
![Nachbearbeitetes Öl-Gemäde "Die kleine Obsthändlerin", in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/umglTscuJ2rJNOiFKn5yKgD2c.webp)
![Nachbearbeitetes Gemäde "Zwei rauchende Bauern am Kamin" von Andriaen Brouwer, in das nachträglich ein Smartphone eingefügt wurde](https://framerusercontent.com/images/ln5mSQyoiswoEoWrN8lrUb9fFzg.webp)
![Mockup eines Smartphones auf grünem Hintergrund, welches die 3D Ansicht der Räume der Alten Pinakothek innerhalb der App "Unframed" zeigt](https://framerusercontent.com/images/LALTQEWIUyPmEGblKUAO1CYdNAI.webp)
![Stilisiertes Bild eines E-Mail Footers, welcher im neuen Branding der Alten Pinakothek gehalten wird.](https://framerusercontent.com/images/COdfYuApWHbBpxrgL4oQVSDnQc.webp)
![Layout Konzept der Agentur fjnland für die neue Web-App der Alten Pinakothek München.](https://framerusercontent.com/images/lpgTGOnsm15Vqaw9zlc99puj75M.webp)
![Zwei Werbebanner an der Wand der Alten Pinakothek München, mit Motiven für die neue Web-App "Unframed"](https://framerusercontent.com/images/fL3tonNODEI0DT8769QRsWKIZU.webp)
![Mockup eines Werbeflyers für die Web-App der Alten Pinakothek in München](https://framerusercontent.com/images/Ss5iWEbEFXol7cMPPfjVm5y9Mo.webp)
![Diverse Screenshots des neuen Interface Desings der Alten Pinakothek in München](https://framerusercontent.com/images/uezrWYndLEAnxxMbYXdxqo4.webp)
![Startbildschirm der neuen Web-App der Alten Pinakothek in München auf einem Smartphone](https://framerusercontent.com/images/ao5Ey22NxZG0IFLN8ieI9381kSE.webp)
![Objektsuche innerhalb der neuen Web-App der Alten Pinakothek in München auf einem Smartphone](https://framerusercontent.com/images/X3XlfzEbIXc93qBpnEhVpRq9uY0.webp)
![Screen des Bereichs "Eigene Tour erstellen" innerhalb der Web-App der Alten Pinakothek in München](https://framerusercontent.com/images/qkAdWvngjNxvtHvUGifXPqAY.webp)
![Social Media Beitrag der Alten Pinakothek München](https://framerusercontent.com/images/dvXyyRsGII5Tt32wh6to21Og.webp)
2023
Alte Pinakothek Unframed
User Experience
User Interface
Content Structure
Prototyping
Branche
Kultur
Prototyp
Partner:in
Zum Kuckuck
Ausgewählte Projekte
Jobs
Visuelle Gestaltung
Pflichtpraktikum ab SS 2025
Konzeption & Text
Pflichtpraktikum ab SS 2025
Initiativbewerbung
Voll- & Teilzeitstelle
Jobs
Visuelle Gestaltung
Pflichtpraktikum ab SS 2025
Konzeption & Text
Pflichtpraktikum ab SS 2025
Initiativbewerbung
Voll- & Teilzeitstelle
Jobs
Visuelle Gestaltung
Pflichtpraktikum ab SS 2025
Konzeption & Text
Pflichtpraktikum ab SS 2025
Initiativbewerbung
Voll- & Teilzeitstelle
Erstgespräch
Lass uns unverbindlich auf ein Erstgespräch treffen, uns näher kennen lernen und feststellen, ob wir für dein Projekt die richtigen Partner sind. So können wir dir die Lösung bieten, die zu deinen Anforderungen passt.
2024
Mo
Di
Mi
Do
Fr
SA
So
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
24 Std
12 Std
10:30
11:30
14:30
15:30
16:30
17:30