Website Berlin Festival 2013

Web Development

Berlin Festival Website 2013

Was braucht die Berlinfestival-Website? Alles Wesentliche um ein Multi-Venue-Event abzubilden. Artist- und Line-Up-Listen, einen Scheduler um bei den vielen Spielorten nicht den Überblick zu verlieren und natürlich eine extraordinäre Farbwahl für ein Festival welches «Berlin» im Namen trägt. Art Director Berlin Festival 2013: Holger Risse. Code und Webdevelopment: splinelab, Chemnitz.

www.berlinfestival.de

Website melt! Festival 2013

YippieYippieYeah!

melt! Festival Website

Die konsequente Weiterentwicklung unseres TYPO3 Layouts für responsive und adaptive Websites mit jeder Menge Erweiterungen zum professionellen Einsatz im Festival-, oder besser gesagt, im Multi-Venue-Business kommt mit der melt! Festival 2013 Website zum Einsatz.
Als Hightlight sind zu nennen: der responsive Scheduler mit facebook-Anbindung, die Verwaltung von vier verschiedenen Farbthemen innerhalb einer TYPO3-Website und die einfache Sponsoren- und Medienpartnerlogoverwaltung. Art Director Website melt! Festival 2013: Holger Risse, Berlin.

www.melt-festival.de

Bürgerstiftung für Chemnitz

Relaunch Webauftritt

Bürgerstiftung für Chemnitz

Jede Stadt sollte eine Bürgerstiftung haben. Chemnitz hat eine! Hier treffen Ehrenamt und bürgerliches Handeln direkt aufeinander. Damit die Kommunikation auch stimmt, haben wir den Onlineauftritt vollständig überarbeitet. Die Aufteilung der Webseite wurde komplett neu strukturiert und mit einem frischen Design versehen. Im Hintergrund arbeitet TYPO3 als CMS und sorgt dafür, dass eine schnelle Bearbeitung und Aktualisierung von Seiteninhalten problemlos und einfach möglich ist.

www.buergerstiftung-chemnitz.de

Förster Welding Systems

Webdesign

Förster Welding Systems

Für Förster Welding Systems, das Unternehmen für maßgeschneiderte Schweißtische, gestalteten und konzipierten wir den Webauftritt neu. Die Farben und Formen wurden an das Corporate Design angepasst und für den Feinschliff optimiert. Hinter der Oberfläche setzten wir auf TYPO3 als Content Management System. Mehrsprachigkeit und an Kundenwünsche angepasste Funktionen wurden ebenso integriert.

www.forster-welding-systems.com

Print Design Gastrobüro

Designauftrag

Catering nach Maß

Die Firma Gastrobüro steht für maßgeschneidertes Catering. Trotz oder gerade weil es um Massenveranstaltungen geht, legt das Gastrobüro besonderen Wert auf nachhaltigen Ressourcenumgang, individuelle Händlerbetreuung und vielseitiges Cateringangebot.
Um diese Firmenphilosophie deutlich zu machen, gestalteten wir mit viel Liebe zum Detail eine mehrseitige Broschüre, Grußkarten, Umverpackungen, und jede Menge Signets. So musst das sein.

Website splash! festival 16

responsive Web Design

splash! festival

Die Website des diesjährigen splash! festivals basiert auf einem responsive Web Design Raster. Das Layout passt sich demnach an die Auflösungen der unterschiedlichen Endgeräte an. So wird zum Beispiel das Hauptmenü vom bildschirmfüllenden Horizontalmenü in ein smartphone-taugliches Listenmenü getauscht. Die technischen Finessen stecken natürlich wieder (unsichtbar) im Hintergrund, so zum Beispiel wurden TYPO3-Plugins für eine Facebookanbindung implementiert und der Artist/Timetable-Scheduler bekommt eine Frischzellenkur.

www.splash-festival.com

Mr. Meyers Oktoberfest Gaudi

Oktoberfestspezial

Web- und Print Kampagne

Für den leckersten Diner der Welt entwickelten wir die gesamte Kampapgne für die Oktoberfestwochen. Der tiefe Griff in die blau-weiße Klischeekiste zur Präsentation von Bratwurstburgern und Co. bereitete uns wirklich eine Menge Freude bei der Umsetzung der Webseite und der temporären Speisekarte.

