Blog and Lab of DU DA GmbH

Companys Banner

patrizia — Thu, 01 Oct 2009 15:16:13 +0000

Für Companys produzierten wir nicht ganz normale, animierte Flash-Banner. Für Companys produzierten wir spezielle Flash-Banner, die mit dem neuen Webshop von Companys verbunden sind. Das bedeutet, dass jedes Outfit auf dem Banner mit der dazugehörigen Outfit-Seite im Shop dynamisch aus einem Microsoft Navision System gespiesen werden und somit neu erfasste Artikel im Sortiment sofort auf dem Banner zum Verkauf angepriesen werden. Der Banner eignet sich somit für dauer- und zeitbasierte Platzierungen gleichermassen hervorragend und muss nicht immer neu produziert sondern höchstens in der Dimension angepasst werden.

Companys Banner

Companys Banner - Detail

Companys SHOP Outfits

Produziert von ->

Programming: DU DA GmbH
Auftraggeber: its Companys AG

Pro Helvetia – Website Ménage

patrizia — Thu, 01 Oct 2009 15:15:00 +0000

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

Subseite - Ausstellung Helvetia Park

Subseite - Video mit Videoplayer

BLOG mit Video

Produziert von ->

Programming und Animation: DU DA GmbH

Grafik: riografik, Nina Mambourg

Auftraggeber: Pro Helvetia

EN SOIE – Website

patrizia — Thu, 01 Oct 2009 15:14:11 +0000

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 - Detail

Produziert von:

Programming: DU DA GmbH
Grafik: Dashing Bash LLC., Thomas Rütti
Auftraggeber: En Soie Zürich

Companys.ch – Neuer Flex Webshop auf Microsoft Navision Basis

Marc — Wed, 24 Jun 2009 09:00:55 +0000

Wir sind mit dem, unseres Wissens nach, ersten komplett auf Microsoft Navision im Frontend auf Flex basierenden Webshop der Welt online gegangen.

https://www.companys.ch/

Anbei ein paar erste Schnappschüsse :

Introseite

Katalog / Übersicht

Detail / Produkte Seite

Warenkorb / Bezahlen Ebene

Einige Besonderheiten sind:

Einzeln fotografierte Artikel mit Modellen
Zoommodus auf jedem Bild
Intuitive User Oberfäche
Aktueller Warenbestand obwohl kein Zentrallager vorhanden ist und sämtliche Artikel direkt aus den Läden versendet wird.
Grösssenrechner in dem Mann / Frau die Kleidergrösse bestimmen kann und auf dem Account gespeichert werden kann
Warenstatus wie bestellt, bezahlt, eingepackt, versendet
Gesamte Einkaufshistory (auch was in den Läden gekauft wurde) ist online verfügbar
Fillialsucher in dem nachgeschaut werden kann in welchem Laden welcher Artikel in welcher Grösse und Farbe noch direkt zu kaufen wäre.
Deeplinking auf jeden Artikel & Farbe
Filter & Sorting der Artikelauswahl
Looks die aus mehreren Artikel bestehen können
u.s.w

Ein paar Technische Daten :

Microsoft Navision ERP
Flex & Actionscript
PHP5 Zend Engine
MSSQL
XML

Produziert von :

Auftrag & Kunde Companys
Grafik & Design Saloon
Navision Implemtation BossInfo
Frontend & Backend Programmierung DU DA GmbH

Mobitare Memory

Denis — Mon, 18 May 2009 12:59:57 +0000

Mobitare Memory

Wir haben für Mobitare ein Memory umgesetzt, aber für einmal ein wenig anders.

Das Memory wurde in den drei-dimensionalen Raum gestellt, was natürlich ein paar Ansprüche an die Programmierung stellte. Den die scheinbar einfachsten Dinge können sich als schwieriger als angeommen herausstellen.

