Für den Regisseur Andreas Roth, alias andyred, haben wir ein kompaktes Online-Portfolio gestaltet und umgesetzt. Das Design orientiert an abstrahierten Filmstreifen, die sich horizontal und vertikal bedienen lassen. Zudem erreicht man dank flacher Struktur, alle Inhalte schnell und einfach. Das Besondere ist, dass wir anders als üblich auf Kategorie-/Übersichtsseiten verzichten. Denn, mal ehrlich, wer benutzt diese z.B. bei youTube? In der Regel navigiert man dort über die Related-Content Spalte oder die Suchergebnisseite. Darüber hinaus lassen sich die Projekte navigieren und filtern, ohne den aktuellen Film zu unterbrechen.
Das Ganze haben wir in HMTL programmiert, damit die Seite plattformübergreifend funktioniert – bei so netten Java Scripten, kann man ja auch gerne mal auf Flash verzichten.

ANDYRED.COM

We’ve designed and developed a compact online portfolio for the director Andreas Roth, alias andyred. The design idea based on abstract film stripes that can be navigated horizontally and vertically. The flat information architecture provides short clickways and a comfortable way to navigate through the portfolio. We decided to simplify the userflow by using no category-/overviewpages. Honestly, who uses them on videoplattforms like youtube etc.? Everyone navigates via related-content-column or search engine result page. Furthermore you can navigate and filter all projects without stopping the current video.
Based on HTML using javascript animations, the page works on all plattforms and feels as dynamic as a flash page.

Für den Fairtrade-Limonaden-Hersteller LemonAid & Beverages GmbH haben wir einen kleinen aber feinen Storefinder für die Marke Lemonaid entwickelt. Mithilfe der Google API ließen sich die bestehenden Daten aus Googlemaps inkl. angelegter Orte in die gewünschte Form gießen und können weiterhin über die gewohnte Google-Maps Oberfläche gepflegt werden. Die Karten wurden selbstverständlich an die Marke entsprechend angepasst und mit einer simplen Navigation kombiniert. Insgesamt ein kleines, aber sehr spannendes Projekt. Denn wir hatten Gelegenheit, in die Tiefen der Googlemaps API einzutauchen: Sehr inspirierend.

SHOPS.LEMONAID.DE/

This time we’ve developed a compact store finder for the fairtrade-lemonade-manufacturer LemonAid & Beverages GmbH and its retail brand Lemonaid. The use of the Google Maps API allows us to import location-data of predefined places and the corresponding maps. These maps are rebrushed inside the store locator  to meet the brand directives of their products. The client is still able to use the Google Maps application to service the locations. It was a small, yet very interesting project and we’ve even discovered more inspiring possibilities for further projects.

Ok, der Schnee lässt noch etwas auf sich warten, nicht aber NIKEs alljährliche Snowboard Events – diesmal im Rahmen der NIKE CHOSEN Kampagne. Worum geht’s? NIKE zieht mit der CHOSEN SERIES durch Europa und sucht den ultimativen Snowboard Nachwuchs, um einem Fahrer den Traum der Träume erfüllen zu können: lebe ein Jahr wie ein Profi, reise dem ewigen Winter hinterher und mache nichts anderes als snowboarden. Wenn das mal nichts ist!
Und damit auch niemand die mit Snowboardlegenden angereicherten Tourstops verpasst, kamen wir ins Spiel. Seit dem 1. Dezember findet ihr unter nikechosenseries.com und allen relevanten NIKE Facebook Seiten sämtliche Infos über die CHOSEN SERIES und die jeweiligen Tourstops. Alles handgemacht, mit Liebe designt und Herzblut programmiert.
So Freunde, jetzt aber nicht nur zugucken, sondern mitmachen. z.B. Am 4. Februar auf der Zugspitze. Na, wer ist dabei?

NIKECHOSENSERIES.COM

