SlideShare ist ein Scribd-Unternehmen logo
1 von 55
Downloaden Sie, um offline zu lesen
Stadt Zürich. Spass.
Mobile Website.
Prototyping. Namics.


Christina Stücheli. Informationsbeauftragte des Stadtrates.
Raphael Stump. Senior Interaction Designer.

28. März 2012.
Agenda.
Aufgabenstellung.
Antwort.
Vorgehen.
Vorschau.




2                   Fachtagung. Börse. Mobile. Namics.
Aufgabenstellung.




VISION.
Partner.
Stadt Zürich.




4               Fachtagung. Börse. Mobile. Namics.
Hintergrund.
Zürich wird positioniert als
starker internationaler Standort
für IT-Dienstleistungen und
IT-Infrastruktur.




5                       Fachtagung. Börse. Mobile. Namics.
Massnahmen.
Informationskonzept für mobile
Endgeräte auf- und ausbauen.




6                      Fachtagung. Börse. Mobile. Namics.
Aufgabenstellung.
Mobile Strategie.
Mobile Website Stadt Zürich.
Architektur und Content.




7                      Fachtagung. Börse. Mobile. Namics.
Aufgabenstellung.
Mobile Strategie.
Mobile Website Stadt Zürich.
Architektur und Content.




8                      Fachtagung. Börse. Mobile. Namics.
Heute.




9
Herausforderungen.




10            Fachtagung. Börse. Mobile. Namics.
Vision.
Strukturdenken.
Nutzerzentriert.
Beispielhaft.
Innovativ.




11                 Fachtagung. Börse. Mobile. Namics.
Antwort.



GRAPHIC
DESIGN.
Voilà.




13       Fachtagung. Börse. Mobile. Namics.
Typisch Zürich.




14                Fachtagung. Börse. Mobile. Namics.
Steueramt.




15           Fachtagung. Börse. Mobile. Namics.
Parkieren.




16           Fachtagung. Börse. Mobile. Namics.
Seitwärts parkieren.




17              Fachtagung. Börse. Mobile. Namics.
ÖV.




18    Fachtagung. Börse. Mobile. Namics.
ÖV.




19    Fachtagung. Börse. Mobile. Namics.
20   Fachtagung. Börse. Mobile. Namics.
Bookmarking.

 Stadt    Abfall /   Freizeit
 Zürich   Entsor
          gung




21                   Fachtagung. Börse. Mobile. Namics.
Bookmark City.




22               Fachtagung. Börse. Mobile. Namics.
Graphic Design.
Typisch Zürich.
Konsequent.
Einzigartig.
Stilsicher.
Mobile.



23                Fachtagung. Börse. Mobile. Namics.
Vorgehen.



PROTO
TYPING.
Ideation.




25          Fachtagung. Börse. Mobile. Namics.
Listen. Fertig.




26                Fachtagung. Börse. Mobile. Namics.
Tastatur ist doof.




27               Fachtagung. Börse. Mobile. Namics.
Ich bin ein Telefon.




28               Fachtagung. Börse. Mobile. Namics.
Ideation.




29          Fachtagung. Börse. Mobile. Namics.
Züritütsch.




30            Fachtagung. Börse. Mobile. Namics.
Bookmarks.
Alles Abgedeckt.




32             Fachtagung. Börse. Mobile. Namics.
Alles Abgedeckt.

                     ion                       .

             r   a t
         s t
      r u
33
     F              Fachtagung. Börse. Mobile. Namics.
...




34    Fachtagung. Börse. Mobile. Namics.
Inspiration.




35             Fachtagung. Börse. Mobile. Namics.
Grosse Klappe.




36               Fachtagung. Börse. Mobile. Namics.
Aha!




37     Fachtagung. Börse. Mobile. Namics.
Accessibility + Style




38              Fachtagung. Börse. Mobile. Namics.
= Spass.




39         Fachtagung. Börse. Mobile. Namics.
Schulterblick.




40               Fachtagung. Börse. Mobile. Namics.
Walkin Lab.




41            Fachtagung. Börse. Mobile. Namics.
Prozess.




42         Fachtagung. Börse. Mobile. Namics.
Prototype 33.




43              Fachtagung. Börse. Mobile. Namics.
Abfall / Entsorgung.




44              Fachtagung. Börse. Mobile. Namics.
45   Fachtagung. Börse. Mobile. Namics.
Moods.




46       Fachtagung. Börse. Mobile. Namics.
Vorgabe.




47
Inspiration.




48             Fachtagung. Börse. Mobile. Namics.
Reduktion.




49           Fachtagung. Börse. Mobile. Namics.
Übersetzung.




50             Fachtagung. Börse. Mobile. Namics.
Finales Design.




51                Fachtagung. Börse. Mobile. Namics.
Prototyping.
Zuhören.
Beobachten.
Ausprobieren.
Scheitern.
Loslassen.
Spielen.


52              Fachtagung. Börse. Mobile. Namics.
Vorschau.




HTML.
Vielen Dank ans
Stadt Zürich &
Namics Team.


christina.stuecheli@zuerich.ch
raphael.stump@namics.com

© Namics / Stadt Zürich
Mobile Website der Stadt Zürich - Blick hinter die Kulissen

Weitere ähnliche Inhalte

Mehr von Namics – A Merkle Company

Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Namics – A Merkle Company
 
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...Namics – A Merkle Company
 
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
 Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z... Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...Namics – A Merkle Company
 
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...Namics – A Merkle Company
 
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018Namics – A Merkle Company
 
SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018Namics – A Merkle Company
 
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo SystemsWebinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo SystemsNamics – A Merkle Company
 
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...Namics – A Merkle Company
 
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics – A Merkle Company
 
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens ReufsteckIoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens ReufsteckNamics – A Merkle Company
 
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...Namics – A Merkle Company
 
Customer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to ConversionCustomer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to ConversionNamics – A Merkle Company
 
Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.Namics – A Merkle Company
 
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.Namics – A Merkle Company
 
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...Namics – A Merkle Company
 
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...Namics – A Merkle Company
 
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...Namics – A Merkle Company
 

Mehr von Namics – A Merkle Company (20)

Namics Masterclass @ DMEXCO 2020
Namics Masterclass @ DMEXCO 2020Namics Masterclass @ DMEXCO 2020
Namics Masterclass @ DMEXCO 2020
 
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
 
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
 
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
 Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z... Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
 
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
 
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
 
SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018
 
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo SystemsWebinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
 
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
 
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
 
Namics Walk-in Lab Smart Services 05.10.2016
Namics Walk-in Lab Smart Services 05.10.2016Namics Walk-in Lab Smart Services 05.10.2016
Namics Walk-in Lab Smart Services 05.10.2016
 
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens ReufsteckIoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
 
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
 
Customer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to ConversionCustomer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to Conversion
 
Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.
 
Digital analytics namics marco hassler_20140822
Digital analytics namics marco hassler_20140822Digital analytics namics marco hassler_20140822
Digital analytics namics marco hassler_20140822
 
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
 
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
 
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
 
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
 

Mobile Website der Stadt Zürich - Blick hinter die Kulissen