Eine Website die mehr als 12 Stücke einer chinesischen Soul Band spielt und dabei über 70 chinesische Zeichnungen in outlines zeichnet.
Somit kann man der Website stundenlang zusehen bzw. hören. Die Musik sowie die Zeichnungen wechseln bei jedem page reload.
Die Idee dahinter ist, dass sobald die Band auf Tour ist, auf einer grossen Leinwand die Page laufen wird und Zeichnungen zu der Live Musik perfomen.
Programmiert mit Actionscript!
(via chinese-soul.com)
Designed to highlight the way Saab thinks in a different way to other car makers, this stunning site is driven by some ingenious use of Flash and Video. The hub of the site is based around a desktop, and content is accessed by clicking the various objects representing aspects of saab cars.
I like how to navigate interactively on the site, letting the user experience some short interaction while navigating through the content. Even if you’re not interested in buying a car, this website is worth to see!!
Designed by: Lowe Brindfors, ACNE Digital
URL: http://changeperspective.saab.com
via (webdesignermag)
A very good looking and inspiring website from Geberit. (A Swiss Company doing sanitary stuff:-)
Website: http://www.i-love-water.com
A very cool Flash Website about a Kebap Corner with some cute hidden interactions (for example the Webcam):
Link: http://mustafas.de
A really freaky and inspiring Night at the Hotel626. The Website is using your Webcam and Micro to picture your personal image and voice to the screen. Twitter and Facebook where used as Tools to spread this link around the world.
You are just able to enter the Hotel as soon it’s getting dark outside!!
Link: www.hotel626.com
Navigate through and each thumbnail expands into beautiful swathes of colour..
I like the design and the interaction on this site. Especially those thumbnails how they change their perspective while navigate on them. The response is really smooth and realistic. But the navigation is confusing, if you click on a thumbnail the site is going to change in colour and view. I think this is one of those website where you can easily lose orientation.
However it’s a funky website and a visit worth!
Designed by: Yugo Nakamura
URL: http://wonder-wall.com/#project/en
This Websites was my diary during my 10 month surf trip to Hawaii, Fiji and New Zealand.
Design & Templating & Techn. Integration: by Karin Christen
Techn. Info: Based on Flash
Dies war meine Diplomarbeit beim SAE Institute, Zürich. Eine CD-Rom sowie eine Website über die Freizeit-möglichkeiten des Stadtteils Zürich West. Das Thema wurde von mir frei ausgewählt. Im Voraus habe ich ein Konzept erarbeitet und abgegeben.
Die CD-Rom:
Basiert auf Macromedia Director (Lingo) und enthält diverse multimediale Inhalte. Sie zeigt auf einer Karte alle Lokalitäten des Stadteils auf, bei welchen man nähere Informationen erhält. Bei 8 speziell von mir ausgewählten Restaurant, Bar und Clubs kann man auf eine multimediale Art mehr erkundigen. Die CD ist Plattform unabhängig bzw. läuft auf PC sowie Mac (siehe mehr Informationen unten!)
Die Website:
Ist 1:1 aufgebaut wie die CD-Rom nur wurde sie ein wenig abgespeckt, da die Website nur 30% meiner Diplomarbeit enthalten sollte. Sie basiert auf Macromedia Flash und zeigt wie auch die CD-Rom eine Uebersicht der Lokalitäten von Zürich West auf. zur Website>
Die dazu benutzen Programme/Script Sprachen:
- Adobe Photoshop/Image Ready, Adobe Illustrator (Design)
- Adobe Premiere, Adobe AfterEffects (Video/Compositing)
- Macromedia Director/Lingo (Aufbau CD-Rom)
- Macromedia Flash/ActionScript, Macromedia Dreamweaver/HTML,JavaScript (Aufbau Website)
Unten sind diverse Ausschnitte der CD-Rom und Website ersichtlich:
Die CD-Rom startet mit einem Intro. Das Intro wurde so aufgebaut, dass ein Tourist oder Auswertiger, welcher Zürich nicht kennt, eine Tramfahrt zum Stadtteil West erleben kann. In der Windschutzscheibe des Trams wird ein Film ersichtlich und man fühlt sich als würde man im Tram selbst sitzen und nach Zürich West (Escherwiisplatz) fahren.
Film (Tramfahrt):
Wurde von mir persönlich geflimt mit Adobe Premiere geschnitten und mit Adobe AfterEffects bearbeitet.
Nach dem Intro gelangt man auf die Startseite. Ein Industrielles Foto (natürlich von Zürich West) mit dem Westtower, welches zugleich das Logo des Projektes darstellt. Hier findet man diverse Navigationspunkte, eine Hilfefunktion – falls man nicht mehr weiter weiss oder den Beenden-Button, um die CD-Rom wieder zu verlassen. Diese Naviga-tionselemente findet man durch die ganze CD immer an der selben Stelle. Die Hilfefunktion passt sich pro Seite (Thema) an.
Die Soundsteuerung! Der Betrachter wird während des Ansehens der CD mit einer Hintergrundmusik begleitet. Die Musik kann unter Soundsteuerung verwaltet werden. Die Soundsteuerung enthält einen Volumenregler (welcher als der Westtower dargestellt ist) und diverse Musikstile, damit sich der Betrachter einerseits informieren kann, welche Musikstile er in Zürich West finden kann und andererseits seine Hintergrundmusik selber wählen kann. Zu jedem Musikstil erscheint rechts einen Tipp, in welchem Lokal dieser Musikstil zu finden ist.
Unter “wo?” ist eine Karte ersichtlich damit man sich informieren kann, wie man nach Zürich West gelangt, sei es mit dem Tram, Zug oder Auto. Ebenfalls gelangt man hier durch klicken des Button Nachtbusplan Online auf den ZVV. Auf diesem ist ersichtlich, wann die Nachtbusse fahren, um wieder heil nach Hause zu kommen.
Die eigentliche Navigation. Hier wird eine bewegliche Karte von ganz Zürich West ersichtlich, welche auf die Mausbewegung rauf oder runter geht, um das Ganze anzuschauen. Fährt man mit der Maus über die ersichtlichen Punkte, erhält man wie auf dem Bild oben zu sehen ist, rechts ein Bild des Lokales und links die Information. Klickt man auf die hell grauen Punkte, kommt man direkt auf die Website des entsprechenden Lokals (falls vorhanden). Klickt man auf die schwarzen Punkte erhält man einen näheren “multimedialen” Einblick des entsprechenden lokales.
Der Schiffbau! Hier findet man einen virtuellen Rundgang durch den ganzen Schiffbau. Mit der Maus kann durch die Räumlichkeiten navigiert werden. Man erhält eine 360° Sicht von allen Räumen sogar solche, welche bei einem normalen Besuch nicht ersichtlich wären (Backstage). Ebenfalls kann man unten/rechts auf dem Grundriss anhand des weissen Punktes immer nachvollziehen in welchem Raum man sich gerade befindet. Klickt man direkt auf den Grundriss auf einen Raum, gelangt man auch so in den gewünschten Raum.
Der Schiffbau wurde von mir mit einem speziellen Stativ + Kamera fotografiert und dann mit dem Programm VR Worx zusammen “gestiched”. Der Erlebnisrundgang ist ein QuickTime Film, bei welchen die verschiedenen Räume zusammen gelinkt sind.
Wage selbest einen Rundgang! siehe unten: Movie kommt noch!
Moods, auf der CD-Rom gelangt man innerhalt des 360° Erlebnisrundgangs direkt in den Club Moods, bei welchem man eine Life Salsa Night mit erleben kann und dass Monatsprogramm studieren kann.
Im LeHalles kann man die speziellen Räumlichkeiten des Restaurants sowie Gemüsemarkts anhand einer Bildergallerie sehen.
Der Club Rohstoff lager wird hier anhand einer Drum n Bass Party präsentiert. Ebenfalls kann man selber DJ sein indem man mit den Turntables einen “beat” und eine “melody” zusammen mixt.
Café Sphères mit den versteckten Hotspots..
Im Cinemax wird der neue Kinoteil “Abaton” vorgestellt. Es werden Bilder sowie ein Film (Trailer) vorgestellt, so als würde man selbst im Kino sitzen.
Beim Club UG wird das Monatsprogramm vorgestellt. Zu jeder Party (Donnerstag, Freitag, Samstag) wird der dazu gehörende Musikstil präsentiert. Ebenfalls sieht man rechts eine Art “LifeCam” einer Party, damit man sich vorstellen kann wie es dort aussieht.
Design, Templating & Techn. Integration:
by Karin Christen
Techn. Info:
Based on Flash