Still waiting for a little more snow but not for NIKE’s annual snowboarding events – this time within the framework of the NIKE CHOSEN campaign. What’s it about? NIKE tours through Europe chasing the ultimate up-and-coming snowboarding talent, offering them the chance of a lifetime: live like a pro for an entire year, following the everlasting winter and doing nothing else but snowboarding. Tight, eh?
Therefore NIKE asked us to set up a digital communication hub to assure that nobody misses the tour stops crammed of living snowboard legends. Starting from 1st Dec you will find all information regarding CHOSEN SERIES and its tour stops on nikechosenseries.com as well as all relevant facebook pages. All handmade: designed with love and programmed with blood, sweat and tears.
Now quit your gawking, follow your snowboarder’s heart and join the tour stop e.g on 4th Feb/Zugspitze. Who’s up for it?

„Es war wie  immer eine Freude für eine Marke wie TWOTHIRDS zu arbeiten.“

Neue Ideen für spannende Herausforderungen. Obwohl die Marke inzwischen etwas erwachsener geworden ist, bleibt das Erbe der Nähe zum Meer noch immer spürbar.

Unser Hauptaugenmerk im Motion Design galt auch dieses mal der Entwicklung eines außergewöhnlichen Looks. Die Farbkorrektur sollte – da es sich um die Herbst/Winter Kollektion handelt – eine herbstliche, kühle Stimmung transportieren. Das Gefühl eines frischen, aber schönen sonnigen Tages sollte entstehen. Die optischen Eingriffe lassen die gleißende Herbstsonne in jeder Sequenz spürbar werden. Auch die Unschärfeverlagerungen entstanden komplett in der Nachbearbeitung.

Strand und Felsen: eine schöne Art den Herbst gemütlich anzufangen. Hier die neue Kollektion.

Anlässlich unseres dreijährigen Bestehens haben wir, bzw. unsere Kreativetage sich was Feines für alle Freunde, Supporter und Fans einfallen lassen. Unsere exklusive und hart limitierte Special Edition an feinen Shirts und Jutebags mit Ton-in-Ton stealth-Print gab es exklusiv auf unserer Sommerparty zu erwerben — Für alle daheimgebliebenen haben wir uns entschlossen die wenigen noch vorhandenen Exemplare unters Volk zu bringen und euch die einmalige Gelegenheit zu geben, diese hier gegen eine Spende von 20,- je Shirt bzw. 10,- je Tasche (inkl. Versand) zu erwerben.

T-Shirt black/black: 20,- Größen: M(sold out) / L / XL
T-Shirt grey/grey: 20,- Größen: M / L / XL
Jute-Tasche black/black: 10,- Größen: One-Size

Bei Interesse schickt einfach eine Mail mit eurem Wunschartikel, Farbe sowie Größe und gewünschter Zahlungsweise (Überweisung, Bar bei Abholung) an info@demodern.de oder kommt einfach vorbei!

Bäm! Beim Durchblättern der aktuellen Page stießen wir hocherfreut auf den oben abgebildeten Artikel, welcher die Wall-of-Fame auf einer Doppelseite im Kontext der anstehenden Cannes-Lions featured.

“Eddings Wall of Fame, war eine dieser Seiten, die bei irgendwem in der Agentur aufpoppt und sofort dazu führt, dass sich eine Menschentraube um den Rechner bildet” (Zitat Jens Schmidt, Juror in der Kategorie Cyber)

Sowas hört man doch mehr als gerne! Doch zu früh freuen wäre für alle Beteiligten unangebracht, da sich auch etliche andere hochkarätige Projekte die Gunst der Jury erhoffen — es bleibt also spannend und wir halten euch auf dem laufenden!

Yeah! While browsing through the current issue of German Page Magazine we delightedly stumbled across an article featuring our latest interactive project “Wall of Fame” in the context of the forthcoming Cannes Lions. Jens Schmidt, jury member of the cyber category says that this site, when popping up on somebodys screen, makes a bunch of people immediately come by and watch what’s going on. That’s good news for sure, but we won’t count our lions, excuse me, chickens before they’re hatched, knowing that there are plenty of other fabulous projects also fighting for glory in this award show. So it keeps the story gripping and for sure we´ll keep you posted on all the latest news. Stay tuned!

Wer zuerst kommt, malt zuerst!

Im Auftrag von Kempertrautmann haben wir für den Stifthersteller edding ein Webspecial umgesetzt, bei dem junge Talente und professionelle Illustratoren/ Künstler aufeinandertreffen sollen.

