kulturpalast | Website

Der kulturpalast im Wasserwerk ist eines der ambitioniertesten unabhängigen Hamburger Kulturzentren. Rechtzeitig zum 75-jährigen Jubiläum Billstedts haben wir für das Stadtteilzentrum eine besonders benutzungsfreundliche und leicht zu pflegende Website entwickelt.

 


 Schulung und Benutzertest
 Optimierung und Vorbereitungen
 Dynamisches Layout - gute Benutzerfreundlichkeit

     
 

....................................
Projekt
0528 kulturpalast Website
....................................
Auftraggeber
kulturpalast e.V.
Karsten Knigge
Thomas Heilmann
....................................
Web Design
Programmierung

kilde communications
Joerg Kilian
Jan Schliemann
....................................
Projektstart
22. November 2001
....................................
Launch
2. April 2002

 

Bereits im Sommer 2000 entwickelten wir für den kulturpalast das Corporate Design. Nun folgt der nächste Schritt: die Website mit Datenbankanbindung.

Ende 2001, nach dem Entwurf des Grunddesigns, formulierten wir in enger Zusammenarbeit mit dem kulturpalast ein umfangreiches Pflichtenheft zur Definition der Anforderungen an die Datenbank. Neben flexiblen Modulen für die Datenbank für Kurse und Veranstaltungen lag dem Auftraggeber vor allem an einem stabilen und einfach zu bedienenden Redaktionssystem.

Da wir seit zwei Jahren zu den Sponsoringpartnern des kulturpalast gehören, steuerten wir fehlende Mittel für die Umsetzung des Vorhabens im Rahmen eines Cultural Sponsoring bei. Hiermit haben wir in verschiedenen Projekten sehr gute Erfahrungen gemacht und stehen auch in Zukunft dieser besonderen Marketing-Variante besonders aufgeschlossen gegenüber.

 

...........................................
Screendesign
...........................................
Datenbankanwendung mit PHP und MySQL
...........................................
Coaching und Training der Mitarbeiter
...........................................
Usability Engineering und User-Tests
...........................................
Grafische Templates für statische Seiten
...........................................

     
 



....................................
Support
Unsere Dienstleistung hört nicht damit auf, dass wir Ihnen funktionierende Lösungen liefern und Sie dann Ihrem Schicksal überlassen...
mehr...








 

Schulung und Benutzertest

Parallel zu der Entwicklung der Kernanwendung schulten wir drei Mitarbeiter des kulturpalast in wichtigen Fragen des Web Design. Sie werden nach dem Launch die statischen Seiten der Website weiterentwicklen und pflegen. Die Schulung bestand aus drei Phasen: Selbststudium mit Tutorial, einfache Einweisung in Redaktionstools und praktische Content-Pflege „on the job".

Auch die optimale Bildverarbeitung vom Rohscan zum webgerecht skalierten und komprimierten Bild war wichtiger Schulungsinhalt. Die Site enthält, mit Ausnahme weniger Farbbilder, ausschließlich Graustufenbilder, die in Blau- oder Gelbtönen eingefärbt sind.

Unmittelbar nach Fertigstellung der Kernanwendung begann der Benutzertest (User-Test) mit 8 Personen – Mitarbeitern und Kunden des Zentrums. Abgefragt wurde die Bedienung des Redaktionssystems, sowie die Handhabung der Benutzerfunktionen der Webanwendung.

 



erste Entwürfe - Startseite

Erster Entwurf für das Screendesign: Startseite

erste Entwürfe - Folgeseite

Erster Entwurf für das Screendesign: Folgeseite

   
 




....................................

Usability Engineering
(UE, Softwareentwicklung)
Entwicklung benutzer-
freundlicher Systeme
mehr...

....................................
Pressespiegel

Kulturpalast im Netz
von Armin Koch
querlight
Juli 2002

kulturpalast online
Hamburger Morgenpost
16. April 2002

 

Optimierung und Vorbereitungen

Zur großen Überraschung aller Beteiligten waren nur geringe Optimierungen notwendig. Der konsequente Einsatz von Usability Engineering mit internen Tests während der Entwicklung hatten uns vor größeren Pannen bewahrt. So konnten die Optimierung der Datenbankanwendungen und die Erstellung der statischen Inhalte parallel und zügig vorangetrieben werden.

Für die statischen Inhalte entwickelten wir eine Vorlage - ein grafisches Template, das alle wesentlichen Designelemente enthält, die auf den einzelnen Seiten vorkommen können: Farben und Schriften sowie der Umgang mit Tabellen, Bildern und Bildunterschriften ist so einfach dokumentiert und kann von den Redakteuren flexibel genutzt werden. Cascading Style Sheets (CSS) steuern die gesamte Typografie der Site. Dies macht Änderungen und Anpassungen sehr einfach.

 

Screenshot Administrations-Tool

Administrations-Tool

Screenshot Bestellformular

Bestellformular
   
 

....................................
Alle von uns entwickelten Websites werden für die wichtigsten Webbrowser optimiert:
Internet Explorer 5.x
Netscape 6.x
Netscape 4.x
(Mac und Windows)
So erreichen wir eine Kompatibilität unserer Anwendungen von mehr als 95%. Dies ist nicht selbstverständlich. Allein die etwa 15% Netscape 4.x Benutzer verursachen einen Mehraufwand von ca. 30%


....................................
Die aktuelle Website vom kulturpalast

 

Dynamisches Layout - gute Benutzerfreundlichkeit

Eine echte Innovation im Web Design ist die dynamische Anpassung der Inhalte an die Fenstergröße. Je nach dem, wie weit ein Benutzer das Browserfenster aufzieht, verändern sich Layout und Schriftgrößen der Seite. Anstatt einer Flash-Intro haben wir auf der Startseite eine kleine visuelle Spielerei eingebaut, die sich ebenfalls je nach Fenstergröße verändert. Neben HTML, Javascript und CSS kamen vor allem PHP4 und MySQL bei der Programmierung zum Einsatz.

Die Site ist sehr stark an den speziellen Bedürfnissen des kulturpalast und seinen Zielgruppen orientiert und glänzt durch zügige Ladezeiten und eine gute Benutzerfreundlichkeit sowie eine gute Wiedererkennung durch ein konsequent umgesetztes Corporate Design. Der einheitliche Aufbau und die durchgängige Struktur sowie das einfach zu erlernende Redaktionssystem machen die Site im praktischen Einsatz sehr attraktiv und effizient.

 



Screenshot - Dynamisches Layout

Dynamisches Layout

Screenshot - endgültige Fassung

Die endgültige Fassung

     
 
 


In diesem Zusammenhang auch interessant: Usability

 

 Projektarchiv
zur Übersichtsseite