Currently showing ‘chinese-soul’ on a 46″ flatscreen at Grafik12, the show for graphic design and young art. Still till Sunday March 4, 2012,in the Maag Event Hall, at the foot the Prime Tower in Zurich. Looking forward to meeting you there!

Focusing on animation movies ‘without a story’ visarte zürich and sihlquai55 screen an interesting selection from a wide range of artistic positions on March 11.
Curated by Myriam Thyes who also moderates the discussion.
See the full program for details.

Silvana Savini and I show ‘It was not me’ (2008), ‘Hush’ (2009) and ‘I am always right. And you too.’ (2011)

In 2002 Silvana and I had the opportunity to  spend a week in Tokyo and make a day trip to Yokohama. We were shown around by Alberto, Silvana’s cousin. He is an architect and university professor who lives in Japan with his daughter Sara. Despite the shortness of the trip the culture and the people made a particularly intense, totally unforgettable impression.

Very concerned about the triple disaster, we were very open when Werner Fischer, friend and musician (e.g. of  “chinese-soul”) asked ‘Isn’t there something we can do?’

The website www.whenIthinkofJapan.org invites visitors to share their thoughts and feelings and offers an evocative multimedia experience.

It  is a personal project of

Werner Tian Fischer, music & networking
Silvana Savini, administration & support
Andreas Weber, concept, visuals, programming

We are pleased to announce that www.chinese-soul.com has received accolades and web-design awards from a number of institutions:

‘Site of the day’ (SOTD) award from
thefwa.com aka ‘The Oscars of Webdesign’

‘Best of Swiss Web’, category ‘creation’, silver award
bestofswissweb.ch

‘Webpick’ in  ’Communication Arts’ magazine:
www.commarts.com

Reviews
propaganda3.com (english)
code-knock.jp (japanese)
citrusjapan.co.jp (japanese)
pentabreed.com (korean)
flash-thunder.com (english)

More awards and mentions  from the lovely folk of

irie.be No 1 in their ‘Top 40′ popularity index
designlicks.com
dopeawards.com
designtaxi.com
netmagazine.com 2011 in review: the year’s best Flash sites
bestwebdesignaward.com
easy-design.org
designshowcase.de
newwebpick.co.kr
gdweb.co.kr
liendujour.net

We are thrilled that the site has thousands of visitors from China. Here are some of the chinese websites that feature chinese-soul.com:
68design.net
skidesign.cn
sj63.com
blueidea.com
sccnn.com

Thanks! (blushing)

Update: read how the technique behind chinese-soul innovates the visualization of music

A concise website based on a clear metaphor to present the small, well-established firm and its trustee/book-keeping services.

Concept, Text, Design
Marianne Zweifel, www.zweifel.gl
Roland Hess, www.herrhess.ch

Webdesign, Realisation
Andreas Weber, www.motiondraw.com

Fotos
Pascale Landert, www.landert-photo.com
Urs Heer, heerurs@bluewin.ch

Managed by
zweifel.gl, Marianne Zweifel

visit www.unirevisa.ch

Werner and his chinese wife are currently living in Bejing, hence the title of the CD. My ‘motiondrawing’-sketches are drawing heavily on the impressions of our trip to China in 2007.

‘Chinese Soul’ will tour China and Europe in automn 2011 – we are planning to take the visuals live on stage, projecting the sketches on a big screen and animate them to the live sound of the band. Stay tuned!

visit www.chinese-soul.com 

Update: read how the technique behind chinese-soul innovates the visualization of music
PR text in german courtesy Jan Krohn, author of the lyrics of chinese-soul:

chinese-soul.com: Die Website zur Kunst erhoben

Als Andreas Weber angefragt wurde, einen congenialen Internetauftritt für die Lancierung der CD “Chinese Soul” des Jazzensembles “Werner Fischer’s Travelogue” zu erarbeiten, stand für ihn folgende Herausforderung im Vordergrund: Wie stellt man die Musik ins Zentrum und bietet dem User gleichzeitig eine interessante visuelle Erfahrung? Die unmittelbarste Form, ein Musikerlebnis optisch darzustellen, ist die Visualisierung der Klangspektren, welche die Stärken der verschiedenen Frequenzen repräsentieren. Mit Programmen wie Flash können diese Werte in kurzen Intervallen – in unserem Fall 25 mal pro Sekunde - abgefragt und in visuelle Muster umgesetzt werden: animierte Balkendiagramme, Wellen, Wolken, psychedelisch farbige Formen – der Phantasie sind bei der Schaffung einer synästhetischen Verbindung von Klang und Bild keine Grenzen gesetzt. Das Innovative an chinese-soul.com: die Klangspektren werden nicht als abstrakte Muster umgesetzt, sondern mit gegenständlichen Zeichnungen kombiniert – wodurch sich neue narrative und semantische Möglichkeiten eröffnen.

