1. Eine Website für alle Endgeräte.
Praxisbericht über den aktuellen
Relaunch mit Responsive Design von
ch.ch
Thomas Betz
Bereichsleiter CMS & Web Development, Seitenbau GmbH

2. 2
Ausgangslage
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

3. 3
Ziele
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

4. • Definition des Vorgehens bzw.
Vorgehensmodell
• Erstellung eines Klickmodell
• Iterative Erarbeitung der Screens im
Klickmodell
• Präsentation und Abstimmung alle 2 Wochen
4
Umsetzung
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

5. • Umsetzung in HTML5, CSS3 und Javascript
• Voll funktionsfähig
• Enthält alle vorkommenden Inhaltstypen und
Funktionen
• Testing über alle Auflösungen und
Referenzgeräte
• Vorabtests zur Barrierefreiheit und Usability
5
Das KLICKMODELL
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

6. http://www.responsinator.com/?url=ch.ch
6
Ergebnis
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

7. • Genügend Zeit einplanen
• Iterations-Workshops mit den Entscheidern
• Kompromissbereitschaft bei Design und
Technik
• Fertigstellung des Klickmodell mit allen
Inhaltselementen vor der CMS Realisierung
7
Erkenntnisse
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013

8. Referent
Thomas Betz
Seitenbau GmbH
betz@seitenbau.com
ONE Schweiz
schmid + siegenthaler consulting gmbh
Willistattstrasse 23
CH-6206 Neuenkirch
info@one-schweiz.ch
8
Kontakt
http://www.one-schweiz.ch/experience ONE Experience | 15. + 16. Mai 2013
Messesponsor Moderation
Realisierungspartner