www.meyers-diner.com

Strassshop24 – Webshop

eCommerce Projekt

strassshop24.com

Das Standard Oxid Template macht nicht viel her, wenn es um Lifestyle, Schick, Glitzer und Emotionen geht – darum haben wir es umgestaltet, um so besser die Anforderungen an die Produktpalette zu erfüllen. Damit man die Übersicht beim Shopping nicht verliert, haben wir den Warenkorb als extra herausgearbeitet. Natürlich wurden auch einige Backend Module entwickelt um den Shop weiter an die Bedürfnisse der Betreiberin anzupassen.

www.strassshop24.com

www.mister-meyers.com

Meyers Diner

it’s a nice place to eat

Die Website zum fast schon legendären Diner in Zwickau entwickelten wir auf der Basis von TYPO3 und haben zur Freude aller Tablet- und Mobilgerätenutzer auf die Flashtechnologie komplett verzichtet. Die konzeptionelle Form einer Single-Page-Lösung bietet zudem die Freiheit, im Webdesign den illustrativen Stil mit interaktiven Elementen bestens zu verbinden.

www.meyers-diner.com

Mr. Meyers says Ice Cream

Illustration Eiskarte

Mr. Meyers Diner No.1

Das Eiskarten nicht zwangsläufig laminierte Fotosammlungen von mehr oder weniger schönen Eisbechern sein müssen zeigt Mr. Meyers Eiskarte ganz gut. Ein Schuss Diner-Retro-Look, eine Brise Ulk und ausgewogene Typografie macht die Eiskarte zum Hingucker auf der Terrasse.

QR-Codes – from print to web in 3 seconds

QR-Codes

From print to web in 3 seconds

Die Integration der QR-Code-Technologie in eine Speisekarte wurde von uns für die Espitas-Restaurants in Deutschland technisch realisiert. So können ab sofort mithilfe eines internetfähigen Smartphones im Handumdrehen Videoclips aus der Speisekarte aufgerufen werden. Neben der technischen Koordination lieferten wir auch die Storyboards sowie Titelanimationen der Videos und kombinierten dies schließlich mit dem Printprodukt. Dreharbeiten, Schnitt und Postproduktion übernahm die Filmproduktionsfirma drehbox.

QR-Codes bieten heutzutage vielversprechende Möglichkeiten im Bereich des viralen Markting. Dynamische Webinhalte lassen sich klug mit Printmedien verbinden.

Die ersten Amazon Payments Integrationen

eCommerce

Die ersten Amazon-Payments-Integrationen

Mit Stolz können wir verkünden, dass wir deutschlandweit zu den ersten Entwicklern gehören, die bereits jetzt die neue Zahlungsmöglichkeit von Amazon in den Shops unserer Kunden implementieren durften. Zwei von uns entwickelte Shops wurden von Amazon ausgewählt, beim Launch von Amazon Payments in Deutschland dabei zu sein. Zusätzlich zu den altbekannten Zahlungsmöglichkeiten wie Paypal, Kreditkarte und Sofortüberweisung kann nun auch mit Amazon Payments gezahlt werden. Bezahlen über Amazon ist ein Service, bei dem man seine Amazon-Kontoinformationen nutzen kann, um schnell und einfach online zu zahlen.
www.burner.de
www.inflammable.com

Illustration Tellerrand e.V.

Illustration

Tellerand e.V.

Um das freundschaftliche Miteinander als Anliegen des Tellerrand e.V. speziell für Kinder zu verdeutlichen, entwickelten wir eine lebhafte Illustration mit verschiedensten Charakteren, die allesamt „über den Tellerrand schauen“.

In eigener Sache I

In eigener Sache

Wir sind umgezogen

Unsere Umzugsaktivitäten sind bald beendet und das neue Atelier nimmt schon ordentlich Gestalt an. Am 14. Dezember 2010 sind wir dann regulär unter der neuen Anschrift erreichbar und wir werkeln mit Hochdruck an der Fertigstellung der Räumlichkeiten. Sobald es blogwürdige Fotos und Informationen zum Fortgang gibt, halten wir euch auf dem Laufenden.

Relaunch splash! Festival 2011

Relaunch Website

Relaunch splash! Festival 2011

