ݺߣ

ݺߣShare a Scribd company logo
Redesign Plzen.eu
Jakub Michl, Beneš & Michl, 13.1.2014
Podklady
• Cílová skupina
• Návrh struktury
• Seznam bloků
• Referenční weby
• Další…

Redesign Plzen.eu, Beneš & Michl

2
Podklady
• Cílová skupina
• Návrh struktury
• Seznam bloků
• Referenční weby
• Další…

Redesign Plzen.eu, Beneš & Michl

3
Podklady
• Cílová skupina
• Návrh struktury
• Seznam bloků
• Referenční weby
• Další…

Redesign Plzen.eu, Beneš & Michl

4
Podklady
• Cílová skupina
• Návrh struktury
• Seznam bloků
• Referenční weby
• Další…

Redesign Plzen.eu, Beneš & Michl

5
Podklady
• Cílová skupina
• Návrh struktury
• Seznam bloků
• Referenční weby
• Další…

Redesign Plzen.eu, Beneš & Michl

6
Průběh realizace
• Výběrové řízení
• Návrh do výběrového řízení – cca 1 měsíc
• konzultace
• s vedoucím projektu
• s analytikem

• Odevzdali jsme celkem 3 různé návrhy celého řešení
• Od designu po html šablony – 2012/09 –2013/01
• Cca 10 projektových schůzek

Redesign Plzen.eu, Beneš & Michl

7
Tým
• Nezávislý analytik – Petr Bechyně
• Konzultant graf. designu – Jakub Michl
• Klient
• Vedoucí projektu
• Redaktor
• Hlavní programátor

• Všichni měli společný cíl => vytvořit úspěšný web 
Redesign Plzen.eu, Beneš & Michl

8
Co bylo potřeba zohlednit
• kdo a jak bude danou sekci spravovat
• priority jednotlivých útvarů

Redesign Plzen.eu, Beneš & Michl

9
Co se nepodařilo a proč 

Redesign Plzen.eu, Beneš & Michl

10
Co se nepodařilo a proč 
• Neprosadili jsme tlačítko „objednat se online“

• Argumenty klienta:
• „Nelíbí se nám to“ 

Redesign Plzen.eu, Beneš & Michl

11
Co se nepodařilo a proč 
• Nenavrhli jsme všechny hlavní sekce.
• Důvod: nemyslelo se na to v budgetu :-/

Redesign Plzen.eu, Beneš & Michl

12
Co se nepodařilo a proč 
• Měnící se pozadí na turistovi. Již rok je tam stejné pozadí.
• Důvod: nedotaženo v implementaci

Redesign Plzen.eu, Beneš & Michl

13
Co se nepodařilo a proč 
• Katalog turistických cílů

• Původní plán: Filtrovatelný katalog cílů

• Nakonec: Články rozdělené do několika kategorií

Redesign Plzen.eu, Beneš & Michl

14
Co se nepodařilo a proč 
• Sekce Plzeň na 24 hodin

• Původní plán:
Aplikace, která turistovi nabídne několik možností, jak strávit v Plzni den.

• Nakonec: Statický článek s jednou turistickou trasou.

Redesign Plzen.eu, Beneš & Michl

15
Spuštění webu
• Zpoždění díky anglické a německé mutaci o cca 3 měsíce

Redesign Plzen.eu, Beneš & Michl

16
Řešení designu
• Občan
•
•
•
•
•

Přepínání na turistu/občana
Hlavní slidebanner – doplněn o více + podtržení proklik
Taby – nesmysl schovávat důležité měnící se informace – nahrazeno statickými
Bannery na organizace – zrušeny kvůli prioritizaci
Novinky z regionu spojeny s hlavními novinkami
• Web si pamatuje nastavení MO – inspirace idnes.cz 

• 3 bannery nakonec využity na jiná (podobná) témata

• Turista
• 3 bannery nakonec využity na jiná (podobná) témata
• Novinky zrušeny
• Nejbližší akce zrušeny – prioritizace – nahrazeno týdenním kalendářem
Redesign Plzen.eu, Beneš & Michl

17
Závěr
• Výborné zadání (analýza, návrh webu)
• Skvělé složení týmu