Zuerst musste evaluiert werden welches 3D Framework eingesetzt wird. Die erste Wahl fällt auf papervision3d, da es das am meisten verbreitet ist. Doch wäre es in diesem Fall klarer Overkill. Durch Zufall bin ich auf die FIVe3D Engine gestossen, welche im Gegensatz zu papervision3d auf Vektoren setzt.

Viel Erfolg beim spielen!

Links :

Produziert von :

Im Auftrag von Publicis
Design by DesignersClub Zürich
Technische Umsetzung programmiert von DU DA GmbH

ps: Das Memory bietet übrigends eine zusätzliche Merkhilfe. Zwei Möbel gehören immer zum selben Designer

Raffinerie.com Relaunch

Till — Tue, 07 Apr 2009 09:07:44 +0000

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

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

Microsoft & Publicis – Digital Life Index

Marc — Tue, 31 Mar 2009 06:00:19 +0000

Der Digital Life Index soll eine statistische Zwischenbilanz über den akutellen Stand der Digitalisierung der Gesellschaft geben. Dabei werden einige interessante Trends und Rückschlüsse sichtbar. Es wurde bei mehr als 1000 Personen eine Befragung durchgeführt. Diese wurde von Medialogics erfasst und nach einem langjährig bewährten Auswahlverfahren richtig gewichtet. Dieser Index soll nun alle paar Monate neu erhoben werden, um die fortschreitende Digitalisierung und neue Trends in der heutigen Gesellschaft festzustellen. Der Digital Life Index ist auf jeden Fall für alle Digital Marketing und Trend Interessierten einen Blick wert!

Details zur Technischen Umsetzung :

Flex & Actionscript 3
Flare zur Auswertung der Daten
Daten über TAB getrenntes Textfile
Lokalisation über XML Datei

Hauptseite

Detailseite

Link zur Website : Digital Life Index 2009

Produziert von :

Konzept, Idee, Grafik & Auftrag von Publicis & Microsoft
Technische Umsetzung programmiert von DU DA GmbH
Statistische Erhebung von Medialogics

Wolvrine – Einschneidende Massnahmen für die Werbung

Dominik — Mon, 30 Mar 2009 09:39:22 +0000

Zur Bewerbung des neuen Actiongeschnetzels von Warner Bros muss die allseits bekannte Webpage von 20 Minuten Federn lassen. Ein Wisch mit der Maus über den Roadblock Banner lässt Wolverine die Krallen zeigen und auch gleich gestalterisch auf der Webpage nutzen.

Nur gut, dass auch die 20 Minuten online Page über die selben phänomenalen Selbstheilungskräfte verfügt, wie der Filmheld…

Wolvrine Bannerkampagne

Produziert von ->

Implementiert by DU DA GmbH
Auftrag & Kunde Warner Bros Schweiz

Die Standesbeamtin – Schweizer Film mit Hitpotential

patrizia — Mon, 23 Mar 2009 10:32:34 +0000

Endlich wiedermal ein wirklich unterhaltsamer Schweizer Film mit Hitpotential im Kino.

Die Micropage wurde in sehr kurzer Zeit und mit wenig Budget (wie das oft beim Schweizer Film leider der Fall ist) produziert. Diese Website ist typisch für eine kleine aber feine Filmseite, wie sie DU DA gerne produziert.

Folgende Technologien wurden eingesetzt :

Flash, Actionscript 3
FLV Format für das Videostreaming
Mp3 Sreaming für die Hintergrundmusik

Die Standesbeamtin

Produziert von ->

Grafik, Animation & Programmierung DU DA GmbH
Auftrag & Kunde Walt Disney Motion Pictures Schweiz AG
Film realisiert in Ko-Produktion des Schweizer Fernsehens

Actionscript / Flash online coden und compilen

Till — Mon, 16 Mar 2009 14:53:53 +0000

Für unsere lieben Actionscripter gibt es jetzt tatsächlich eine Möglichkeit im Webbrowser zu programmieren und zu compilen.
Echt nette Sache!

http://wonderfl.kayac.com/

Der Kaufhaus Cop – Bannerkampagne