Der bisher größte Designwechsel des splash! Festival Designs. Die optische Reduktion auf die wichtigsten Elemente, mobil erreichbare Webinhalte und erhöhte Pflegbarkeit der Website stehen da ganz klar im Vordergrund.

www.splash-festival.de

Relaunch flyerdepot.de

eCommerce

flyerdepot.de

Für FLYERDEPOT übernahmen wir Konzeption, Layout und Umsetzung der Website. Daneben entwickelten wir einen individualisierten Webshop, der auf die speziellen Anforderungen einer Online-Druckerei zugeschnitten ist.

www.flyerdepot.de

montana-stores.com

Webdesign

montana-stores.com

Auf der Website präsentatieren sich die weltweiten MONTANA-Stores.
Das Layout hat Alex Krziwanie von MONTANA-CANS entworfen und wurde von uns als WordPress-Theme umgesetzt.

www.montana-stores.com

bootblock font

free font

BOOTBLOCK BOLD

Die Schrift BOOTBLOCK BOLD ist eine sehr kraftvolle Display-Schrift im Pixelstil der Commodore-Amiga-Ära mit den legendären Intros und Demos der zeitigen 1990er Jahre. Für Flyer, Plakate oder auch mal für Text auf einer Webseite mit kurzen Headlines eignet sich die BOOTBLOCK BOLD hervorragend.

BOOTBLOCK_BOLD.ttf (Mac & PC)

Splinelab Relaunch

Relaunch Website

splinelab.com

Endlich ist es vollbracht! Unsere Webseite bekam in den letzten Monaten ein völlig neues Gesicht: Mit dem 3D-Portfolio ist es nun möglich, interaktiv und trotzdem schnell durch ausgewählte Referenzen aus Web, Print und Animation zu navigieren. Und das ist auch noch spielend einfach. Getreu dem Motto „Ein Knopf ist genug“ kann man sich per  Mausklick im gesamten 3D-Raum bewegen. Das Projektarchiv ist der Struktur eines Blogs nachempfunden und bietet somit stets einen aktuellen Überblick zu ausgewählten Projekten von 2002 – 2010. splinelab – we combine code and design.

zum 3D-Portfolio

Espitas – Anzeige

Printanzeigen

Espitas

Gib mir ein „B”! Gib mir noch ein „B”! Und gib mir ein „Q” – BBQ!

Die Printanzeigen zum BBQ-Brunch vom Espitas wechseln thematisch das gesamte Jahr über. Um das zentrale und stets wiederkehrende Element „BBQ“ wird fast monatlich eine neue gestalterische Idee umgesetzt.

Das Modeling und Pre-Rendering entstand in Blender, das finale Compositing im Photoshop.

ESPITAS — Das Mittagsbuffet Deiner Stadt

Interactive Media

Espitas — Das Mittagsbuffet Deiner Stadt

Im Bereich der Gastronomie steht die klassische Kreidetafel für ein täglich wechselndes Angebot und aktuelle Informationen. Warum also die Idee einer solchen Tafel nicht ins Web übertragen?

Der User kann die Tafel im Web abwischen, beschreiben und Anmerkungen und Botschaften mit Kreide hinzufügen. Anschließend kann er sie, z.B. als Einladung zum gemeinsamen Essen, an Freunde und Familie verschicken.

Der dynamische Content wird aus einer Datenbank geladen; das Kalender-Abonnement und die Funktion „An-Freunde-versenden“ stützen eine wirksame Viral-Marketing-Strategie. Die 3D-Illustrationen mit Zeichenfunktion wurden in Blender, Photoshop und Flash realisiert.

www.espitas.de

Bienenwerk Erfurt

Corporate Design

Bienenwerk-Erfurt

Wir erstellten das Corporate Design für eine bekannte Erfurter Imkerei. Das Etikett hebt sich in seiner Form- und Farbgebung deutlich von denen anderer Mitbewerber ab. Das Design wurde  auch im Web konsequent weitergeführt.

www.bienenwerk-erfurt.de

SVV — Sächsischer Volkshochschulverband

Content-Management-Systeme

Die Volkshochschulen in Sachsen

Der Sächsische Volkshochschulverband e.V. ist der Fach- und Interessenverband der Volkshochschulen im Freistaat Sachsen. Er fördert die Qualitätsentwicklung der Volkshochschularbeit, koordiniert, informiert und steht den Volkshochschulen beratend zur Seite.

