Arbeiten (Auswahl)
Website «theaterkritik.ch»
 | Screen Design: finna, Christine Kaufmann
Typo3-CMS: minix, Bernhard Minnig
Technische Lösung: HTML, PHP, mySQL, JavaScript
2011 |
theaterkritik.ch ist eine unabhängige Plattform für Theater-,
Tanz- und Performancekritiken. Theaterleute melden hier ihr neues Stück an und erhalten gegen einen Unkostenbeitrag aus kompetenter Feder zwei kritische Begutachtungen ihres Schaffens. bytes & bones begleitete das Projekt von den ersten Konzeptskizzen bis zur Typo3-basierten Vollendung.
www.theaterkritik.ch
Website «Kapelle Sorelle.ch»
 | Screen Design: bytes & bones, finna
Wordpress-CMS: bytes & bones (Mitarbeit: fint, Jan Voellmy)
Technische Lösung: HTML, PHP, mySQL, JavaScript
2011 |
Die freie Musiktheatergruppe Kapelle Sorelle ist seit bald 20 Jahren mit verschiedenen Produktionen unterwegs in der ganzen Schweiz, in Deutschland und in Österreich. Für die Kapelle entwarfen wir eine weitgehend schwarzweisse Website, die über ein Wordpress-betriebenes Content Management System aktuell gehalten werden kann.
www.kapellesorelle.ch
Website «wildwuchs 11»
 | Screen Design: bytes & bones
Technische Lösung: HTML, PHP, JavaScript, Flash
2004–2011 |
Zum zehnjährigen Jubiläum und anlässlich seiner fünften Ausgabe bauten wir für das Kulturfestival «wildwuchs» eine opulente Website mit umfassenden Informationen, Diashows, Videos, Audiostrecken sowie einer dynamisch generierten Programmübersicht. Klaus Affolter (bytes & bones) zeichnet auch für den gesamten
grafischen Auftritt des Festivals verantwortlich.
www.wildwuchs.ch
Website «neuland»
 | Screen Design: bytes & bones
Technische Lösung: HTML, PHP, JavaScript, Flash
2010/2011 |
Für das Internetmagazins «neuland», das mit seinem multimedialen Auftritt neue publizistische Wege beschreitet, entwickelten wir das Sitekonzept und den gesamten grafischen Auftritt. Bei den Nummern 1–6 amtete Klaus Affolter (bytes & bones) zudem als Mitherausgeber.
Bitte beachten Sie, dass Klaus Affolter nach Erscheinen der Nummer 6 das Projekt verlassen hat.www.neuland-mag.net
Website «Bernadette Johnson»
 | Screen Design: finna, Christine Kaufmann
Technische Lösung: HTML, JavaScript, Flash
2010 |
Das akustische Portfolio der Klangkünstlerin Bernadette Johnson illustrierten wir auf ihrer Website mit grosszügigen assoziativen Bildräumen. Für die Tonbeispiele setzten wir unseren bewährten MP3-Player ein.
www.bernadettejohnson.ch
Website «finna»
 | Screen Design: finna, Christine Kaufmann
Technische Lösung: HTML, PHP, JavaScript
2010 |
Christine Kaufmann ersann für die Website ihrer neu gegründeten Firma «finna» ein kühnes Screen Design, das wir mittels JavaScript in Bewegung versetzten. Ein bodenständiges CMS erleichtert die Aktualisierungen.
www.finna.ch
Website «Memory Lost»
 | Screen Design: bytes & bones
Technische Lösung: HTML, Flash, JavaScript
2010 |
Zur Promotion des Musiktheaters «Memory Lost» von schützwolff gestalteten wir Logo, Flyer und Website – letztere mit Blitzeffekten und einem tollen Soundtrack von Martin Schütz. Schalten Sie Ihre Lautsprecher ein!
www.memorylost.ch
Website «Vollmondbar»
 | Screen Design: finna, Christine Kaufmann
Technische Lösung: HTML, PHP, JavaScript
2010 |
Auf der Website der Basler Vollmondbar errechnet ein kniffliges PHP-Script die aktuelle Mondphase und setzt sie innerhalb des minimalistischen Screen Designs grafisch um.
www.vollmondimhafen.ch
Website «Stiftung Habitat»
 | Screen Design: bytes & bones