Marc — Mon, 16 Mar 2009 13:46:44 +0000

Für Sony Pictures Schweiz wurde eine Video Bannerkampagne gestaltet und programmiert. Hosting und Statistiken werden von dem eigens für Sony Pictures und Walt Disney programmierten Banner System, das von DU DA GmbH programmiert worden ist, ausgewertet & gehostet.

Beispiel Banner in der Grösse 300 x 250 :

You need to upgrade your Flash Player You can do this here >>

Produziert von ->

Grafik & Animation DU DA GmbH
Programmierung DU DA GmbH
Auftrag & Kunde Sony Pictures Schweiz

Ps. Wir haben 100 te von weiteren Bannerbeispielen. Einfach melden unter info@dudagroup.com und wir werden Ihnen gerne Auskunft über Preise und Möglichkeiten geben.

Vieleicht der schnellste Desktop PC der Welt

Marc — Fri, 06 Mar 2009 14:41:29 +0000

SSD sind neue Festplatten die nicht mehr mechanisch funktionieren sondern reinen Speicher sind, vergleichbar mit RAM das dein PC braucht. Dieser lustige Zeitgenosse von Samsung hat die Dinger mal so richtig ausprobiert.

Das Ergebnis ist verblüffend!

Hyundai * eco-blue

patrizia — Tue, 03 Mar 2009 18:46:10 +0000

Rechtzeitig auf den Autosalon in Genf produzierten wir für Hyundai Suisse eine Microsite -> eco-blue.ch . Im Zentrum der Microsite stand das neue Umweltprogramm eco-blue. Die 3-sprachige Microsite wurde in Flex/Flash programmiert. Dies bietet einerseits optimale Flexibiltät in der Programmierung und lässt andererseits auf Inhaltsseite viel Spielraum offen. Alles in allem eine saubere Sache!

Hyundai * eco-blue

Zudem erstellten wir für die neue Hyundai i-blue Serie einen AD-Banner. Als Basis dienten die Printvorlagen der Kampagnge. Der Schmetterling wurde aus einem Video extrahiert und neu in den Banner integriert. Produktion in Flash.

Format: 300×250

You need to upgrade your Flash Player You can do this here >>

Produziert von :

Auftrag, Konzept Ruf & Lanz
Gestaltung & Programmierung DU DA GmbH

Schnäppchenjägerinnen aufgepasst…

patrizia — Wed, 25 Feb 2009 14:57:33 +0000

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

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!

Multiplayer Flash Game & 3d Physik

Marc — Thu, 19 Feb 2009 16:24:17 +0000

dudaballs

Wir haben ein wenig mit dem JigLib experimentiert. JigLib ist eine Physik Engine die ihren Ursprung bei C++ hat und nun nach ActionScript3 portiert wurde.

Man nehme Papervision3d, JigLib für AS3 + SmartFox Server und heraus kommt dudaballs.

Eigentlich geht’s bei dudaballs nur darum seine Gegner von der Plattform zu schubsen, macht aber trotzdem Spass.

Das Spiel war relativ schnell zusammengestellt. Der SmartFox Server und Papervision3d stellen grosszügig API und Hilfe zur Verfügung. JigLib ist noch nicht ganz so weit, war aber auch nicht so schwer darin zu recht zu finden.

Die wahre Schwierigkeit bestand in der Spiel Logik:

3d Physik die akkurat berechnet werden muss
Jeder sollte das gleiche sehen
Kein Zentralserver der diese vornimmt

Unser erster Ansatz war, dass einer der Mitspieler auch der Host ist. Das heisst seine Flashinstanz berechnet die 3d Welt und schickt die wichtigen Daten zu den anderen Spielern. Diese wiederum senden aufgrund der grafischen Darstellung ihre Aktion zum Berechner.

Probleme:

Abgleichungen sind durch Netlag fehlerhaft
Was passiert wenn der Berechner sich auslogged