Redesign Plzen.eu, Beneš & Michl

18
Ad

Recommended

Childhood
Childhood
dayanneac
Τι είναι κοινωνία ?
Τι είναι κοινωνία ?
Antonis Zeibekis
CHENNAI
CHENNAI
Vikram Naidu
Sketch Your Future Conference
Sketch Your Future Conference
Ahmed Wael A.Fattah
Projekt manažer v B&M - sjednocující manuál
Projekt manažer v B&M - sjednocující manuál
Jakub Michl
Childhood
Childhood
dayanneac
Maria Montessori biography
Maria Montessori biography
Antonis Zeibekis
16 Opt-In Tricks To Grow Your Email List
16 Opt-In Tricks To Grow Your Email List
ExpressPigeon
TaskPark - správa úkolů v týmu - Jak pomáhá
TaskPark - správa úkolů v týmu - Jak pomáhá
Jakub Michl
Oι Διαφορές των Φύλων
Oι Διαφορές των Φύλων
Antonis Zeibekis
TaskPark - správa úkolů v týmu
TaskPark - správa úkolů v týmu
Jakub Michl
Design Thinking - workshop
Design Thinking - workshop
Jakub Michl
101 Ways To Seriously Grow Your Email List
101 Ways To Seriously Grow Your Email List
ExpressPigeon
Αφομοίωση , Λήψη αποφάσεων και Σχεδιασμός δράσης
Αφομοίωση , Λήψη αποφάσεων και Σχεδιασμός δράσης
Antonis Zeibekis
Κοινωνικές ανισότητες στο σχολείο
Κοινωνικές ανισότητες στο σχολείο
Antonis Zeibekis
33 Mind Shattering Email Marketing Statistics You Need To Know In 2014
33 Mind Shattering Email Marketing Statistics You Need To Know In 2014
ExpressPigeon
Redesign webu města Plzně - verze pro Čtvrtkon
Redesign webu města Plzně - verze pro Čtvrtkon
Petr Bechyně
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzně
Petr Bechyně
Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)
Sun Marketing
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris Consultants
Sun Marketing
Redesign O2.cz
Redesign O2.cz
Jiří Suchý
O2.cz redesign - případová studie
O2.cz redesign - případová studie
Jiří Suchý
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Taste Medio
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jan Kvasnička
10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu
Akce Dobrého webu
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Sherpas
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
PeckaDesign.cz
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
jirikomar
Lukáš Marvan: Použitelnost a přístupnost (nejen) neziskovýchwebů
Lukáš Marvan: Použitelnost a přístupnost (nejen) neziskovýchwebů
Centrum pro online media
Použitelnost a přístupnost (nejen) neziskových webů
Použitelnost a přístupnost (nejen) neziskových webů
BoB Marvan

More Related Content

Viewers also liked (8)

TaskPark - správa úkolů v týmu - Jak pomáhá
TaskPark - správa úkolů v týmu - Jak pomáhá
Jakub Michl
Oι Διαφορές των Φύλων
Oι Διαφορές των Φύλων
Antonis Zeibekis
TaskPark - správa úkolů v týmu
TaskPark - správa úkolů v týmu
Jakub Michl
Design Thinking - workshop
Design Thinking - workshop
Jakub Michl
101 Ways To Seriously Grow Your Email List
101 Ways To Seriously Grow Your Email List
ExpressPigeon
Αφομοίωση , Λήψη αποφάσεων και Σχεδιασμός δράσης
Αφομοίωση , Λήψη αποφάσεων και Σχεδιασμός δράσης
Antonis Zeibekis
Κοινωνικές ανισότητες στο σχολείο
Κοινωνικές ανισότητες στο σχολείο
Antonis Zeibekis
33 Mind Shattering Email Marketing Statistics You Need To Know In 2014
33 Mind Shattering Email Marketing Statistics You Need To Know In 2014
ExpressPigeon
TaskPark - správa úkolů v týmu - Jak pomáhá
TaskPark - správa úkolů v týmu - Jak pomáhá
Jakub Michl
Oι Διαφορές των Φύλων
Oι Διαφορές των Φύλων
Antonis Zeibekis
TaskPark - správa úkolů v týmu
TaskPark - správa úkolů v týmu
Jakub Michl
Design Thinking - workshop
Design Thinking - workshop
Jakub Michl
101 Ways To Seriously Grow Your Email List
101 Ways To Seriously Grow Your Email List
ExpressPigeon
Αφομοίωση , Λήψη αποφάσεων και Σχεδιασμός δράσης
Αφομοίωση , Λήψη αποφάσεων και Σχεδιασμός δράσης
Antonis Zeibekis
Κοινωνικές ανισότητες στο σχολείο
Κοινωνικές ανισότητες στο σχολείο
Antonis Zeibekis
33 Mind Shattering Email Marketing Statistics You Need To Know In 2014
33 Mind Shattering Email Marketing Statistics You Need To Know In 2014
ExpressPigeon

