Quentin MediaWorks

Portfolio

Sample

RayGattner.com Video Backdrops // Lightbox Gallery // Retro Style Eine Seite die lebt, keine Standbilder oder kryptische Animationen, sonder Ray der in einer Bar Schlagzeug spielt. Nicht in einem Videoplayer, sondern im Raum. Eine Idee, die schon lange in meinem Hinterkopf war und nun mit Hilfe von Donnie und Duke Pictures, der die Videos mit Ray gedreht hat, auch schließlich den Kopf verlassen hat. Trotz des Grundkonzeptes ist die Seite einfach in der Bedienung und man kommt schnell an die gesuchten Informationen. Dank des Frameworks kann jede Einzelseite samt Inhalt bei Google gefunden, per Browser Historie durchgeklickt und bei Facebook geteilt werden. Die Dates werden mit dem DateChecker auf Aktualität geprüft, bzw. wenn sie vergangen sind, fürs Frontend deaktiviert während trotzdem alle Termine im Datensatz erhalten bleiben und jederzeit weiterhin zur Verfügung stehen. Die Dates können auch direkt mit Venue Adresse, Eintrittspreis etc.in den eigenen Kalender importiert werden. www.raygattner.com XHTML, Flash (Actionscript 3), XML, JavaScript, swfObject, swfAdress, PHP, dynamisch Drummer Style: vintage Bar Farben: rot, gedeckte Farben, vintage Texturen YoungRoddie.com virtual Photoshooting // Video & Lyrics // Surf&Listen Player // autoScrolling // kommentierbare & animierte Lightbox Gallery // Twitter Einbindung // Date Checker Das Herz der Seite ist die Startseite mit Überblick über die aktuellen Dates, Twitter Feeds, Shopartikel und großem flexibel nutzbarem Hauptbanner für das aktuelle Album, die anstehende Tour etc. Der DateChecker überprüft die Aktualität der Termine, so dass man keine Termine mehr rausnehmen muss und gleichzeitig eine Datenbank mit allen Dates anlegt. Die virtual Photoshooting Funktion des Madiaplayers ermöglicht aus jedem Video eine Art Fotoshooting zu machen. Die geschossenen Bilder werden noch gebrandet und können dann begutachtet, sowie im Postkartenformat runtergeladen oder direkt mit den Facebook-Freunden und -Fans geteilt werden. Scrollen war gestern! Die autoScrolling Funktion macht Scrollbalken überflüssig in dem das Scrollen einfach abhängig von der Mausposition autmatisch passiert. Es fühlt sich an als würde das gewünschte Ziel einem entgegen kommen. Die Lightbox Photo Gallery sieht nicht nur hübsch aus, sondern lässt sich auch kommentieren. Der zusätzliche Surf&Listen Player ermöglicht Musik hören und weitersurfen ohne PopUp und spricht sich mit dem großen Mediaplayer ab wer spielen darf. www.youngroddie.com Flash (Actionscript 3), JPG Compression, XML, PHP, dynamisch HipHop Artist Style: klare Strukturen, aber nicht altbacken Farben: erdig, braun/rötlich mit hellem blau TheIntersphere.com Dates á la carte // Video & Lyrics // external Player Es ist immer wieder ein Vergügen etwas auf der Basis des Artworks von the Intersphere zu entwerfen. Die Startseite gibt einen Überblick über die meisten Inhalte der Seite, bzw. des Onlineshops. Auf den ersten Blick sieht man schnell die neusten Videos, Fotos, News, sowie eine zufällige Auswahl aktueller Shopartikel. Die Dates und Infos dazu (Tickets, Google Maps etc.) kann man sich wahlweise in chronologischer Reihenfolge oder auf einer Karte anzeigen lassen, um zu sehen wann Shows "in meiner Nähe" sind. Die Termine werden nur angezeigt, wenn sie nocht aktuell sind, so dass man als Administrator ausschließlich neue Termine eintragen muss und man gleichzeitig eine Datenbank mit allen gespielten Shows immer griffbereit hat. Der GigExporter kann die Shows nach Jahren sortiert zu Listen zusammenstellen, z.B. um die GEMA Abrechnung zu überprüfen. :) Der Mediaplayer "kann rechts wie links" (Musik & Video), während man gleicheitig die Songtexte oder Infos zum Album lesen kann. Jedes Album ist verlinkt mit den verfügbaren Kaufoptionen. Mit dem PopUp Player kann der User auch beim surfen jederzeit weiterhören. Es gibt noch weitere paasswort geschützte Promo- & Download-Seiten um Medienpartnern und Plattenfirmen die nötigen Infos etwas attraktiver anzubieten als per Zip Datei oder YouSendIt Link. Um die restlichen Features (TellYourFriends, kommentierbare Fotogalerien uvm.) zu entdecken... www.theintersphere.com Flash (Actionscript 2), HTML, XML, dynamisch Rockband - erdige, entsättigte Farben SugarQueens.de Klein, Animiert, Fotos basteln Eine an sich sehr kleine Seite, die trotzdem unglaublich viel Zeit verschlungen hat. Das Problem war... Es gab kein vernünftiges Photoshooting und ich hatte nur viele unterbelichtete Einzelfotos der netten Damen, da sich auch nicht die Möglichkeit bot sich als gesamte Gruppe zum selben Zeitpunkt zu versammeln. Nicht unbedingt optimale Voraussetzungen. Also habe ich ein Agenturfoto für den Hintergrund gekauft und gebastelt bis die Augen bluteten... Webseite, Pressefotos, Logo. Hier das Ergebnis: www.sugar-queens.de Actionscript 3, XML, PHP, dynamisch Gala Ladies Act ChrisBuseck.com viele interagierende MediaPlayer // autoScrolling // Lightbox Gallery Bei dieser Seite stehen zwei Dinge im Vordergrund: aktuelle kurze News und viele Bilder, Musik und Videos. Die Seite sollte eher schlicht aussehen und kein Kunstprojekt werden. Es gibt enige Audio & Videoplayer, die zum Teil auch gleichzeitig verfügbar sind und wissen was der User gerade macht, damit es kein Chaos gibt. Über den Header lässt sich jederzeit der allgemeine Audioplayer und die Fotogalerie erreichen. Unter dem Menüpunkt "Work" kann Chris zu jedem Album eine komplette Playlist erstellen, falls mehrere Tracks aus seiner Feder stammen. Die Seite ist Suchmaschinenoptimiert, so dass auch alle Inhalte gefunden werden. http://www.chrisbuseck.com HTML, Flash (Actionscript 3), JavaScript, XML, dynamisch songs-of-the-century.com minimalistisch // LogIn für Mediabereich Aufgabe: Eine ganz einfache und schlichte Seite. Punkt! Das Headerbild lässt sich nach Belieben auswechseln. Im geschützten Media Bereich befindet sich noch ein Player für Audio und Video. Der Player Content lässt sich beliebig gruppieren ... z.B. Songwriting, Werbekomposition etc. und hält verschiedene Playlisten bereit. http://www.songs-of-the-century.com/ MoritzMueller.org Große Collage // Flash // HTML // 3D Die Grundidee: Eine große Collage mit lauter Gegenständen, die für Moritz typisch sind... vom Klogutschein bis zu einer Spielzeugversion seines Drum Kits auf einem Mini Teppich. Eine Mischung aus Objekten, die auf der Pappe liegen und dazu gezeichneten Elemente, wie der schwarze iPod als Audioplayer, dessen Köpfhörerkabel auf die Pappe gezeichnet ist. Eine Seite, die ich weiterhin mag. Sie ist nur technisch nicht gerade up to Date, da sie schon recht alt ist. www.moritzmueller.org Flash (Actionscript 2), 3D, XML, dynamisch Drummer Style: gebastelte Collage mit gezeichneten Elementen Farben: natürlich, mit sporadischen Akzenten foodSaver Desktop App Desktop App // ein bißchen Spaß muss sein Der foodSaver ist eher aus einem Spaß heraus entstanden. Wenn ich z.B. ein paar Pizzabaguettes in den Ofen geschoben habe und mich danach wieder "in der Unendlichkeit kreativen Schaffens" verloren habe, musste ich oft genug feststellen, dass meine interne Uhr dann sehr viel langsamer läuft als alle anderen. Leider fällt mir das immer erst durch den Gestank von verbranntem Essen auf und ich muss es mit einem zweiten Paar Baguettes erneut versuchen. Bei 6 Pizzabaguettes pro Packung kann man sich nicht so viele Fehler erlauben, bevor man dann doch zum Italiener um die Ecke muss. Der foodSaver snychronisiert die interne mit der externen Zeit und erinnert mich an solche Dinge, damit ich nicht aus allem Holzkohle mache. Er kann auch viele Synchronisations-Vorgänge gleichzeitig durchführen und kommt im lustigen analog Gitarrenfußtreter Look daher... mit Tacho und Kippschalter. Wenn man ihn minimiert kann man am kleinen Tacho immer den Stand der externen Zeit ablesen und sobald sie um ist drängt er sich mit Vibrationsalarm in den Vordergrund, während der Tacho den nächsten Synchronisationvorgang anzeigt. Actionscript 3, Adobe AIR, 3D free Style: Gitarren Stompbox KuschelDesign.com Kuschel Design ist wie der Name schon sagt eine Design Agentur und hat natürlich die Seite auch selbst entworfen. Deswegen ist im Video nur die Portfolio Galerie, mein Hauptanteil an der Seite. Die Galerie ist voll dynamisch, so dass schnell und unkompliziert die Inhalte verändert werden können. www.kuscheldesign.com ConnexionLatina.net Die Seite mit meinem lieblings Mediaplayer! Er ist einem alten Röhrenradio nachempfunden und spielt wahlweise Videos oder Musik ab. Die Zeitanzeige besteht aus einem kleinen Zählwerk mit sich drehenden Rädchen wie bei einem Kassettenrecorder, alte vergilbte Knopfe... der Charme Analogiens. Auch hier gilt: Da die Seite schon recht alt ist, ist sie technisch auch etwas in die Jahre gekommen. www.connexion-latina.net dynamische XML basierte Diagramme für ein Mathespiel Die dynamischen Diagramm-Aniamtionen waren Teil eines Mathe-Spiels, bei dem man sich seine Statistik später in verschiedenen Diagrammen anschauen konnte. Das Layout kam vom Endkunden