CMS: Thomas Martin
Technische Lösung: HTML, JavaScript, Magnolia-CMS
2009–2010 |
Für die Stiftung Habitat erarbeitete Thomas Dillier eine umfassende Corporate Identity, bytes & bones konzipierte und gestaltete die neue Website und Thomas Martin implementierte das verblüffende Magnolia-CMS. In Anlehnung an diesen Webauftritt bauten wir auch die Site der stiftungseigenen
Aktienmühle.
www.stiftung-habitat.ch
Website «Matrix»
 | Screen Design: MATRIX/Fabia Zindel
Technische Lösung: HTML, JavaScript
2009–2010 |
MATRIX gestaltet Foulard- und Tablettkollektionen und übernimmt Auftragsarbeiten im Bereich Stoffdruck, Designentwicklungen, Messepräsentation etc. Um die facettenreiche Firmentätigkeit zu präsentieren, setzt der Webauftritt von MATRIX ganz auf die Horizontale.
(Besonders stolz sind wir auf den Kniff mit dem Maus-Scrollrad – probieren Sie's aus!)
www.matrixdesign.ch
Website «Galerie Taner»
Für den Galeristen Babür Taner schuf Thomas Dillier eine Corporate Identity, deren Schlichtheit den vorgestellten Fotografien den gebührenden Raum lässt.
www.galerietaner.ch
Website «beam me up»
 | Screen Design: Studer/van den Berg
Technische Lösung: HTML, JavaScript, PHP/mySQL
2009 |
Im Online-Projekt «beam me up» lädt Kurator Reinhard Storz KünstlerInnen und AutorInnen aus unterschiedlichen Fachgebieten und verschiedenen Ländern dazu ein, sich in Kunstbeiträgen und Essays mit Raumkonzepten zu befassen. bytes & bones realisierte ein datenbankbasiertes Forum, in welchem sich die daraus entstehenden Arbeiten manifestieren.
www.beam-me.net
Website «James Good For You»
 | Screen Design: bureau dillier/Christine Kaufmann
Technische Lösung: HTML, Flash, PHP
2009 |
Der Meistercoiffeur James Good frisiert die Schönen und Reichen dieser Welt. Für seinen Salon im Grand Resort Bad Ragaz bauten wir eine Flash-Website mit opulenten Fotostrecken.
www.jamesgoodforyou.ch
Website «Musikschule»
 | Screen Design: Petra Rappo, bytes & bones
Fotos: Adriano Biondo
Technische Lösung: HTML, DHTML, PHP/mySQL
2008–2009 |
Zusammen mit der Illustratorin und Grafikerin Petra Rappo entwarfen und programmierten wir für die Musikschule Binningen-Bottmingen eine ungewöhnliche Website mit massgeschneidertem Content Management System.
www.msbibo.ch
Website «Soap Factory»
 | Screen Design: bytes & bones
Technische Lösung: HTML, Flash/Flash-Video
2009 |
Die Website der Filmproduktionsfirma «Soap Factory» von Büronachbar Frank Matter unterzogen wir einem kompletten Redesign. Sie bietet nun u.a. die Möglichkeit, Film-Trailer in ansprechender Grösse abzuspielen.
www.soapfactory.ch
Website «Jadoube»
 | Screen Design: Christine Kaufmann
Technische Lösung: HTML, JavaScript
2009 |
Der Webauftritt der Stil- und Wellnessfachfrau Anita Rudin überrascht durch seinen kecken Retro-Look, der sich eng an die Corporate Identity aus dem Bureau Dillier anlehnt.
www.jadoube.ch
Website «wildwuchs 09»
 | Screen Design: bytes & bones
Technische Lösung: HTML, PHP
2004–2009 |
Wie schon für die Ausgaben 04 und 07 des Kulturfestivals «wildwuchs» produzierten wir für «wildwuchs 09» eine Site mit umfassenden Informationen zu Veranstaltungen, Festvalgelände und Rahmenprogramm. Entsprechend dem Fortschritt der Festival-Organisation wuchs die Site stetig an.
Festival 09aktuelle Sitewww.wildwuchs.ch/ww09
Website «Frauen_Oase»
 | Screen Design: Christine Kaufmann
Technische Lösung: HTML, PHP/mySQL
2009 |
Die Frauen_Oase ist eine und Beratungs- und Anlaufstelle für süchtige Frauen. Dazu ist sie auf Spenden und Subventionen angewiesen und dafür wiederum erstellten wir eine Website mit klassischem HTML und unserem Content Management System.
www.frauenoase.ch
Website «freihändler»
 | Screen Design: Sibylle Ryser, bytes & bones
Technische Lösung: HTML, PHP/mySQL
2001/2008 |
Für die Film-Produktionsgesellschaft freihändler hatten wir bereits 2001 eine Website aufgebaut, die wir 2008 einem sanften Redesign unterzogen und an unser bewährtes Content Management System anschlossen.
www.freihaendler.ch
Website «ALS-Vereinigung.ch»
 | Screen Design: Christine Kaufmann
Technische Lösung: HTML, PHP
2008 |
Die Grafikerin Christine Kaufmann erarbeitete zu einem schwierigen Thema eine weitgehend typografische Lösung, die wir mit reinem HTML umsetzten.
www.als-vereinigung.ch
Website «Behindertenforum»
 | Screen Design: Christine Kaufmann
Technische Lösung: HTML, PHP/mySQL
2008 |
Die Website des Behindertenforums muss so barrierefrei wie irgend möglich sein. Dass dieser Umstand eine gepflegte Gestaltung nicht ausschliesst, zeigt Christine Kaufmanns Screen Design, das wir mit unserem Content Management System umsetzten. Behindertenzugänglichkeit ist übrigens bei den meisten Websites von bytes & bones ein selbstverständliches Ziel.
www.behindertenforum.ch
Website «iaab»
 | Screen Design: a+/Gregorio Caruso
CMS: newcon, Zürich
Technische Lösung: HTML, DHTML, ASP/SQL
2004/2007 |
Ein breit angelegter Internetauftritt für die Internationalen Austauschateliers der Christoph Merian Stiftung mit Suchfunktion und Content Management System – seit Winter 06 in neuem Kleid!
www.iaab.ch
Website «iaab forum»
 | Screen Design: a+/Gregorio Caruso, bytes & bones
Technische Lösung: HTML, PHP/mySQL
2007 |
Als Erweiterung der Website von
iaab programmierten wir ein Forum, in welchem die eingeladenen Kunstschaffenden ihre Erlebnisse in den internationalen Ausstauschateliers tagebuchartig schildern können. Für uns u.a. ein sicherheitstechnischer Challenge, da das Forum allen Personen auch ohne Login offensteht ...
www.iaabforum.ch
Website «bureau dillier»
 | Screen Design: bureau dillier
Technische Lösung: HTML, Flash
2007/2010 |
Wieder einmal eine reine Flash-Site, diesmal mit eleganter Navigationsanimation und gepflegter Typografie. Im Hintergrund arbeitet ein robustes Content Management System.
www.bureaudillier.ch
Website «Nordtangente»
 | Screen Design: Silo 7
Technische Lösung: HTML, PHP, Flash
2007 |
Das Eröffnungsfest der Basler Nordtangente wurde im Auftrag des Baudepartements Basel-Stadt im grossen Stil beworben. Die Website schliesst eng an die Gestaltungsmittel der gesamten Kampagne von Silo 7 an. Da die Site inzwischen vom Netz genommen worden ist, zeigen wir Ihnen hier eine Archiv-Version.
nordtangente.ch (2007)
Website «ostquai.ch»
 | Screen Design: bytes & bones
Technische Lösung: HTML, PHP, JavaScript
2007 |
Die Website des Atelierhauses im Basler Hafen, in welchem auch bytes & bones Arbeitsräume haben, konzipierten wir mit CSS und JavaScript möglichst offen, damit die vielfältige Nutzung des Gebäudes flexibel wiedergegeben werden kann.
www.ostquai.ch
Website «pankraz film»
 | Screen Design: bytes & bones
Technische Lösung: HTML, JavaScript
2000/2007 |
Eine Website in eigener Sache: pankraz film ist das Label, unter welchem Sibylle Ott und Klaus Affolter seit 1992 sowohl unabhängige AutorInnenfilme als auch Auftragsarbeiten produzieren.
www.pankraz.ch
Website «Familienbündnis»
 | Screen Design: a+/Gregorio Caruso
Technische Lösung: HTML, JavaScript
2006/2007 |
Diese Website ist Teil einer breit angelegten Kampagne, mit der die Fachstelle für Familienfragen BL ihr «Baselbieter Bündnis für Familien» lanciert.
www.buendnis-fuer-familien-bl.ch
Website «Rapperswiler Tag»
Für die Fachtagung der Schweizer LandschaftsarchitektInnen machten wir eine übersichtliche und informative Website, die das Thema Architektur & Landschaft mit einem vertrackten Spiel von verschiedenen Hintergrund-Rastern visualisiert.
www.rapperswilertag.ch
Website «Bel Air 10»
 | Screen Design: bytes & bones
Technische Lösung: HTML
2003/2006 |
Für die ehrenamtlich geführte Pension Bel Air 10 konzipierten wir eine kostengünstige Website, die dank Zweisprachigkeit, Grundriss- und Anfahrtsplänen sowie einer virtuellen Hausbesichtigung ein unverzichtbares Werbe- und Informationsmittel darstellt.
www.belair10.ch
CD-ROM «Helle Nächte»
 | Gestaltung Katalog: Ursula Bürki
Screen Design: bytes & bones
Technische Lösung: Director, QuickTime, HTML
2002 |
Ergänzend zum Katalog über das Kunst-Projekt «Helle Nächte» entstand eine CD-ROM, auf welcher mittels Video die Performance- und Ton-Arbeiten der «Hellen Nächte» dokumentiert sind. Katalog und CD-ROM erschienen im Christoph Merian Verlag.
CD-ROM (Screenshots)
Website «Helle Nächte»
 | Screen Design: bytes & bones
Technische Lösung: Flash, HTML
2002 |
Das Kunst-Projekt «Helle Nächte» benötigte eine Website, die den vielfältigen Informationen zum Projekt Rechnung trägt und das fotografische Material ruckelfrei auch durch schmale Leitungen schleust. Das Web-Tagebuch konnte durch die Kuratorinnen selber geführt und publiziert werden.
www.xcult.org/helle
Website «HUB3»
 | Screen Design: bytes & bones
Technische Lösung: HTML
2001 |
HUB3.org war eine gemeinsame Netz-Plattform von Xcult, dem Projekt Museum für Kunst der Gegenwart, Bern und dem Museum für Kommunikation, Bern. HUB3 beschäftigte sich mit Fragen rund um die Netzkunst – ihre Produktion, Finanzierung, Präsentation, Vermittlung und Inventarisierung. Wir zeigen hier eine Archiv-Version der Site.
HUB3 (2001)
CD-ROM «Schweiz Version 2.1»
 | Screen Design: Emanuel Tschumi
Technische Lösung: Director, QuickTime
2001 |
Für das Expo02-Vorprojekt der Autorengruppe «panorama2000.ch» wurde eine CD-ROM zu Dokumentations- und Werbezwecken erstellt. Eingebunden wurden Bild-, Plan- und Videomaterial sowie Texte zum Projekt.
CD-ROM (Screenshots)
Website «Paul»
 | Screen Design: bytes & bones
Technische Lösung: HTML, DHTML, eigene JavaScript-Entwicklung
2000 |
Als Werbeträger für ein technisch innovatives Produkt wurde die Website «Paul» erstellt. Um die Funktionalität der illuminierten Laufschrift der Kleidung zu demonstrieren, wurde ein kleines JavaScript-basiertes Interface entwickelt, an dem Benutzer eigene Lauftexte eingeben können.
www.xcult.org/.../schoch/paul
Website «Inhouse Productions»
 | Screen Design: bytes & bones
Technische Lösung: Flash, HTML
2000 |
Für die Multimedia-Firma Inhouse Productions produzierten wir eine Website, die vor allem mit gestalterischen Mitteln auf das vielfältige Dienstleistungsangebot der Firma aufmerksam macht.
www.inhouseproductions.ch
bytes & bones wurde im Jahr 2000 von Monica Studer, Klaus Affolter und Christoph van den Berg als einfache Gesellschaft mit Sitz in Basel (CH) gegründet. Seit 2008 lenkt Klaus Affolter die Geschicke von bytes & bones als Einzelfirma, für welche Monica Studer und Christoph van den Berg projektbezogen tätig sind.