Die Wall of Fame ist eine interaktive Live-Zeichenfläche, auf der die Besucher in Echtzeit anderen beim Zeichnen zuschauen oder selbst den Stift schwingen können.

Ziel war vor allem durch Haptik, Look und Sound-Design an das analoge Zeichnen so nah wie möglich heranzukommen. Daher auch die bewusst begrenzte Anzahl von Stiften (8) und kein Radier- oder Undo-Feature, da der edding schließlich auch in der realen Welt ein permanent Marker ist.

Die technische Herausforderung bei dem Projekt war vor allem ein performantes Zeichnen und Navigieren zu ermöglichen sowie  ein intelligentes Load- und Filemanagement für die sehr umfangreiche Map zu entwickeln (ca. 320.000 Files und 15.200 Ordner).  Die Multiuser Umgebung inklusive Live Chat und Webcam ermöglicht ein Flash Media Server, der kontinuierlich alle Besucher mit Echtzeit-Daten versorgt. Durch eine umfangreiche Share Funktion (Facebook Connect/Twitter/Email) kann man direkt auf der Wall Stellen markieren, teilen, weiterleiten, speichern und posten. Bereits in den ersten drei Tagen verbuchten wir allein über Facebook 10.000 unique Hits und 5.500 Drawings. Also ran an die Stifte, so lange noch Platz ist!

Hier gehts zur wall-of-fame

Wer zuerst kommt, malt zuerst!

Im Auftrag und in Zusammenarbeit mit kempertrautmann haben wir für den Stifthersteller edding ein Webspecial realisiert, bei dem junge Talente und professionelle Illustratoren sowie Künstler aufeinandertreffen.

Die Wall of Fame ist eine interaktive Live-Zeichenfläche, auf der die Besucher in Echtzeit anderen Nutzern beim Zeichnen zuschauen oder selbst den Stift schwingen können. Ziel war vor allem durch Haptik, Look und Sound-Design an das analoge Zeichnen so nah wie möglich heranzukommen. Daher auch die bewusst begrenzte Anzahl von Stiften (8) und kein Radier- oder Undo-Feature, da der edding ja schließlich auch in der realen Welt ein permanent Marker ist.

Die technische Herausforderung bei dem Projekt war vor allem ein performantes Zeichnen und Navigieren zu ermöglichen sowie  ein intelligentes Load- und Filemanagement für die doch sehr umfangreiche Map (ca. 320.000 Dateien und 15.200 Ordner).  Die Multiuser Umgebung inklusive Live Chat und Webcam ermöglicht ein Flash Media Server, der kontinuierlich alle Besucher mit Echtzeit-Daten versorgt. Durch eine umfangreiche Share Funktion (Facebook Connect/Twitter/Email) kann man direkt auf der Wall Stellen markieren, teilen, weiterleiten, speichern und posten. Bereits in den ersten drei Tagen verbuchten wir allein über Facebook 10.000 unique Hits und 5.500 Drawings. Also ran an die Stifte, so lange noch Platz ist!

Hier gehts zur wall-of-fame

First come, first served with a pen!

On behalf and working together with kempertrautmann we implemented a web special for the pen manufacturer edding, a platform for young talents and professional illustrators to meet and create! The Wall of Fame is a live interactive canvas for visitors to watch others draw in real time or even pick up the pen themselves.

The technical challenge was mainly to facilitate a high-performance drawing and navigation as well as to develop an intelligent load and file management for the very large map (about 320,000 files and 15,200 folders).

The multi-user environment, including live webcam and chat was made possible through a Flash Media Server, which continuously provides all visitors with real-time data. We implemented a share functionality (Facebook Connect / Twitter / Email) where people can directly mark places on the wall to share, forward, save and post. Within the first three days, we already registered more than 10,000 unique views and 5,500 drawings only through Facebook. So grab a pen for as long as there is still room on the canvas.

Check it out on wall-of-fame.com

