Marco Tralles

Auch das Schauspiel in Essen erhielt im Zuge der Neuausrichtung der TUP eine neue Webseite.

Das von x^4 erstellte Screendesign für die Spielzeit 2010 / 2011 musste jedoch in einem sehr engen Zeitplan von nur 3 Wochen umgesetzt werden.

Für die Spielzeit 2011/2012 wurde die Seite noch einmal in Details überarbeitet. So musste das Schauspiel aufgrund neuer CI-Vorgaben auf ihr Logo verzichten und verwendet an Stelle des ursprünglichen Logos nun ein Bild des Spielzeitmottos. Außerdem sind die Proportionen der Seite neu gewichtet worden und führen nun zu einem deutlich ruhigerem Bild.

Seit 2007 kümmere ich mich um hosting und administration von mynesto.com auf dedizierten debian-servern mit Ruby & Rails. Für den Relaunch 2010 konnte ich mich auch im Screendesign und bei der Programmierung einbringen.

Das ursprüngliche Design wurde in großen Teilen optisch beibehalten, aber unter der Haube wurden alle Styles neu erstellt und inkonsistente sowie unsinnige Designvorgaben zugunsten einer harmonischeren Benutzerführung verworfen. Das inhaltsleere Flash-Intro wurde gegen informative Elemente ausgetauscht und an vielen Stellen wurden sinnvolle Details durch jQuery aufgewertet.

Das Projekt platform11plus wird von der europäischen Union gefördert. Ziel des Projektes ist es, länderübergreifend Theater für Jugendliche zu fördern. Es sollen im Rahmen des Projektes bis zu 50 Theaterstücke speziell für die junge Zielgruppe geschrieben und in einer Datenbank bereitgestellt werden.

Die Partnertheater aus 17 Ländern arbeiten über die Platform koordiniert zusammen und erarbeiten jugendspezifische Themen.

Bereits im ersten Jahr sind über ein Dutzend nationale Produktionen entstanden und in den einzelnen Ländern aufgeführt worden.

Für surfonaut.com wurde ich nur für die Umsetzung der Photoshop-Layouts in XHTML und CSS und JavaScript-Funktionen als freelancer angeheuert.

Der Projektbeginn umfasste aber etliche Telefonkonferenzen, in denen zusätzlich zum Feinkonzept noch weitere Anwendungsfälle und Zwichenschritte im Detail konzeptionell nachbereitet werden mussten.

Die verantwortliche Grafikerin definierte an vielen Punkten Design-Inkonsistenzen, da Paradigmenwechsel ihrer Meinung nach ein Aha-Effekt beim User bewirken – bei der Optimierung für alte Internetexplorer und den Opera habe ich so einige Aha-Effekte erlebt.

Zur Spielzeit 2002/2003 habe ich die Webseite des Theater Kiel erstmalig umgesetzt.

Inzwischen gab es bereits den zweiten wunderbaren Relaunch und für die Spielzeit 2010 / 2011 wurden weitere neue Funktionen integriert.

Das Theater Kiel ist eine Art Dachmarke, unter dem Namen Theater Kiel sind die Sparten Schauspiel, Oper, Orchester, Ballett und Kindertheater zusammengefasst. Jede Sparte wird einzeln in der Seite repräsentiert. Viele Funktionen des CMS|gamma wurden in Zusammenarbeit mit dem Theater Kiel als Referenzimplementierung umgesetzt.

Die Timo Wemhöhner und Bastian Hockauf Gbr hat sich auf die Bündelung des Einkaufs von Schuhen aus Fernost und den USA spezialisiert.

Bekannte Marken wie Demonia oder Pleaser können durch die Bündelung von Bestellungen über Grosshandel X deutlich preiswerter bezogen werden, als direkt beim Hersteller.

Das von qb-commerce verwaltete Sortiment umfasst über 30.500 unterschiedliche Artikel. Außerdem wird in qb-commerce die gesamte Auftrags- und Rechnungsverwaltung erledigt sowie der Lagerbestand mittels statistischer Methoden immer an das aktuelle Kunden-Bestellverhalten angepasst.

