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

Ausgangslage

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

3

Ziele

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

• 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

• 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

http://www.responsinator.com/?url=ch.ch

6

Ergebnis

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

• 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

ReferentThomas BetzSeitenbau GmbHbetz@seitenbau.com

ONE Schweizschmid + siegenthaler consulting gmbhWillistattstrasse 23CH-6206 Neuenkirchinfo@one-schweiz.ch

8

Kontakt

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

Messesponsor Moderation

Realisierungspartner