NIKE 6.0 und demodern leiten den Winter ein. Denn seit dem 1. November kann jeder Facebook User in einem speziell dafür entwickelten App abstimmen, wo die Nike 6.0 Stairset Battle Tour stoppen soll. Neun Länder machen mit. Neun Stairsets gibt es zu vergeben. Aber nur eins von drei Resorts pro Land bekommt den Zuschlag. Also los geht’s, votet kräftig mit! Besser noch: Markiert euch gleich die Tourtermine im Kalender und kommt NIKE 6.0 und auch uns an den neuen Stairsets besuchen.  Solltet auch ihr ein Interesse daran haben, wo die Karawane stoppt: Hier gehts lang zum Voting! Bis zum 30.November werden noch Wünsche entgegengenommen.

NIKE 6.0 and demodern greet the winter. Using a specially designed app, every Facebook user is now capable of voting for the next stop of the Nike 6.0 Stairset Battle, starting November 1st. Nine countries participate. Nine stairsets to vote for. But only one of three spots per country will capture the victory. So, get up and place your vote! Better still, mark all tour dates in your calender and join NIKE 6.0 and us at the new Stairsets. If you care to know where the caravan stops next: Take part in the voting! Requests will be accepted until November 30th.

NIKE 6.0 STAIRSET BATTLE TOUR

Ein feiner, kleiner Auftrag für die „Haben Sie den Schuh auch in anders“-Fraktion von Nike.
Für den Basketball Super Cup hatten sich die deutschen Nationalspieler Tibor Pleiss und Elias Harris ihren eigenen Schuh entworfen. Um diesem Umstand Nachdruck zu verleihen entwickelten wir für Nike iD. Ideen für die Bespielung der neuen LED Bandenwerbung (die jetzt auch animiert sein dürfen) und den Video-Würfel im Stadion Bamberg und Bonn. Wir waren etwas erstaunt, daß es sich wohl noch nicht herumgesprochen hatte, das eine Bandenwerbung Bewegtbild enthalten darf. Gut für uns: Das Motion Design auf der Bande sah im Vergleich wirklich beeindruckend aus … Ach so, hier noch ein kleines Handy-Video um einen besseren Eindruck zu bekommen.

A fine, small project for the “Do you have this shoe but different?”-department of Nike.
For the Basketball Super Cup the german national players Tibor Pleiss and Elias Harris designed their own footwear. To emphasize this fact we developed ideas for Nike iD. making use of the new LED perimeter advertising (which now may also be animated) and the video cubes at the stadium at Bamberg and Bonn. We were a little surprised that it had probably not yet got around, that these panels a capable of containing moving images. Good for us: The motion design looked really impressive in comparison … Oh, here is a small mobile video to get a better impression.

Die Animation der Bandenwerbung / The animation for the perimeter advertising

Der Clip für den Video Würfel / The clip for the video cube

Für die Eröffnung (oder besser: Die Wiedereröffnung) des NetCologne FuturePoints am Neumarkt in Köln entwickelten wir zusammen mit der Polivox ein Konzept zur multimedialen Bespielung der Verkaufsfläche. Dafür wurde das Motion Design für unterschiedliche Interessengruppen und Anwendungen auf mehreren Displays in Full HD erstellt und nicht zuletzt der aus 9 Streams bestehende Film für eine Monitorwand aus 3 mal 3 1080p Monitoren mit einer Gesamtauflösung von sagenhaften 5760 x 3240 Pixeln entwickelt. So eine Auflösung sieht man sonst nur im Kino!

For the opening (or better: the reopening) of the NetCologne Future Point at Neumarkt in Cologne, together with Polivox we developed an approach for a visual presentation at this point of sale. The motion design was done for various interest groups and applications on multiple displays in full HD resolution and a big one consisting of 9 videostreams for a monitor wall made of 3 times 3 full HD resolution displays with an overall resolution of 5760 x 3240 pixels. That kind of huge resolution normally exists only at the movies!

Nach dem Launch des Webspecials und des Blogs folgt nun auch endlich der Online-Store des jüngst gegründeten Surf & Street Fashion Labels Twothirds. Unter store.2thirds.com findet man ab sofort eine Auswahl der Basis Produkte und in Kürze auch die brandneue Kollektion. Also wachsam bleiben und auf die neue Kollektion freuen!