Die größte Herrausforderung dieses Projekts bestand in der Anforderung, deren Dispositions-Software transparent in die Seite zu integrieren.

Per ajax und mittels transparentem proxy wird der rudimentäre VSS-Webservice abgefragt und die gelieferten XML-Daten in einem lokalen Cache zwischengespeichert.

Die Seite wurde von der Blindenschule Hamburg für seine besonders gute Zugänglichkeit gelobt. Ein weiteres Lob sprach das Callcenter des Museumsdienst aus: Bei Telefonanfragen zur Ticketbuchung greift das Callcenter lieber auf die Webseite zurück, als auf VSS.

Mit High Heels Sofort hielten ein paar interessante statistische Funktionen Einzug in mein Online-Shop-System qb-commerce.

Es werden bei HHS nur Schuhe online angeboten, bei denen 3 aufeinander folgende Größen je Model im Lager vorrätig sind. Außerdem verfügt der Shop über eine Pay-Pal-Schnittstelle so dass bei Zahlungseingang vor 16 Uhr die bestellte Wahre noch am selben Tag versenden werden kann.

Der Einkauf und der Lagerbestand werden durch statistische Verfahren unterstützt, so dass häufig nachgefragte Modelle in ausreichender Stückzahl eingekauft werden können und totes Kapital in Form von Ladenhütern gering ausfällt.

Seit 2005 wird das Hans Otto Theater in Potsdam durch mich betreut. Für die Spielzeit 2009 / 2010 wurde die Seite von Steffi Güthling neu gestaltet.

Der neue Intendant, Tobias Wellemeyer, brachte ein eigenes Team für die Presse- und Öffentlichkeitsarbeit mit, so dass viele Vorgaben vom Theater an die Grafik angetragen wurden.

Wie das Programm des Theaters kommt auch die Webseite ohne Überraschungen aus und ist sehr gradlinig strukturiert. Als Kontrast zum in Altrot des Theater-Neubaus ist die Vorherrschende Farbe der Webseite Blau.

Mir klangen die Worte des Kunden noch im Ohr „Wir haben doch ein Raid, warum sollen wir da noch ein Backup zu buchen?” als der Watchdog in Juli sagte: server down!

Die Erkenntnis am Ende des Tages: Trotz Raid ist ein Backup immer unverzichtbar. Das beide Platten gleichzeitig ausfallen ist zwar unwahrscheinlich aber nicht unmöglich.

Das Glück im Unglück war nun, dass sie mit der neuen Seite noch zufriedener sind. Der Relaunch mit Rails war auf der Grundlage der Seite von Volker Neukampf in wenigen Minuten erledigt …

Die Basisentwürfe für das Screendesign stammen von der CI-Agentur der Philharmonie, die schon für die Printerzeugnisse verantwortlich war und ist. Die Entwürfe wurden von mir überarbeitet und um technische Details erweitert.

Eine besondere Herausforderung stellten die aus einer nicht UTF-8 XML-Datei regelmäßig zu importierenden Veranstaltungsdaten dar – und die Implementierung einer fehlertoleranten Suche. So können die Besucher jetzt nach Dworag suchen, um alle Konzerte von Antonín Dvořák zu finden.

Mit dem Ziel außergewöhnliche Handfesseln aus israelischer Produktion zu verkaufen, trat 2009 ein Kunde an mich herran.

Das Design für den Webshop wurde schnell abgenommen und glücklicher Weise folge der Kunde meiner Empfehlung mit einem professionellen Fotografen zusammen zu arbeiten.

Aufgrund von Schwierigkeiten, die Produkte vom israelischen Hersteller geliefert zu bekommen, entschieden sich die Betreiber den Shop komplett zu verkaufen. Er soll in Gestaltung und Programmierung weitergeführt werden, der neue Eigentümer wird wohl vermutlich ein anderes Sortiment anbieten.

Für das Projekt „Tage der Industriekultur” lautete die erste Anfrage: „Im Grunde brauchen wir nur eine statische Seite um Info-Material anzubieten.” ~ inzwischen ist es eine komplexere Anwendung geworden die eine Reihe von unterschiedlichen Modellen enthält.