Wir realisierten eine Website auf Basis des Content-Management-Systems TYPO3 nach den Vorgaben des Sächsischen Volkshochschulverband e.V. Die Vorgaben in Struktur und Layout wurden vom Kunden geliefert und von uns in HTML-Templates und Typoscript umgesetzt. Die Einbindung der Kurssuche und ein interner Bereich, der nur Mitarbeitern und Dozenten zugänglich ist, runden die Website ab.

www.vhs-sachsen.de

Espitas Anzeige

Printanzeige

Espitas

Gib mir ein „B“, gib mir noch ein „B“ und gib mir ein „Q“ dazu!
Die Printanzeigen zum Espitas-BBQ-Brunch wechseln das gesamte Jahr über thematisch. Zentrale Elemente dabei sind die 3 Versalien „BBQ“.
Das Modeling, Pre-Rendering entstand in Blender, das finale Compositing im Photoshop.

Espitas Anzeige

Printanzeigen

Espitas

Gib mir ein „B“, gib mir noch ein „B“ und gib mir ein „Q“ dazu. Die Printanzeigen zum Espitas BBQ-Brunch wechseln das gesamte Jahr über thematisch. Zentrale Elemente dabei sind die 3 Versalien „BBQ“. Das Modeling, Pre-Rendering entstand in Blender, das finale Compositing im Photoshop.

splash! Festival 2010

Festival-Design

splash! Festival 2010

Für das splash! Festival 2010 entwickelten wir die Festival Site und die Magazin Site als barrierefreie Webseiten (XHTML, CSS). Umgesetzt wurde dies auf Basis des Content-Management-Systems TYPO3. Daneben übernahmen wir die Erstellung von Ad-Bannern, RSS-Widgets und Flash-Galerie-Setups sowie das Design der Merchandise-Artikel.

www.splash-festival.de

Stadtbibliothek Chemnitz

Webdesign

Stadtbibliothek Chemnitz

Für die Stadtbibliothek Chemnitz gestalteten wir das Webangebot von Grund auf neu. Funktionen wie ein RSS-Feed, ein Blog, eine umfassende Suchfunktion etc. bilden das Fundament für zukunftsichere Vernetzungen mit anderen Webportalen.

www.stadtbibliothek-chemnitz.de

streetwearbrands.de

Webdesign

streetwarebrands.de

Wie durchsucht man mehr als 60.000 Artikel aus 20 Webshops gleichzeitig?
Ganz klar: mit streetwearbrands.de – der „Suchmaschine für Klamotten und so“.

Das eigens entwickelte Suchportal erhält tagesaktuelle Produktfeeds der einzelnen Shops, sortiert und filtert sie z.B. nach Marke, Kategorie, Farbe und Preis. So kann der Suchende aus der Fülle von Markenklamotten nicht nur schnell das richtige Teil aufspüren, sondern auch gleich den günstigsten Shop finden. Obendrein gibt‘s noch jede Menge Infos zu den Marken und Onlineshops. So wird Suchen im Netz wieder einfach, getreu dem Motto: „It’s easy to find the good shit. really.”

Umgesetzt wurde die Webseite mit TYPO3 und einer eigens dafür programmierten Extension. Damit die Usability nicht zu kurz kommt, wurde das Frontend mit Ajax angereichert. Wie es sich für eine richtige Suchmaschine gehört, ist streetwearbrands.de auch als Suchanbieter in der Browserleiste integrierbar.

www.streetwearbrands.de

ilovegraffiti.de

Blog-Template

ilovegraffiti.de

Für den Lifestyle-Blog rund ums Thema Graffiti und Streetart erstellten wir ein Blog-Template für das Content-Management-Sytem WordPress.

ilovegraffiti.de

Malburg & Rost

Corporate Design

Malburg & Rost

Es muss nicht immer bunt sein: Auch klassiche Designs liegen uns. Für die Steuerberatungskanzlei Malburg & Rost entwickelten wir das Corporate Design und setzten es medienübergreifend um (Briefbögen, Visitenkarten, Webauftritt etc.). Hier kam es auf eine klare Form- und Farbgestaltung an, die das Firmenimage widerspiegelt.

www.malburg-chemnitz.de

Jägermeister

Visuals Production

Jägermeister „Dance Cube“

