viele wege führen nach rom (nur folien)
Post on 28-Nov-2014
2.682 Views
Preview:
DESCRIPTION
TRANSCRIPT
Bild: David Iliff
Methoden in der Website-Konzeption
Viele Wege führen nach Rom
Bild: David Iliff
Methoden in der Website-Konzeption
Viele Wege führen nach Rom
Hallo!
Was ich Euch nicht erzähle ...
Swimlanes
Content Inventory
Mental Model
Personas
Creative Brief
Card SortSitemaps
Use Cases
Page Description Diagram
Wireframes
WireflowsUser Journey
Backcasting
Content Analysis
Content Audit
Guerilla Ethnography
Benchmark Analysis
Scenarios
Storyboard
Prototypes
Specification Split Tests
Multi Variant Tests
Business Requirements Capture
Design the Box Concept Maps
Conversational Sketching
Usability Test
Focus GroupTemplates
Scribbles
Components
HiFi Prototype
Taxonomy
Paper Prototype
Controlled Vocabulary
Affinity Diagram
Heuristic Evaluation
Task Analysis Gap Analysis
Patterns
Page Types
Bild: David Iliff
Reisevorbereitung
Strukturiert vorgehen!
• An wen richte ich mich?• Was möchte ich erreichen?• Welche Informationen benötige ich?• Gibt es Beispiele?• Loslegen!• Überarbeiten
An wen richte ich mich?
Kunde
• Denkt konkret• Beschäftigt sich nur zeitweise
mit dem Projekt• Muss interne Interessen
berücksichtigen• Benötigt neben Lösungen auch
Argumente, um sie intern zu vertreten
Grafik
• Denkt visuell: Liest oft keine Anmerkungen bei Wireframes
• Farbkonzepte sind manchmal wichtiger als gute Usability
• Lässt auch mal was weg• Denkt eher in Seiten statt in
Komponenten
Technik
• Denkt abstrakt• Denkt in Komponenten statt
in Seiten• Braucht detaillierte Angaben• Wollen sehr früh im Projekt
Informationen haben• Legt früh technische Vorgaben
fest, die u.U. mit dem Konzept kollidieren
Neue Team-Mitglieder
• Kennen die Projekthistorie nicht
?
Was möchte ich erreichen?
Verstehen
Context
Content Users
Morville, Rosenfeld: Information Architecture for the World Wide Web (O‘Reilly, 2006)oreilly.com/catalog/infoarch3
Vergleich von MVV-ZeitkartenIs
arC
ard-
Woc
he
Isar
Car
d-M
onat
Isar
Car
dAbo
Isar
Car
d9U
hr
Isar
Car
d9U
hr im
Abo
Isar
Car
d60
Isar
Car
d60
im A
bo
Aus
bild
ungs
tarif
I +
II
Isar
Car
dJob
Abo
Plu
sCar
d
Isar
Car
d-W
oche
Isar
Car
d-M
onat
Isar
Car
dAbo
Isar
Car
d9U
hr
Isar
Car
d9U
hr im
Abo
Isar
Car
d60
Isar
Car
d60
im A
bo
Aus
bild
ungs
tarif
I +
II
Isar
Car
dJob
Abo
Plu
sCar
d
Art (Dauer) Wochenkarte Monatskarte Monats- oder Jahreskarte Monatskarte Monats- oder Jahreskarte Monatskarte Monats- oder Jahreskarte Wochen- oder Monatskarte
Jahreskarte Jahreskarte
Art (Abo) Bar Bar Abo Bar Abo Bar Abo Bar Firmen-Abo Abo
Gültigkeitsbereich je nach Anzahl der Ringe je nach Anzahl der Ringe je nach Anzahl der Ringe Innenraum, Außenraum oder Gesamtnetz
Innenraum, Außenraum oder Gesamtnetz
Innenraum, Außenraum oder Gesamtnetz
Innenraum, Außenraum oder Gesamtnetz
je nach Anzahl der Ringe je nach Anzahl der
Ringe
je nach Kombination
von Verkehrs-verbünden
Gültigkeitsdauer 1 Woche + bis 12:00 am ersten Werktag der Folgewoche
1 Monat + bis 12:00 am ersten Werktag des Folgemonats
1 Jahr 1 Monat + bis 12:00 am ersten Werktag des Folgemonats
1 Jahr 1 Monat + bis 12:00 am ersten Werktag des Folgemonats
1 Jahr 1 Woche oder 1 Monat 1 Jahr 1 Jahr
Übertragbarkeit ja ja wahlweise ja wahlweise ja wahlweise nein nein wahlweise
Mitnahme Kinder-Regelung Kinder-Regelung Kinder-Regelung Kinder-Regelung Kinder-Regelung nein nein nein Kinder-Regelung Erwachsenen-Minahme
SA + SO (4 Personen)
Ausschlusszeit nein nein nein MO-FR, 6-9 Uhr MO-FR, 6-9 Uhr MO-FR, 6-9 Uhr MO-FR, 6-9 Uhr nein nein nein
Für jeden? ja ja ja ja ja nur ab 60 nur ab 60 nein nur Firmen ja
Preis abhängig von Ringen abhängig von Ringen abhängig von Ringen + abhängig von Zonen abhängig von Zonen + abhängig von Zonen abhängig von Zonen + abhängig von Ringen + abhängig von Ringen + je nach Kombination Preis abhängig von Ringen abhängig von Ringen abhängig von Ringen + Zahlungs-intervall
abhängig von Zonen abhängig von Zonen + Zahlungs-intervall
abhängig von Zonen abhängig von Zonen + Zahlungs-intervall
abhängig von Ringen + Zahlungsintervall + Ausbildungs-tarif
abhängig von Ringen +
Rabattstufe
je nach Kombination
von Verkehrs-verbünden
Verkaufsstellen Alle Verkaufsstellen + Automanten
Alle Verkaufsstellen + Automanten
2 Abo-Center + Online-Bestellung
Alle Verkaufsstellen + Automanten
2 Abo-Center + Online-Bestellung
Alle Verkaufsstellen + Automanten
2 Abo-Center + Online-Bestellung
Alle Verkaufsstellen + Automaten [vorherige Ausstellung einer Kundenkarte nötig!]
nur Tarifabteilung nur DB-Abo-Center
Landshut
Abo möglich? nein ja [Ist Abo] ja [Ist Abo] ja [Ist Abo] nein [Ist Abo] [Ist Abo]
Zahlungsweise vor Ort vor Ort Lastschrift vor Ort Lastschrift vor Ort Lastschrift vor Ort Abrechnung über Firma Lastschrift
Zahlungsintervall wöchentlich monatlich monatlich oder jährlich monatlich monatlich oder jährlich monatlich monatlich oder jährlich wöchentlich oder monatlich
monatlich monatlich
Kündigung nötig? nein nein Ja [Abo] nein Ja [Abo] nein Ja [Abo] nein Ja [Abo] Ja [Abo]
Boni - - Carsharing + Tierpark - Carsharing + Tierpark - Carsharing + Tierpark - - Carsharing + Tierpark
Besonderheit 1 Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar ("grüne Jugendkarte").
Weiterer Rabatt gegenüber IsarCardAbo
Kostenlose BC25 bei pers. Abo
Besonderheit 2 Keine Fahrten in der Keine Fahrten in der Fahrten in der Sperrzeit Fahrten in der Sperrzeit Kundenkarte Besonderheit 2 Keine Fahrten in der
Sperrzeit möglich
Keine Fahrten in der
Sperrzeit möglich
Fahrten in der Sperrzeit möglich.
Fahrten in der Sperrzeit möglich.
Kundenkarte
erforderlich
Stand: 22. Juni 2007
Autor: Stefan Freimark, Phase 4 Communications GmbH (freimark@phase4.de)
Content Audit
Mental Model
With kind permission by Indi Young.
Indi Young: Mental Models (Rosenfeld Media, 2008)www.rosenfeldmedia.com/books/mental-models
Mental Model
With kind permission by Indi Young.
Indi Young: Mental Models (Rosenfeld Media, 2008)www.rosenfeldmedia.com/books/mental-models
Mental Model
With kind permission by Indi Young.
Indi Young: Mental Models (Rosenfeld Media, 2008)www.rosenfeldmedia.com/books/mental-models
Kommunizieren
With kind permission by Joshua Porter.
Joshua Porter: Designing for the Social Web (New Riders, 2008)bokardo.com/archives/designing-for-the-social-web-the-book
Process Flow
User Journey
I saw that ad about this new car and would like to
know more.
Maybe they tell if I click on "Build your
own".
Ah, it's right on the homepage. Let's see if they can tell me more.
Jeff sits down at his computer and navigates to the manufacturer's website.
That car looks goodand it has some very
nice features. But how much does it cost?
The price differs with the engine. I go with
that one and add more equipment.
I like that. I'll save that for later.
Honey,lunch is ready!
I'll be right there!
Stencils:• boxesandarrows.com/view/comics-not-just-for• graffletopia.com/stencils/128
Swimlanes
Sto
ryb
oard
No
tes
Use c
ase
User
Exp
eri
en
ce
Bu
sin
ess
Pro
cess
The homepage displays the offered car in a teaser. Alternative: A landing page which URL has been promoted.
The new features are the most important point to communicate. Price information is secondary.
Configuring a car is the next best activity. Secondary in this context: ordering a brochure, locate a dealer.
In this case, Jeff opts for a break and uses the Save vehicle function to resume later.
A seperate user journey explains the configurator in detail.
CC CC.saveCC.engine, CC.extras
Car Configurator Car ConfiguratorCar Configurator
Start
Go to
manufacturer.com
via browser
EndFollow a teaser
Car Configurator
Learning
about the
product
Scanning for
price
information
Configure
engineSave vehicle
Configure
extras
Scenario: Find product information, configure carStart point: Jeff watched a television ad about a new productEnd point: Jeff found some information including price, and has started a configuration (which he saves for later)
I saw that ad about this new car and would like to
know more.
Maybe they tell if I click on "Build your
own".
Ah, it's right on the homepage. Let's see if they can tell me more.
Jeff sits down at his computer and navigates to the manufacturer's website.
That car looks goodand it has some very
nice features. But how much does it cost?
The price differs with the engine. I go with
that one and add more equipment.
I like that. I'll save that for later.
Honey,lunch is ready!
I'll be right there!
Produktion vorbereiten und begleiten
Zentraldokument
Structure Content SEO Other infoTeaser
1st 2nd 3rd 4th 5th 6th Name in navigation Page type txt_
az
txt_
ch
ron
img
1
img
2
Page title (TITLE) Meta description Meta keywords Subdomain Shortname Owner Status Comment
0.0 Startseite Home x x Fiktiv Schreibgeräte AG
1.0 Produkte Product Entry x x x Produkte - [Standardtext]1.1 Füllfederhalter (Skip)1.1 Füllfederhalter (Skip)
1.1.1 Classic Product Detail x1.1.2 Premium Product Detail x
1.2 Kugelschreiber (Skip)1.2.1 Ball pen classic Product Detail1.2.2 Ball pen premium Product Detail
1.3 Etuis (Skip)1.3.1 Classic Etui Product Detail1.3.2 Deluxe Etui Product Detail
1.4 Zubehör (Skip)1.4.1 Tinte Product Detail1.4.2 Minen Product Detail1.4.2 Minen Product Detail
2.0 Service Entry2.1 Garantie Content2.2 Anleitungen Subindex
2.2.1 Füllfederhalter (Skip)2.2.1.1 Classic Content
2.2.2 Kugelschreiber (Skip)2.2.2.1 Ball pen classic Content
3.0 Unternehmen Entry3.1 Aktuell News Archive
3.1.n [Datum] News Detail3.2 Innovation Content3.3 Geschichte Content3.4 Team Matrix3.5 Kontakt Content
M1 Startseite (Link)M2 [Search box] (Input field)
M2.1 Suchergebnisse Search resultsM2.1 Suchergebnisse Search resultsM3 Kontakt (Link)
Zentraldokument
Folgende Situation ...
• 2 Grafiker• 3 Tage Zeit• 119 Layouts zu überarbeiten
Screen List
Screen List
Screen List
Screen List
Dokumentieren
Projektdefinition Kunde: Fiktiv Schreibwaren AG Projekt: Relaunch Online-Shop Datum: 04.05.2009 Thema: Der Online-Shop soll für die Besucher übersichtlicher werden und zudem die Wertigkeit der Marke und ihrer Produkte widerspiegeln. Ziele sind die Steigerung des Online-Umsatzes sowie die Verbesserung der Kundenzufriedenheit. Im Backend soll der Shop an ein Warenwirtschaftssystem angebunden werden.
Projektdefinition
Projektdefinition Kunde: Fiktiv Schreibwaren AG Projekt: Relaunch Online-Shop Datum: 04.05.2009 Thema: Der Online-Shop soll für die Besucher übersichtlicher werden und zudem die Wertigkeit der Marke und ihrer Produkte widerspiegeln. Ziele sind die Steigerung des Online-Umsatzes sowie die Verbesserung der Kundenzufriedenheit. Im Backend soll der Shop an ein Warenwirtschaftssystem angebunden werden.
Projektdefinition
Projektdefinition Fiktiv Schreibwaren AG wg. Relaunch Online-Shop
Seite 2 von 3
Bestandsaufnahme Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto • odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait Zielgruppen Hauptzielgruppe: Endkunden
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto Sekundäre Zielgruppe: Händler
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto Ziele quantitative Ziele: Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse. qualitative Ziele: Vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Rahmenbedingungen Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto • odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait In scope Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. Out of scope Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. Projektdefinition
Projektdefinition Fiktiv Schreibwaren AG wg. Relaunch Online-Shop
Seite 3 von 3
Ansprechpartner Kunde
Unternehmen Ansprechpartner Kontaktdaten
Fiktiv Schreibwaren AG Heinz Hohmann Marketing
heinz.hohmann@fiktiv-schreibwaren.de Tel.: +49-89-555123-10 Bayerstraße 82, 80335 München
Marion Nagel Vertrieb
marion.nagel@fiktiv-schreibwaren.de Tel.: +49-89-555123-25
Bernd Schuster Produktmanagement
bernd.schuster@fiktiv-schreibwaren.de Tel.: +49-89-555123-47
Ansprechpartner Dienstleister
Unternehmen Ansprechpartner Kontaktdaten
Online-Agentur Anne Mauer Projektmanagement
amauer@online-agentur.de Tel.: +49-30-123555-38 Märkisches Ufer 37, 10179 Berlin
Stefan Freimark Konzeption
sfreimark@online-agentur.de Tel.: +49-30-123555-44
Sarah Winter Art Direktion
swinter@online-agentur.de Tel.: +49-30-123555-62
Florian Maierl Frontend-Development
florian.maierl@online-agentur.de Tel.: +49-30-123555-24
Systemhaus Maximilian Raab System-Entwicklung
raab@systemhaus.com Henkestraße 43, 91052 Erlangen Tel.: +49-9131-448822-03
Historie dieses Dokuments
Datum Autor Notiz
30.04.2009 Stefan Freimark Initialdokument
04.05.2009 Stefan Freimark Anpassungen nach Kunden-Feedback
Projektdefinition
OAD – Object-oriented Approach to Design
With kind permission by Nick Iozzo.
oad.humansize.com
HOME100
HOME100 :: :: Copyright 2009 :: Proprietary and Confidential :: Last modified on 4.26.2009 at 8:40 PM :: Amazon on OAD example v1.0.vsd
Client’s name : : Project’s name
Shop All Departments
Books >
Movies, Music & Games >
Digital Downloads >
Computers & Office >
Electronics >
Home & Garden >
Grocery, Health & Beauty >
Toys, Kids & Baby >
Apparel, Shoes & Jewelry >
Sports & Outdoors >
Tools, Auto & Industrial >
!"#$%#$%&"'%"()'%*+,'%-"'.%&"'%/$'0%#$%
0'1(,.#2'34%!"#$%&'(&)*
+$%""*,*-." !"#$%#$%&"'%"()'%*+,'%5(0%6)+2(.41()
789:;<<%%=#'-%;<+$%""*,/!
Amazon.com logo Hello. Sign in to get personalized recommendations. New customer? Start here. Free 2-Day Shipping. No Minimum Purchase [v]
Your Amazon.com [v] Today’s Deals [v] Gifts & Wish Lists [v] Gift Cards [v] Your Account | Help
Search All Department GO Cart [v] Your Lists [v]
Check This Out
Product Name
Duis autem vel eum iriure dolor in
Product Name
Duis autem vel eum iriure dolor in
Product Name
Duis autem vel eum iriure dolor in
Product Name
Duis autem vel eum iriure dolor in
Ad inventory for internal product
Amazon DailyBlog
{n} posts since yesterdayRead posts
Product image
Read More{$88.88} $66.66
Product Name
Duis autem vel eum iriure dolor in
> Find similar items
Ad inventory for internal product
{Personalization category heading}
Product image
{$88.88} $66.66
Product Name... Duis autem vel eum iriure dolor in
Product image
{$88.88} $66.66
Product Name... Duis autem vel eum iriure dolor in
Product image
{$88.88} $66.66
Product Name... Duis autem vel eum iriure dolor in
789:;<<4;<
789:;<<4><
789:;<<4?>
789:;<<4@<
789:;<<4A<
789:;<<4?<
789:;<<4?@
1 2 3
4
5
789:;<<4A<
Specifications for HOME100
Name this reference
Values: All Departments | Books | Movies, Music & Games | Digital Downloads | Computers & Office | Electronics | Home & Garden | Grocery, Health & Beauty | Toys, Kids & Baby | Apparel, Shoes & Jewelry | Sports & Outdoors | Tools, Auto & Industrial
Default Value: All Department
Required: Yes
Functionality: Site search is limited to what is selected here
Validation: N/A
1
Page 3 of 7
OAD – Object-oriented Approach to Design
HOME100.32RightWay
HOME100.32RightWay :: :: Copyright 2009 :: Proprietary and Confidential :: Last modified on 4.26.2009 at 8:40 PM :: Amazon on OAD example v1.0.vsd
Client’s name : : Project’s name
Get more with Amazon [v] Gifts & Wish Lists [v] Gift Cards [v] Your Account | Help
10 – Initial State
User can not be identified via cookie (or they said they are not that user as stored in the cookie)
1 2
Your Amazon.com (5) [v] Today’s Deals (2) [v] Gifts & Wish Lists (none) [v] Gift Cards [v] Your Account | Help
30 – Initial State
User logged in
Your Amazon.com [v] Today’s Deals [v] Gifts & Wish Lists [v] Gift Cards [v] Your Account | Help
20 – Initial State
Cookie on machine IDs user
User not logged in
!"#$%&&'(& !"#$%&&'() !"#$%&&'(*
!"#$%&&'(+ !"#$%&&'() !"#$%&&'(*!"#$%&&'((1 2
!"#$%&&'(+ !"#$%&&'() !"#$%&&'(*!"#$%&&'((
1
2
,-./0./0100213.415.62170-8198:0;-.<-0
<6251.2/017705-80=8:/6217.>890<6258250
?6:05-80<@::8250@/8:'0
!"#$%&'(&)*
+),-."/*01" A8:/6217.>890213.415.62
!"#$%&&'B)+),-."/2!
Specifications for HOME100.32
Your Account Link
1
Page 6 of 7
With kind permission by Nick Iozzo.
oad.humansize.com
Unify
With kind permission by Nathan Curtis.
Nathan Curtis: Modular Web Design (New Riders, t.b.a.)unify.eightshapes.com
Welche Informationen benötige ich?
Welche Informationen benötige ich?
• Habe ich alle Informationen, um loslegen zu können?• Welche Informationen fehlen mir?• Wer kann mir diese Informationen geben?
Gibt es Beispiele?
Gibt es Beispiele?
• Vorlagen• Deliverables aus alten Projekten• Mit Kollegen die Vorgehensweise beraten• Literatur
Loslegen!
Überarbeiten
Fazit
Fazit
• Hauptzweck für das Dokument überlegen- Verstehen- Kommunizieren- Produktion vorbereiten und begleiten- Dokumentieren
• Umfang und Inhalt von Dokumenten an die Zielgruppe anpassen
• Brauche ich überhaupt ein Dokument?
• Viele Wege führen nach Rom: Es gibt nicht den einen Weg, um eine Aufgabe zu lösen – nutzen Sie das, was in der Situation sinnvoll ist
Das Wichtigste ...
Das Wichtigste ...
Auszug aus einem Briefing• Zielgruppe: Vertriebsmitarbeiter Nutzfahrzeuge
• Kommunikationsschwerpunkte: Stärkung der internen Kommunikation, Web 2.0
• Schaffung eines Community-Portals mit Incentive-Charakter
• Verbesserung der Kommunikation, Identifikation mit dem Unternehmen, Vertrieb der Nutzfahrzeuge
Das Wichtigste ...
Nicht mit der Lösung anfangen, sondern erst das Problem verstehen!
Auszug aus einem Briefing• Zielgruppe: Vertriebsmitarbeiter Nutzfahrzeuge
• Kommunikationsschwerpunkte: Stärkung der internen Kommunikation, Web 2.0
• Schaffung eines Community-Portals mit Incentive-Charakter
• Verbesserung der Kommunikation, Identifikation mit dem Unternehmen, Vertrieb der Nutzfahrzeuge
Lektüre für die Reise
wireframes.linowski.ca
stefan@freimark.deslideshare.net/sfreimark
Vielen Dank!stefan@freimark.de
www.freimark.de
Gute Reise!
Credits
Review• Anna Buß
Credits
Deliverables
Content Audit Stefan Freimark
Mental Model Indi Young – used with kind permission
Process Flow (Usage Lifecycle) Joshua Porter – used with kind permission
User Journey & Swimlane Stefan FreimarkStencils:• boxesandarrows.com/view/comics-not-just-for• graffletopia.com/stencils/128
Zentraldokument Stefan Freimark
Screen List Stefan Freimark
Projektdefinition Stefan Freimark
OAD Nick Iozzo – used with kind permission
Unify (IA Summit 2009 Poster) Nathan Curtis – used with kind permission
Fotos
• Titelbild: David Iliffde.wikipedia.org/w/index.php?title=Datei:Colosseum_in_Rome,_Italy_-_April_2007.jpg
• BMW Welt: Stefan Freimark ©• Graffiti: Stefan Freimark• Zielgruppe Kunde: istockphoto.com, ID 7763242 ©• Zielgruppe Grafik: istockphoto.com, ID 4087682 ©• Zielgruppe Technik: istockphoto.com, ID 5305920 ©• Deliverables: Stefan Freimark
Buchcover• Communicating Design: Peachpit ©• Designing for the Digital Age: Wiley ©• Mental Models: Rosenfeld Media ©• Making things happen: O‘Reilly ©
Screenshots• Wireframes Magazine: Jakub Linowski ©
Bildnachweis
top related