Da die Kulturbehörde in Hamburg bei Projektbeginn noch mit dem Internet Explorer 6 arbeiten musste, wurde natürlich auch auf diesen Browser hin optimiert. Eine besondere Herausforderung waren die dynamisch auf einer Karte zu positionierenden Routen. Im Herbst 2010 wurden die Computer des Museumsdienstes auf Internet-Explorer 7 hochgestuft.

In den letzten zehn Jahren hat sich nicht nur das Internet weiterentwickelt – auch die Technik und die Hardware haben sich gewandelt.

Apple hat die Messlatte mit dem iPhone hoch gesteckt – und das nicht nur in Puncto Hardware – insbesondere die Darstellung, das UI und die Nutzerführung weicht vom Handling einer klassischen Webseite ab und führte zum Begriff der Web-Apps. Als eben solche Web-App ist die Mobil-Version des Theater Kiel konzipiert.

Die mobil Ansicht kann auf iOS als Web-App „installiert” und dann per Icon gestartet werden – aber auch das BlackBerry feedback fiel bisher durchweg positiv aus.

Für die Spielzeit 2010 / 2011 hat der größte deutsche Kulturbetrieb, TUP Essen für alle angeschlossenen Häuser jeweils neue Webseiten ausgeschrieben.

Die Seiten des Aalto Musiktheaters wirken mit seinen plakativen großen Header-Bildern sehr wie das neue Druck-Layout, das dem Gesamtauftritt aller Häuser der TUP entspricht.

Eine Besonderheit des Aalto-Layouts stellt das permanent ausgeklappt Menü dar. Dynamisch werden in der Sidebar Presserezensionen ausgegeben, Video-Trailer der neusten Produktionen und ein ajax-Kalender.

Der neue Geschäftsführer des Polit-Cabaret-Theaters „Distel Berlin” beauftragte mich mit der Entwicklung eines digitalen Klemmbretts zur Zuschauerbefragung.

Die als Web-App realisierte Klemmbrett-Anwendung unterscheidet zwischen Portrait- und Landscape-Modus. Wird für die Umfrage das iPad hochkant gehalten, verschwindet das linke Seitenmenü so dass ein sehr natürliches „Klemmbrettgefühl” beim Umfragenden entsteht und die Technik in den Hintergrund rückt.

Die Besucher nehmen die Umfrage mittels iPad sehr positiv auf. Das iPad als Klemmbrett ist ein Hingucker und die Besucher sind interessiert eine derartige Umfrage selbst mitzuerleben.

Nachdem Maureen vor ein paar Jahren ihre Seite, entgegen meinem Rat, als Flash-Umsetzung geordert hat, stieß sie gerade bei größeren Unternehmen immer wieder auf das Phänomen, dass ihre Seite aufgrund fehlender Plugins nicht aufgerufen werden konnte …

Ich habe versucht die Farbgebung und die Navigationsidee der ursprünglichen Seite beizubehalten. Letztlich erhielte Maureen somit eine Seite in plain HTML mit CSS und eingebetteten Schriften und ein paar dezenten jQuery-Spielereien.

Zum ersten Mal 2007 wurde für die Lange Nacht der Museen in Hamburg die Webseite durch mich erstellt. Seither wird das Projekt jährlich angepasst.

Der Kunde kann sämtliche Inhalte durch das CMS|gamma selbst verwalten – die Anpassungen des Farbschemas an die jährlich wechselnde CI-Farbe ist durch die Änderung der von der Print-Agentur zu liefernden Grafiken inzwischen Routine.

Am Tag der Langen Nacht erreicht die Seite innerhalb weniger Stunden eine viertel Million Seitenaufrufe. Ein adaptiver userland-cache fängt die Last bequem ab.

Die Upstairs-Gallery bietet seit Anfang 2011 ein Forum für zeitgenössische Kunst und interdisziplinäre Projekte.