Natürlich könnte man jetzt eine Ausgleichlogik einbauen die den Lag mit einberechnet. Aber wir haben uns für eine schnellere und einfachere Lösung entschieden.

Jeder Mitspieler berechnet alles
Jeder Mitspieler sendet den anderen alle paar Millisekunden seine Position

So kann ein flüssiger und fast 100% korrekter Spielablauf garantiert werden.

Für einen Prototype ist die Lösung gar nicht schlecht, müsste für eine Endlösung aber sicher überdacht und verbessert werden.

Gratis Surfen im Mc Donalds

Marc — Thu, 19 Feb 2009 15:43:47 +0000

Wir hatten Hunger und pilgerten über Mittag in den Mc Donalds am Stauffacher in Zürich. Als es dann den ersten schlecht wurde (was ja meistens nach dem verzehr von Hamburgern auftritt) versuchten wir uns abzulenken (um dem würgen entgegenzutreten) und interessierten uns intensiver mit der Internet Kiosk Station.

Als uns dann nach 8 min unser letzter Franken ausging versuchten wir verzweifelt einen Workaround zu finden und siehe da, es ging ja noch einfacher als wir dachten.

Folgende Zeile in die Browser Adressbar eingeben :

about:test
Dann im Titel des Browserfensters (Internet Explorer) auf den Link “test” klicken und Gratis absurfen

SiteKiosk Hack

En guete !

Flex Moodboard vs. Powerpoint

Marc — Mon, 02 Feb 2009 13:20:17 +0000

Die Aufgabe war es eine Powerpoint ähnliche Applikation für den Webbrowser zu entwickeln, die Designern und Architekten zu helfen sollte, in möglichst kurzer Zeit ein Moodboard mit Bildvorschlägen aus einer Datenbank zu liefern. Diese können ihre Kunden ansehen und auch weiter bearbeiten, um möglichst rasch eine Richtung festzulegen, mit welchen Produkten sie für das jeweilige Projekt arbeiten sollen.

Die Main Features dieser Flex Applikation (RIAA) sind :

Multipage fähig
Gespeicherte Moods können weiter editiert und wieder abgespeichert & versendet werden
Dynamischer Bilder Import mittels vorhandener Bilddatenbank
Vollbild Modus für Präsentationen
Bildplatz und -skalierung mittels Drag & Drop
Titel und Texte können dazugefügt werden
Eigene Druckvorlage mit 300 DPI Logo
Mehrfaches rückgängig machen der Arbeitsschritte (Unlimited Undo)
Voll skalierbar (Browser grösser und kleiner machen, damit die Arbeitsfläche grösser und kleiner wird)

Moodboard

Produziert von ->

Grafik & Auftrag von Architonic
Programmierung DU DA GmbH

Worldstatometer – Wichtige Statistiken der Erde

Marc — Sun, 18 Jan 2009 14:49:44 +0000

Verblüffend wie schnell das die Erde doch dreht ! Sind traurige & erfreuliche News wenn man die Worldmeters genau studiert, dass einzige was sich nie zu ändern scheint ist das Gewicht der Erde.

http://www.worldometers.info/

Dacht ich’s mir doch das sind alles nur Verschiebungen!

Bylandlaw.com – Die perfekte Website?!

Marc — Thu, 01 Jan 2009 17:42:03 +0000

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 :

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 ->

Design & Typografie Dashing Bash
Programmierung DU DA GmbH

Online Photoshop & Co

Marc — Wed, 31 Dec 2008 14:57:32 +0000

Sogenannte RIA’s (Rich Internet Applications) sind im Moment extrem in Mode, aber bis jetzt hat es fast niemand so weit getrieben wie die Aviary Community die haben sich tatsächlich zum Ziel gesetzt die ganze Adobepalette an Tools kopieren zu wollen. Anbei zum einen Augeschein nehmen, es lohnt sich wirklich !

http://www.aviary.com/

Perfekt für Leute die sich keinen leisten oder installieren wollen und ab und zu ein Foto oder sonstwas bearbeiten sollte.

Photoshop Klon