Similar to Redesign webu Plzen.eu - oficiálního webu města Plzně. (20)

Redesign webu města Plzně - verze pro Čtvrtkon
Redesign webu města Plzně - verze pro Čtvrtkon
Petr Bechyně
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzně
Petr Bechyně
Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)
Sun Marketing
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris Consultants
Sun Marketing
Redesign O2.cz
Redesign O2.cz
Jiří Suchý
O2.cz redesign - případová studie
O2.cz redesign - případová studie
Jiří Suchý
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Taste Medio
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jan Kvasnička
10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu
Akce Dobrého webu
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Sherpas
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
PeckaDesign.cz
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
jirikomar
Lukáš Marvan: Použitelnost a přístupnost (nejen) neziskovýchwebů
Lukáš Marvan: Použitelnost a přístupnost (nejen) neziskovýchwebů
Centrum pro online media
Použitelnost a přístupnost (nejen) neziskových webů
Použitelnost a přístupnost (nejen) neziskových webů
BoB Marvan
Redesign webu Telefonica O2 - Jakub karlec
Redesign webu Telefonica O2 - Jakub karlec
Akce Dobrého webu
Prezentace - knihovny současnosti 2014
Prezentace - knihovny současnosti 2014
Barbora Buchtová
Jak navrhnout úspěšný web
Jak navrhnout úspěšný web
AdVisio.cz
Jak udělat web pořádně a proč to často nedopadne?
Jak udělat web pořádně a proč to často nedopadne?
Stanislav Vasko
Roman Hřebecký – Designsprint v českém prostředí
Roman Hřebecký – Designsprint v českém prostředí
KISK FF MU
Redesign zpravodajského portálu ČT24
Redesign zpravodajského portálu ČT24
Helena Šimková
Redesign webu města Plzně - verze pro Čtvrtkon
Redesign webu města Plzně - verze pro Čtvrtkon
Petr Bechyně
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzně
Petr Bechyně
Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)
Sun Marketing
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris Consultants
Sun Marketing
O2.cz redesign - případová studie
O2.cz redesign - případová studie
Jiří Suchý
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Taste Medio
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014
Jan Kvasnička
10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu
Akce Dobrého webu
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Sherpas
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům
PeckaDesign.cz
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
jirikomar
Lukáš Marvan: Použitelnost a přístupnost (nejen) neziskovýchwebů
Lukáš Marvan: Použitelnost a přístupnost (nejen) neziskovýchwebů
Centrum pro online media
Použitelnost a přístupnost (nejen) neziskových webů
Použitelnost a přístupnost (nejen) neziskových webů
BoB Marvan
Redesign webu Telefonica O2 - Jakub karlec
Redesign webu Telefonica O2 - Jakub karlec
Akce Dobrého webu
Prezentace - knihovny současnosti 2014
Prezentace - knihovny současnosti 2014
Barbora Buchtová
Jak navrhnout úspěšný web
Jak navrhnout úspěšný web
AdVisio.cz
Jak udělat web pořádně a proč to často nedopadne?
Jak udělat web pořádně a proč to často nedopadne?
Stanislav Vasko
Roman Hřebecký – Designsprint v českém prostředí
Roman Hřebecký – Designsprint v českém prostředí
KISK FF MU
Redesign zpravodajského portálu ČT24
Redesign zpravodajského portálu ČT24
Helena Šimková
Ad