Der Architekt Carsten Meyer-Bohlen entwickelt zusammen mit seiner Frau, der Kunsthistorikerin Dr. Monica Meyer-Bohlen ein Ausstellungsprogramm nationaler und internationaler junger künstlerischer Positionen, die sich – jenseits kurzlebiger Trends – mit der Welt auseinandersetzen.

Dabei stehen aufstrebende Künstler der Düsseldorfer Schule im Vordergrund. Der Schwerpunkt liegt auf Malerei, Skulptur, Fotografie und Medienkunst.

2001 erhielt der Charon Verlag eine von mir neu designte und mit meinem shop-system qb-commerce realisierte Webseite mit integrierten Online-Shop.

Der Shop erhielt Ende 2008 ein neues Aussehen und wurde um moderne UI-Elemente erweitert.

Da der Charon Verlag eine Zielgruppe anspricht, die über den SM-Bezug kompromittiert werden könnte, stand Datensicherheit bei allen Aspekten der Umsetzung im Vordergrund. Das System ist so ausgelegt, dass keine Kundendaten auf dem Server gespeichert werden. Die Bestellungen werden direkt an den verlagsinternen Server im Hamburger Büro geleitet.

Die Diplomarbeit von Volker Neukampf aus dem Jahre 2009 trägt den Titel „Fotografie und Stadtplanung – Die Bedeutung der Fotografie bei Planungsprozessen” und bereits die Wahl des Titels zeigt mit welchem Auge der Fotograf den Lebensraum Stadt wahrnimmt.

Die meisten Arbeiten entstanden in Berlin und dessen Umland. Für einige Werke suchte Volker nach einer unprätentiösen Darstellungsform, welche die Bilder in den Fokus rücken. Mit einer auf die notwendigsten Elemente zurückgenommenen, eher Typografischen Gestaltung, konnte ich seinen Aufnahmen diesen Rahmen geben …

Der größte Kulturbetrieb Deutschlands startete in die Saison 2010 / 2010 mit einem neuen einheitlichen CI aller angeschlossener Sparten.

Die „Dachmarke” TUP präsentiert sich in der sehr schlicht gehaltenen Website tup-online.de und stellt über den auf allen Projekten wiederkehrenden Header eine Verbindung untereinander her.

Der ursprünglich aus dem Print stammende, rein gestalterische Kopfbereich wurde von mir konzeptionell neu aufgearbeitet und um ajax-funktionen erweitert.

Die Webseite der Essener Philharmoniker ist ebenso wie die Webseite des Aalto-Ballett-Theaters eine Instanz nach dem Vorbild des Aalto Musiktheaters.

Durch die Möglichkeit, drei Webseiten mit fast identischem Design umzusetzen war es möglich für die Spielzeit 2010 / 2011 innerhalb von 8 Wochen 6 vollständige Kulturprojekte zu entwickeln und vollständig mit Daten befüllt termingerecht online zu bringen.

Eine Besonderheit der Seite der Essener Philharmoniker ist in er Tatsache begründet, dass jede Produktion nur ein mal gespeilt wird.

Nachdem wir erst im Juni ein erstes Meeting mit dem Schlosstheater in Celle hatten, und dann knapp 10 Tage später die Zusage zur Zusammenarbeit bekommen haben, wurde die Webseite in nur 3 Wochen komplett neu gestaltet, programmiert, mit Inhalten gefüllt und online gestellt …

Das Projekt hat großen Spaß gemacht und das Feedback des Kunden ist großartig.:

„… vielen lieben dank für die Zusammenarbeit – absolut spitze und das Ergebnis ist aus meiner Sicht wirklich top!!”
Dr. Bettina Wilts – Intendantin des Schlosstheater Celle

Queens United war eine geschlossene Comunity für eine sehr spezielle Zielgruppe: Frauen von Profisportlern der Mannschaftssportarten Fussball, Handball und Eishockey der ersten und zweiten Liga.

Nach dem Launch sind die Gründerinnen der Platform auch von diversen Magazinen interviewt worden und das Projekt ist in verschiedenen Medien vorgestellt worden.

Inzwischen ist die Community als Solche eingestellt und das Projekt ist in ein Web-Magazin aufgegangen.