Technische Voraussetzung ist die vollständige Kontrolle über jede einzelne Linie der Zeichnung, die Koordinaten der Kontrollpunkte und die Richtung, in welche sich die gezeichnete Linie bewegen soll. Dies war nur zu erreichen, indem extra ein Zeichenprogramm geschrieben wurde, mit welchem die Skizzen aufgezeichnet, abgespielt und editiert werden konnten. Als die Daten der Zeichnungen vorlagen, konnten sie durch die Kombination mit den Werten des Klangspektrums so transformiert werden, dass der Anschein entstand, als sei es die Musik, die selber die Linie zeichne. Leitmetapher für den Inhalt der Zeichnungen war – gemäss dem Bandnamen “Werner Fischer’s Travelogue” – das Reisetagebuch: leichte, tuscheartige Skizzen, handschriftlicher Text, die gemächliche, doch stetige Forwärtsbewegung der Linie. Zudem erscheinen unterhalb der Zeichnung synchron die Song-Lyrics (übrigens aus der Feder des Publicis-Texters Jan Krohn), was den Sog, der von der endlosen Verkettung der Skizzen ausgeht, noch verstärkt.

Die faszinierende Website chinese-soul.com ist der bisherige Höhepunkt der Auseinandersetzung von Andreas Weber, der sich als Bub von Osvaldo Cavandolis ‚La Linea‘ verzaubern liess, mit dem “motiondrawing”: Webers erstes Flash-Projekt war ein Zeichenprogramm, das den Usern erlaubte, auf dem Homecomputer selber Zeichnungen zu kreieren und diese als e-Cards zu verschicken. Später schrieb er ein Programm für einen amerikanischen Lehrer, das dessen Schülern vermittelt, wie und in welcher Reihenfolge die Glyphen des japanischen Katakana-Alphabets gezeichnet werden. Und letztes Jahr entstand ein Tool, mit dessen Hilfe eine australische NGO die Unterschriften von Bürgern, sich online als Wähler registrieren lassen wollten, aufzeichnen und wieder abspielen konnte. Dokumentiert sind diese und weitere Arbeiten unter der Webadresse www.motiondraw.com. Viel Vergnügen!

On a technical level the main goals of the relaunch of the website were

• make the content editable for the client, over time there will probably be several groups of editiors involved
• the layout must be totally customizable  
• offer a framework which will allow the regional sections of the association to use the national website as a starting point for the integration of their webpresence, empowering them to update content themselves.

Obviously only a powerful Content Management System (CMS) can meet these requirements. After evaluating several systems we opted for Typo3, the main reasons being

• well established in Europe, with plenty of developers, forums and support options
• feature-rich and ‘mighty’
• advanced rights-management for editors
• good multi-language support
• powerful template-building allows the implementation of just about any HTML/CSS Layout/Design 

 We never looked back and were totally satisfied with the choice of Typo3: we could meet the requirements easily, Typo3 really lived up to its reputation to be ’the Rolls-Royce among the CMS’. Or better said: Typo3 is like a gigantic construction kit with which you can build  a table, a bicycle, a Rolls-Royce, a space ship – if you have the know-how and the time.

Here are some ‘lessons learned’

• when they say it takes a month of learning to get the basics of Typo3, they mean it. Years of experience in programming will serve you little to get your head around the idiosyncratic TypoScript 
• when odd ‘internal server error’-messages start popping up it’s probably time to migrate to an ISP that is specialized in hosting Typo3 projects
• yes, you can solve this problem with Typo3 – and the solution is probably surprisingly simple

concept and design: Kate Isler & Achim Doetsch of una
text: palliative ch

visit www.palliative.ch

Concept, text: Marianne Zweifel
Screendesign: Kate Isler
Flash/ActionScript by yours truly

GetUp! is an independent political movement to build a progressive Australia. It brings together like-minded people who want to bring participation back into democracy. In its 3 years of operation, it has grown to over 300,000 members and achieved a considerable number of successes in more than 70 campaigns.

In view of the upcoming elections and 1.4 million unregistered voters they decided to launch a campaign to enrol as many voters as possible – online.

As part of a sophisicated web-application (developed by Funke), they commissioned me to program a ‘signature app’ that allows people to sign the form online, writing/drawing their signature with the mouse. It comes with ‘line normalization’ (smoothing) and draggable control points. The signature is saved as a PNG image on the server which is then added to the form that is finally sent to the authorities.

You can try the ‘signature app’ here

Thanks to GetUp! for the great collaboration, especially to Daryl Manning, Director of Online Campaigning, François Chemillier, Online Campaigner and Robert D’Arrigo, Senior Web Developer of Funke.

Founded by the visionary Martin Flüeler and generously funded by a patron with a passion for new, holistic ideas, the groundbreaking TüLab, unique in its own right, has inspired several startups in other regions of Switzerland.

How shall we translate ‘Tueftellabor’ – ‘Puzzle-Lab’? Have a look at the pictures to get a better idea of the inspired and fun things they do there!

<