Für drei verschiedene Musikstile im „Dance Cube“ der „Jägermeister Dance Attack“-Promotionaktion erstellten wir Visuals für die LED-Wände im Hintergrund.

Video anschauen

Hanka Kliese

Webdesign

hanka-kliese.de

Barrierefrei, dennoch modern und ohne Verzicht auf interaktive Flashelemente  — das macht gutes Webdesign aus. Die redaktionelle Pflege kann mit TYPO3 bequem vom Kunden realisiert werden.

www.hanka-kliese.de

Splinelab Business Cards

Corporate Design

Splinelab Business Card Design

Für unsere aktuellen Visitenkarten wurden ausschließlich PANTONE-Tagesleuchtfarben vedruckt. Die Motive stellen einen Bezug zu unseren Tätigkeiten in der Gestaltung und im Bereich der Entwicklung/Programmierung her. Motive: Flip Over SL (Print Design), Geek Speak (Coding), Fragments (Database Design), Timeline (Motion Design).

raster noton — archiv für ton und nichtton

Interactive Media

raster noton — archiv für ton und nichtton

„raster-noton. archiv für ton und nichtton“ versteht sich als Plattform und Netzwerk an der verschwommenen Grenze zwischen Pop-Kultur, Kunst und Wissenschaft. Hervorgegangen aus den beiden Musiklabels rastermusic und noton treibt das Label heute die Realisierung von Musikprojekten, Veröffentlichungen und künstlerischen Installationen voran. Hinter allen Veröffentlichungen steht ein experimenteller Ansatz, eine Fusion von Klang, Kunst und Design.

Project cyclerhythm

In enger Zusammenarbeit mit raster-noton entwarfen und programmierten wir die audio-visuelle Flash-Applikation „cycle rhythm“ mit integrierter server-basierender Soundverarbeitung. Präsentiert wurde das ganze im Rahmen der Ausstellung „Audio Visual Spaces“ im November 2005 in Gent, Belgien.

cycle rhythm [beta version]

Website & Webshop

Für die in Flash programmierte Webseite wurde eine FileMaker-Datenbank erstellt, die nicht nur die Inhalte für die Webseite und den entstehenden Webshop liefert, sondern auch sämtliche Daten des Labels abbildet. Weiterhin erstellten wir Scripte für eine automatische Synchronisation zwischen FileMaker und MySQL über XML.

raster-noton.net

splash! Festival 2009

Festival-Design

splash! Festival 2009

Frei nach dem Motto „Make a Splash“ sorgt auch der alljährlich neu gestaltete Auftritt des Splash! Festivals für Aufsehen. Wir lieferten das Webdesign für die Festival Site und setzten es in TYPO3 um. Flash-Elemente sorgten für den besonderen Hingucker. Merchandise-Artikel wie Shirts kleideten ebenfalls sich in unserem Design.

 

graphotism.com

eCommerce/CMS

graphotism.com

Für das Streetart-Magazin GRAPHOTISM entwickelten wir eine Website mit integriertem Webshop, dessen Inhalte über TYPO3 gepflegt werden können. Das besondere beim Einkauf von Farben: Alle erhältlichen Farben werden in einem Farbrad dargestellt und lassen sich mit einem Klick schnell und unkompliziert in den Warenkorb legen, ohne lange Listen durchforsten zu müssen.

graphotism.com

cans24.de

eCommerce

cans24.de

Farben bestellen ohne mühevolles Scrollen durch lange Artikellisten? Das war die Aufgabenstellung an uns, als es darum ging, den Webshop für cans24.de zu gestalten. Ein integriertes Farbrad erlaubt eine übersichtliche und schnelle Suche nach dem gewünschten Farbton. Zur technischen Umsetzung des Shops gehörte insbesondere auch die Anbindung an das bestehende Warenwirtschaftssystem.

 

TYPO3 Mail Extension

TYPO3 extension

Direct Mail Return Mail Analysis

The sl_direct_mail_return extension does the same like the returnmail.phpsh script which is shipped with the direct_mail extension except it uses php imap functions to fetch returned mails from your pop3/imap mailbox. So no fetchmail installation/configuration is required on your server.

Configuration

Setup a mailbox and configure the direct_mail Module to use this mailbox as ReturnPath. See section „Configuring the analysis of returned mails” in the direct_mail manual for details. You now can use this extension to fetch returned mails from this mailbox without the use of fetchmail.