Redesign webu Plzen.eu - oficiálního webu města Plzně.

  • 1. Redesign Plzen.eu Jakub Michl, Beneš & Michl, 13.1.2014
  • 2. Podklady • Cílová skupina • Návrh struktury • Seznam bloků • Referenční weby • Další… Redesign Plzen.eu, Beneš & Michl 2
  • 3. Podklady • Cílová skupina • Návrh struktury • Seznam bloků • Referenční weby • Další… Redesign Plzen.eu, Beneš & Michl 3
  • 4. Podklady • Cílová skupina • Návrh struktury • Seznam bloků • Referenční weby • Další… Redesign Plzen.eu, Beneš & Michl 4
  • 5. Podklady • Cílová skupina • Návrh struktury • Seznam bloků • Referenční weby • Další… Redesign Plzen.eu, Beneš & Michl 5
  • 6. Podklady • Cílová skupina • Návrh struktury • Seznam bloků • Referenční weby • Další… Redesign Plzen.eu, Beneš & Michl 6
  • 7. Průběh realizace • Výběrové řízení • Návrh do výběrového řízení – cca 1 měsíc • konzultace • s vedoucím projektu • s analytikem • Odevzdali jsme celkem 3 různé návrhy celého řešení • Od designu po html šablony – 2012/09 –2013/01 • Cca 10 projektových schůzek Redesign Plzen.eu, Beneš & Michl 7
  • 8. Tým • Nezávislý analytik – Petr Bechyně • Konzultant graf. designu – Jakub Michl • Klient • Vedoucí projektu • Redaktor • Hlavní programátor • Všichni měli společný cíl => vytvořit úspěšný web  Redesign Plzen.eu, Beneš & Michl 8
  • 9. Co bylo potřeba zohlednit • kdo a jak bude danou sekci spravovat • priority jednotlivých útvarů Redesign Plzen.eu, Beneš & Michl 9
  • 10. Co se nepodařilo a proč  Redesign Plzen.eu, Beneš & Michl 10
  • 11. Co se nepodařilo a proč  • Neprosadili jsme tlačítko „objednat se online“ • Argumenty klienta: • „Nelíbí se nám to“  Redesign Plzen.eu, Beneš & Michl 11
  • 12. Co se nepodařilo a proč  • Nenavrhli jsme všechny hlavní sekce. • Důvod: nemyslelo se na to v budgetu :-/ Redesign Plzen.eu, Beneš & Michl 12
  • 13. Co se nepodařilo a proč  • Měnící se pozadí na turistovi. Již rok je tam stejné pozadí. • Důvod: nedotaženo v implementaci Redesign Plzen.eu, Beneš & Michl 13
  • 14. Co se nepodařilo a proč  • Katalog turistických cílů • Původní plán: Filtrovatelný katalog cílů • Nakonec: Články rozdělené do několika kategorií Redesign Plzen.eu, Beneš & Michl 14
  • 15. Co se nepodařilo a proč  • Sekce Plzeň na 24 hodin • Původní plán: Aplikace, která turistovi nabídne několik možností, jak strávit v Plzni den. • Nakonec: Statický článek s jednou turistickou trasou. Redesign Plzen.eu, Beneš & Michl 15
  • 16. Spuštění webu • Zpoždění díky anglické a německé mutaci o cca 3 měsíce Redesign Plzen.eu, Beneš & Michl 16
  • 17. Řešení designu • Občan • • • • • Přepínání na turistu/občana Hlavní slidebanner – doplněn o více + podtržení proklik Taby – nesmysl schovávat důležité měnící se informace – nahrazeno statickými Bannery na organizace – zrušeny kvůli prioritizaci Novinky z regionu spojeny s hlavními novinkami • Web si pamatuje nastavení MO – inspirace idnes.cz  • 3 bannery nakonec využity na jiná (podobná) témata • Turista • 3 bannery nakonec využity na jiná (podobná) témata • Novinky zrušeny • Nejbližší akce zrušeny – prioritizace – nahrazeno týdenním kalendářem Redesign Plzen.eu, Beneš & Michl 17
  • 18. Závěr • Výborné zadání (analýza, návrh webu) • Skvělé složení týmu Redesign Plzen.eu, Beneš & Michl 18