After the launch of the web special and the blog the online store of the recently established surf fashion label Twothirds is finally online. On store.2thirds.com you will find a selection of all basic products and very soon also the brand new collection. So keep an eye on them and look forward to their new collection.

Alles wissenswerte rund um Lemonaid findet Ihr ab sofort auf dem frisch gepressten Blog des Hamburger Getränkeherstellers. Der Bewegungsmelder informiert über aktuelle News, Events und Aktivitäten, um so noch mehr über die Marke und Ihr Umfeld erfahren zu können. Schaut rein unter blog.lemonaid.de

Read freshly squeezed news and all there is to know about Lemonaid on the spick-and-span Lemonaid Blog. The motion detector briefs you on current news, events and activities of all kinds, helping you to learn more about the brand and its environment. Take a look at blog.lemonaid.de

Wir freuen uns: Pünktlich zur diesjährigen BREAD & BUTTER in Berlin ging die Site von TWOTHIRDS online! Reinklicken lohnt sich, denn dort bekommt ihr nicht nur einen ersten Vorgeschmack auf die Basics der neuen Kollektion, sondern erfahrt auch einiges über die Haltung des neuen Surf & Streetfashion Labels. Dem Motto PROTECT WHAT YOU LOVE können wir uns jedenfalls nur anschliessen. Es war nämlich eine Freude mit dem TWOTHIRDS Team zusammenzuarbeiten, die unser Konzept und unsere Vision der Site von Anbeginn an unterstützt haben.
Zudem möchte ich euch auch jetzt schon mal heiss machen auf den Folge-Release. Dort werdet ihr nicht nur mehr Styles zu sehen bekommen, sondern auch noch ein paar schöne Features. Aber die sind uns dann noch mal einen extra Post wert.

PROJEKTUMFANG: Idee, Konzept, Design, Storyboard, Schnitt, Postproduktion, Programmierung, Design und Implementierung des Blogs, sowie Social Media Anbindung. Credits: Music by Mimi Welldirty, Photos by Klaus Merz, Videos by Sophie Hindennach

Collection TWOTHIRDS |  Blog TWOTHIRDS |  TWOTHIRDS AUF FACEBOOK

Just in time for this year’s BREAD & BUTTER in Berlin, we’re happy to announce that the website of  TWOTHIRDS is now online. Take a peek and get a taste of their basic collection and take a moment to learn something about this new surf & streetfashion label’s attitude.  We have already fallen into line with their leitmotif  PROTECT WHAT YOU LOVE and enjoyed working with these guys as they supported our vision and concept for this website right from the beginning.
Furthermore we want you to stay tuned for the upcoming release with new styles and features. But this will be worth another blog post.

PROJECTSCOPE: Idea, concept, design, storyboard, edit, post production, programming, blog design plus implementation and also social media connection. Credits: Music by Mimi Welldirty, Photos by Klaus Merz, Videos by Sophie Hindennach.

Wir machen es kurz. Einige von euch haben es auch schon gehört. Sounds of Hamburg gewinnt in Cannes 2 goldene Cyber Lions. Und das ist DER absolute Hammer. Wir freuen uns riesig. Die rühmlichen Kategorien waren Websites & Microsites Travel, Entertainment & Leisure und Craft Best Music/Sound Design.

We make it short. Probably some of you already heard. Sounds of Hamburg won 2 golden cyber lions in Cannes. That’s just about the limit! We’re so chuffed about that. Laudable categories were Websites & Microsites Travel, Entertainment & Leisure and Craft Best Music/Sound Design.

Cannes Lions

2x Gold für Sounds of Hamburg beim D&AD Award.
Wir sind überglücklich, daß Sounds of Hamburg auch beim diesjährigen D&AD Award gleich in zwei Kategorien überzeugen konnte. Sowohl in der Kategorie „Websites“ als auch in der Kategorie „Digital Advertising“ gewann es jeweils einen Yellow Pencil.

2x Gold for Sounds of Hamburg at D&AD award.
Sounds of Hamburg wins two yellow pencils at this years’ D&AD Award for “websites” and “digital advertising”.