Im Auftrag von Pro Helvetia haben wir eine hübsche Website in Flex/Flash produziert.

Die Website mit integriertem Blog ist im Rahmen der Ausstellung “Ménage – Kultur und Politik zu Tisch” entstanden. Die Website und Blog sind 3-sprachig. Dank integriertem CMS (redaxo) kann Pro Helvetia selbständig bei jedem Stationenwechsel der Ausstellung die neuen Inhalte abfüllen. Dies ermöglicht  dem Kunden einmal mehr grösstmöglichste Unabhängikeit beim Bewirtschaften der Website. Neben Website und Blog sind wir auch verantwortlich für die Produktion des Newsletter. Dieser wird ebenfalls in 3 Sprachen versandt.

Besonders zu erwähnen sind bei diesem Projekt noch die Animationen die nicht nur Klasse aussehen, sondern vor allem die inhaltlichen Aspekte, die einmal mehr brandaktuelle Debatte zwischen Kultur und Politik, witzig unterstützen sollen.

Ménage - HOME

Ménage - Home

Subseite - Ausstellung Helvetia Park

Subseite - Ausstellung Helvetia Park

Subseite - Video mit Videoplayer

Subseite - Video mit Videoplayer

BLOG mit Video

BLOG mit Video

Produziert von ->

EN SOIE – Website

October 1st, 2009

Für En Soie Zürich realisierten wir pünktlich zum Familienauftritt in der Annabelle die neue Website.
Die Website wurde in Flash/Flex programmiert, ist skalierbar und im Full-Screen-Modus präsentierbar. Auch hier wurde ein CMS (redaxo) implementiert, was En Soie ermöglicht, die Website selbständig zu bewirtschaften. Saisonal können so die aktuellen Kollektionen, Impressionen und Videos präsentiert werden. Grafisch wurden wir einmal mehr von Thomas Rütti (Dasing Bash LLC.) unterstützt.

En Soie - Übersicht

En Soie - Übersicht

En Soie - Detail

En Soie - Detail

Produziert von:

Raffinerie.com Relaunch

April 7th, 2009

Für die Raffinerie durften wir dieser Tage einen Relaunch ihrer Online Präsenz durchführen.

Der Fokus lag auf einer Auffrischung des visuellen Stils. Die Herausforderung bestand darin das, für Webverhältnisse ungewöhnliche, Layout umzusetzen. Die Raffinerie investierte viel Zeit und Geduld um ihre Werke neu abzulichten. Ebenso haben sie das neue Layout & Design eingebracht. Duda im Gegenzug stellte sicher, dass alle Wünsche Browser- & Betriebssystemübergreifend funktionieren.

Herausstechend sind sicher das Spaltenlayout, zu finden bei News & Team oder die Portfoliobetrachtung unter Clients.

News

News

Clients

Clients

Als CMS haben wir so oft Redaxo eingesetzt, welches nun der Raffinerie ermöglicht den Inhalt der Seite selbst zu editieren. Um einige der ungewöhnlichen Features umzusetzen, nahmen wir jQuery zu Hilfe, mein favourisiertes JavaScript Framework.

Design: raffinerie.com
Durchführung: dudagroup.com
CMS: Redaxo
JavaScript Framework:  jQuery

Im Auftrag von Walt Disney Studios Motion Pictures erstellten wir eine umfangreiche Onlinekampagne zum Film „Confessions of a shopaholic“ oder zu deutsch „Shopaholic – Die Schnäppchenjägerin“.

Shopaholic Game

Shopaholic Game

Landingpage: Die Basis der Onlinekampagne ist die Landingpage. shopaholic.ch Produktion in Flex.

OnlineGame: Das Game, der Wettbewerb, die Partnerhinweise und die Preise wurden von DU DA nach den spezifischen Wünschen von Disney Schweiz angepasst. shopaholic.ch/game Produktion in Flash.

Bannerkampagne: Einmal mehr produzierten wir originelle Flash-Banner, die den hohen Ansprüchen von Disney gerecht werden mussten. Kein Problem für DU DA! Zusätzlich sind die Banner an ein von DU DA entwickeltes Statistikprogramm angehängt, welches Disney zur Auswertung der Kampagnen dient.

Es bleibt spannend: Mehr zur Auswertung von Onlinekampagnen folgt bald.

Produziert von ->

  • Kunde & Auftrag von Walt Disney Studio Motion Pictures
  • Programmierung DU DA GmbH

PS: Kurzkritik zum Film:
Nicht viel erwarten, dann gefällt’s! Wurde überrascht durch Witz, Charme und einem hübschen britischen Akzent… Also geht, schaut und gewinnt!

Bei Bylandlaw.com wurde versucht, allen Design- und Browser-Kompatibilitätsproblemen Rechnung zu tragen. Die Webseite sollte sowohl als Flex wie auch als Html Version umgesetzt werden und aus dem selben CMS Export mit Inhalt gefüttert zu werden um sämtlichen Browsern, verschiedenen Monitor Auflösungen wie auch der Mobile Devices Problematik Rechnung zu tragen. Also wurde eine grössen flexible Flex Version und eine HTML Website mit Hilfe von Redaxo als zentrales Content-Managment-System umgesetzt.

Anbei das Ergebnis :

bylandlaw

www.bylandlaw.com

Die Flex Version -> (Flash Plugin 9 und höher)

  • Skalierbar – Browser grösser und kleiner machen um die skalierbarkeit zu Testen
  • Wurde verwendet um die Übergangs & Loader Animationen hübsch umzusetzen und Typografisch mit den Custom Fonts genau dem CI zu entsprechen da dies dem Kunden extrem wichtig war.
  • Inhalt ist von Google per Sitemap durchsuchbar & verlinkbar
  • Funktioniert mit Hilfe von Direktlinks, damit man direkt eine Unterseite Aufrufen kann und beim URL kopieren von der Adressbar auf den direkten Link verwesen / verschicken kann.
  • Ist unkompliziert erweiterbar um neue Tools einzubauen und auch grössere Skin & Design Änderungen zu vollziehen
  • Klick ins Schwarze = Fullscreen
  • Inhalt der jeweiligen Seite wird in eine saubere Printvorlage beim Drucken der Website gesetzt mit verschiedenen Briefköpfen in 300dpi bei Deutsch / English

HTML Version ->

  • Standart Conform nach W3C
  • Maximale Kompatibilität auf allen Webbrowsern
  • Google friendly SEO
  • Aus dem selben Inhalt geschnitzt wie die Flex Seite
  • Auf dem Mobile Device bzw. Browser wird direkt als Startseite die Kontaktadresse angezeigt und bewusst zugesichert das man hier falls man mit einem Mobile Internet Explorer unterwegs ist die Flex Version wirklich nicht zu Gesicht bekommt zb. bei Herrn Bylands Nokia :-)

Produziert von ->