During installation of the extension you need to fill the required fields:

Type

is the type of your mailbox use IMAP, POP or IMAPS (IMAPS is not tested!). If you need special parameters you can pass your string directly to the imap_open() function. So you can e.g. use

{localhost:143}INBOX

to establish a (custom) imap connection.

Port

Inbox is the name of your Inbox usually “INBOX”.

Host is the host of your mail server.

Username and Password are used to open the connection.

Process mails per cycle define how many mails per run the script will process.

Setting up the cron job The script should configured as a cron task on the server.

In this example setting, the script will be invoked every 5 minutes and will check if any mails need to be processed:

*/5 * * * * /.../typo3conf/ext/sl_direct_mail_return/scripts/returnmail.phpsh > /dev/null

Note that the absolute path to the script must be specified.

Also note that returnmail.phpsh is a shell script and requires the availability of a PHP binary, „/usr/bin/php”. Depending on your server configuration, you may have to edit the first line of the script to refer to the location of the PHP binary.

View in TER

ESPITAS Website

Webdesign

espitas.de

Das Auge isst mit — schon beim Besuch der ESPITAS-Website. Wir gestalteten eine Website, die vom Besucher interaktiv erkundet werden kann. Das Mittagsbuffet etwa wird auf einer virtuellen Schiefertafel, ein typischer Gegenstand der Gastonomie, präsentiert. Der User kann die Tafel im Web abwischen, beschreiben und Anmerkungen und Botschaften mit Kreide hinzufügen. Anschließend kann er sie, z.B. als Einladung zum gemeinsamen Essen, an Freunde und Familie verschicken. Mit der Möglichkeit der Online-Reservierung kann sich der Gast schnell und einfach einen Tisch sichern.

Gipfelstürmer im Web

Webdesign

Gipfelstürmer im Web

Der Website des Extrembergsteigers Jörg Stingl verpassten wir einen völlig neuen Anstrich. Durch das klare und übersichtliche Design gelingt dem Besucher garantiert jede Expedition auf der Seite.  Unsere Illustrationen finden sich auch auf den Drucksachen zu den einzelnen Extremsportprojekte.
www.joergstingl.com

platinum-colors.com

Interactive Media

platinum-colors.com

Farben und Farbsprays online zu kaufen ist nichts Neues mehr, mit ihnen vorher am Bildschirm herumzuwerkeln, ist allerdings schon etwas besonderes.  Alle vorhandenen Farben können auf einer virtuellen Bank ausprobiert und getestet werden. Realisiert wurde dies durch eine integrierte Flash-Anwendung.

Molotow

Interactive Media

Molotow — Produktvisualisierung

Für einige Artikel erstellten wir Produktvisualisierungen, die die Funktionsweise der Produkte verbildlichen sollen. So zeigt sich etwa  per Mausklick, was im Innenleben einer Sprühdose passiert oder wie die Ventile der modernen Paint-Marker funktionieren.
zu den Animationen

Fresh Out The Box

eCommerce

Fresh Out The Box

„The name of this page ist the name of the game. FRESH out the BOX thats how it is.“
Der bekannte Streetwear-Store aus Heidelberg „THE FLAME“ hat mit unserer Hilfe nun seine Online-Filiale eröffnet. Der Shop ist komplett in Flash programmiert und als Backend dient ein osCommerce.

www.freshoutthebox.de

VHS Chemnitz

Webdesign

VHS Chemntiz

Die VHS Chemnitz ist eine öffentliche Weiterbildungseinrichtung, die ien lebenslanges Lernen fördert und begleitet. Auf Basis des Content-Management-Systems TYPO3 realisierten wir eine Website, deren redaktionelle Inhalte vom Kunden selbst gepflegt werden können. Erweitert wurde die Seite von uns mit der Einbindung einer Kurssuche.

Flex Upload

Freeware

FlexUpload

FlexUpload is an Adobe® Flex™ Application providing a Flash® gui to upload multiple files via HTTP at once and show nice information about the upload progress. It can be integrated in every web-application which often needs to upload multiple files e.g. image galleries. FlexUpload is free software published under the terms of the GNU General Public License.

FlexUpload Documentation

FlexUpload_1.0_2007-06-23


Flattr this