Web – Eps51

Project service: Web

Wilde Wurst

Berliner Bratwurstkreationen mit Wild aus Brandenburger Wäldern und ausschließlich frischen Zutaten.

KundeThomas Barthelmes

Jahr2023–fortlaufend

LeistungenWeb Design
Programmierung

HintergrundWilde Wurst entwickelt regelmäßig neue Wurstkreationen. Dabei haben sie den Anspruch, frische Zutaten und Fleisch aus lokaler Produktion zu verwenden. Das Unternehmen verkauft nicht nur seine Produkte online, auf verschiedenen Märkten und dauerhaft in der Markthalle Neun, sondern bietet auch Catering-Services für Veranstaltungen aller Art an.
Wir haben die Website entworfen und dabei den Schwerpunkt auf Klarheit, Charakter und ein spielerisches, aber dennoch funktionales Einkaufserlebnis gelegt. Zusätzlich zum Webdesign haben wir die Produktbilder für den Shop erstellt, indem wir die Wurst- und Fleischkreationen direkt gescannt haben. Das Ergebnis ist eine unverwechselbare, taktile Bildsprache, die den praktischen Ansatz der Marke unterstreicht.

Der Shop umfasst sowohl experimentelle Kreationen als auch zeitlose Klassiker. Bevor ein neues Produkt im E-Commerce-Shop erhältlich ist, bringt Thomas die neueste Wilde Wurst Kreation in unser Studio. Anstatt sie zu fotografieren, legen wir das Produkt auf unseren Scanner. Das fühlt sich zwar immer etwas falsch an, sorgt aber für eine präzise, fast brutale Klarheit und unterstreicht die kühne, kompromisslose Ästhetik der Website.

„Eines Tages begleitete ich einen Bekannten auf der Jagd. Wir zerlegten das Wild und verarbeiteten es eigenhändig zu Wurst. Der Prozess hat mich fasziniert. Er hat meinen Respekt vor dem Tier und meine Wertschätzung seines Fleisches wesentlich gesteigert.“

Zurück zur Projektübersicht

Tanzfabrik Berlin

Unsere Zusammenarbeit mit der Tanzfabrik Berlin reicht viele Jahre zurück und umfasst Beratungen, Design, Webentwicklung und filmische Produktionen.

Kund:inTanzfabrik Berlin

Jahr2018–fortlaufend

LeistungenBeratung
Workshops
Branding
Visuelle Identität
Buch
Corporate Design
Redaktionsdesign
Motion Design
Poster
Print Medien
Social Media Konzept
Webdesign

HintergrundDie Tanzfabrik Berlin genießt als Produktions- und Aufführungsort sowie Schule für zeitgenössische Tanztechniken seit mehr als 40 Jahren nationale und internationale Anerkennung in der Tanz- und Performance-Szene und darüber hinaus. Ausgehend von mehreren Workshops haben wir dem Team der Tanzfabrik dabei geholfen, seinen Kosmos rund um die Kunst des Tanzes, der Performance und der Ausbildung zu verstehen, zu strukturieren und zu schärfen. Der gemeinsam entwickelte Identitätskompass diente als Grundlage für das visuelle Konzept, das wir für die beiden Zweige SCHULE und BÜHNE entwickelt haben. Es verbindet beide Bereiche visuell miteinander und gibt ihnen dennoch genügend Freiheit, um individuell auf ihre eigenen Bedürfnisse einzugehen.

Website
www.tanzfabrik-berlin.de

Credits
Cover Photo von Marc Schuhmann (2015)

Photo: Udo Hesse (1982)

Das Designkonzept kann vom hauseigenen Team der Tanzfabrik problemlos an verschiedene Medien angepasst werden.

Zeitgenössischer Kurs „From Inside to Outside“ von Marion Sparber

Improvisation von Sita Ostheimer
Zurück zur Projektübersicht
animated illustrations

Frauenhaus
Cocon

Das Frauenhaus Cocon bietet seit über 30 Jahren Schutz und Unterstützung für Frauen in Krisensituationen.

KundeFrauenhaus Cocon

Jahr2024 – ongoing

LeistungenWebdesign
Printdesign
Visual Identity

Aufgabe | HintergrundBei der Behandlung sensibler Themen wie sexualisierter Gewalt und emotionaler Not neigt die visuelle Kommunikation oft zu dunklen, schweren und bedrückenden Tönen. Gemeinsam mit dem Team des Frauenhauses Cocon haben wir uns jedoch bewusst für einen anderen Ansatz entschieden. Unser Konzept konzentrierte sich darauf, die Unterkunft als warmen, einladenden Zufluchtsort darzustellen.

Die Website wurde mit der Absicht gestaltet, einen sicheren, zugänglichen und stärkenden Raum für Frauen in Krisensituationen zu schaffen. Unser Hauptaugenmerk lag darauf, eine Plattform zu entwickeln, die nicht nur informativ, sondern auch von tiefem Einfühlungsvermögen geprägt ist. Wir haben sorgfältig Sicherheitsfunktionen implementiert und für eine reibungslose, intuitive Navigation gesorgt, um eine Umgebung zu schaffen, die die Kernwerte der Organisation verkörpert: Schutz, Unterstützung und Empowerment.

Websitewww.frauenhaus-cocon.de

Die Verwendung von Illustrationen ermöglicht eine weichere, universellere Darstellung und vermeidet direkte Assoziationen, die provozierend oder befremdlich wirken könnten.

Das Logo wurde sorgfältig in acht Sprachen und drei verschiedene Schriftsysteme übersetzt, um Barrierefreiheit und Inklusivität zu gewährleisten und es für Frauen aus verschiedenen sprachlichen und kulturellen Kontexten einladend zu gestalten.

Illustration animiert für Geschichte des Frauenhauses Illustration animiert für Geschichte des Frauenhauses
Mobile Ansicht Mobile Ansicht

Barrierefreiheit und Sicherheit stehen im Vordergrund. Die Website ist in acht Sprachen verfügbar, darunter Easy Language und Deutsche Gebärdensprache (DGS). Ein permanenter Notfallbutton gewährleistet jederzeit sofortigen Zugang zu Hilfe.

Für zusätzliche Sicherheit haben wir einen „Exit“-Button integriert. Mit einem Klick oder Fingertipp leitet die Website zu Google weiter und blockiert die Zurück-Funktion, um Spuren des Besuchs zu verhindern. Dies gewährleistet eine schnelle, diskrete Flucht in potenziell gefährlichen Situationen. Außerdem verblasst das Wortzeichen „Frauenhaus Cocon“ beim Herunterscrollen, sodass es auf den ersten Blick weniger erkennbar ist.

animierte Illustration für Leben im Frauenhaus mit Kind animierte Illustration für Leben im Frauenhaus mit Kind
animated illustration for public relations and networking animated illustration for public relations and networking
Zurück zur Projektübersicht

Europäische Allianz der Akademien

Die EAoA verurteilt den Krieg gegen die Ukraine, lädt ukrainische Kunstakademien zur Teilnahme ein und ruft zum Dialog mit Künstler:innen in Russland und Belarus auf.

Kund:inAkademie der Künste Berlin

Jahr2020–fortlaufend 

Leistungen 
Webdesign
Visuelle Identität
Print Medien

Hintergrund 
Die Europäische Allianz der Akademien hat sich zum Ziel gesetzt, eine Allianz von Kunstakademien und Kultureinrichtungen in ganz Europa zu initiieren – ein transnationales Netzwerk, das sich für die Freiheit der Künste einsetzt. Wir entwickelten die visuelle Identität und erstellten eine Website, die Live-Streaming und Online-Konferenzen ermöglicht. Für die Veranstaltungen in ganz Europa haben wir ein visuelles Konzept entwickelt, das an individuelle Themen angepasst werden kann. Der internationale Ansatz wird durch die Einbindung aller Sprachen der Europäischen Union auf der Website visualisiert.

Für die Freiheit der Künste haben sich 60 Kunstakademien und Kulturinstitutionen aus ganz Europa, 24 Sprachen und 26 Länder zusammengeschlossen.

Für Hybrid-Events und Livestreams in Berlin, Budapest, Madrid, Amsterdam und anderen Städten haben wir ein flexibles typografisches Raster sowie Formen entwickelt, die die einzelnen Themen widerspiegeln.

Photo: Maarten Nauw
Photo: Maarten Nauw
Photo: Marcus Lieberenz
Photo: Maarten Nauw
Photo: Maarten Nauw
Photo: Marcus Lieberenz
Zurück zur Projektübersicht

Art Reoriented

Das renommierte Kuratoren-Duo Sam Bardaouil und Till Fellrath gründete die multidisziplinäre kuratorische Plattform Art Reoriented.

Kund:inSam Bardaouil und Till Fellrath

Jahr2019

LeistungenVisuelle Identität
Logo
Webdesign

HintergrundBardaouil und Fellrath gründeten Art Reoriented, um herkömmliche Modelle des kulturellen Engagements neu zu überdenken. Im Einklang mit der inklusiven Herangehensweise des Duos in künstlerischen und institutionellen Praktiken setzt unser visuelles Konzept auf eine klare, große Typografie, um eine übersichtliche Inhaltshierarchie zu schaffen. Gleichzeitig wird das Dokumentationsmaterial, das alle Ausstellungen und Projekte präsentiert, besonders hervorgehoben.

Zurück zur Projektübersicht

LOOM
Interweaving the Arts in
Europe

Unser virtueller Teppich verknüpft Kunstprojekte, Künstler, Institutionen und Veranstaltungen miteinander und spiegelt so alle Informationen und Aktivitäten auf der Kunstplattform wider.

Kund:inAkademie der Künste Berlin 

Jahr2022

LeistungenWebdesign

Hintergrund„LOOM – Interweaving the Arts in Europe“ hat sich zum Ziel gesetzt, künstlerische Initiativen der Europäischen Allianz der Akademien zu präsentieren. Diese Allianz ist ein transnationales Netzwerk, das sich für die Freiheit der Künste einsetzt. Die Plattform stärkt das Netzwerk, erhöht dessen Sichtbarkeit und schafft eine Grundlage für intensivierte transnationale Projekte, künstlerische Zusammenarbeit, Kreation und Kommunikation. Bei der Entwicklung der Website lag der Fokus auf einem visuellen Konzept, das experimentell ist, die Kreativität der Künste widerspiegelt und gleichzeitig benutzerfreundlich, barrierefrei und klar strukturiert ist.

ProgrammierungInhouse


Da Loom ein Projekt der Allianz der Akademien ist, werden auch die gleichen Corporate-Design-Elemente verwendet: Logo, Schriftarten und Farben. Für das LOOM-Logo haben wir mehrere Varianten entworfen. In Anlehnung an die Themen Verflechtung und Vernetzung wird das Logo stets aus einer dünnen Linie bzw. einem Nähfaden aufgebaut und animiert.

In Anlehnung an das Thema „Verflechtung“ haben wir auf der Startseite einen virtuellen Teppich geschaffen. Dieser verwebt alle Informationen und neuen Aktivitäten zu einem endlosen Teppich. Über den Teppich können Nutzer auf experimentelle Weise alle Informationen auf der Website erkunden. Alternativ kann das Hauptmenü verwendet werden, um auf alle Informationen zuzugreifen. Alle Informationen sind über Tags und Kategorien miteinander verbunden und können jederzeit auf jeder Seite gefiltert werden.

Die Kunstprojekte können von den Künstler:innen selbst erstellt werden. Mit maximaler Freiheit können sie individuelle Layoutmodule, benutzerdefiniertes HTML, Bilder, Videos und 3D-Elemente sowie Hintergrundeinstellungen, Schriftarten und Farben verwenden, um eine einzigartige Kunstseite zu gestalten.

Zurück zur Projektübersicht

Bureau Ritter

Bureau Ritter konzipiert und realisiert erfolgreiche Förderprogramme und unterstützt Künstler:innen, Ensembles, Veranstaltungsorte und Produktionsfirmen.

Kund:inBureau Ritter

Jahr2022

LeistungenStrategie
Workshops
Branding
Visuelle Identität
Printmedien
Website
Social Media

HintergrundDas Bureau Ritter ist eine internationale Kulturorganisation mit Sitz in Berlin, die innovative Strategien und Förderprogramme für Kunst und Kultur – mit besonderem Schwerpunkt auf Tanz – umsetzt. Bureau Ritter zeichnet sich durch die Karriere seiner Gründerin Madeline Ritter sowie ihre Leidenschaft für die Gestaltung von Veränderungsprozessen aus.

Neben einer neuen visuellen Identität haben wir in einem Workshop einen neuen Namen entwickelt, der die Markenidentität von Bureau Ritter widerspiegelt. Darüber hinaus haben wir eine Welt aus abstrakten Formen geschaffen, die fließend miteinander interagieren und zum Erscheinungsbild des neuen Logos passen.

Das neue Webkonzept ermöglicht eine einfache Navigation zwischen den einzelnen Förderprogrammen.

Eine klare Struktur erleichtert Bewerber:innen den Zugang zu Informationen

Zurück zur Projektübersicht

Stiftung Berliner Mauer

Sechs historische Orte vereient auf einer Website, strukturiert und neu visualisiert: klare Struktur, starke Bildsprache, nachhaltige Nutzerführung.

Kund:inStiftung Berliner Mauer
Jahr2021

LeistungenWorkshops
Webdesign
Web–Anwendung
Barrierefreies Konzept
Social Media Konzept

HintergrundDie Stiftung Berliner Mauer vereint sechs historische Orte: die Erinnerungsstätte Notaufnahmelager Marienfelde, die East Side Gallery, die Gedenkstätte Berliner Mauer, die Gedenkstätte Günter Litfin, den Checkpoint Charlie, sowie das Parlament der Bäume gegen Gewalt und Krieg. Alle Gedenkstätten der Stiftung erinnern ihre Besucher an die Teilung Berlins und Deutschlands. Für die Website entwickelten wir eine neue Struktur und ein neues visuelles Konzept, das alle Angebote und alle Standorte inhaltlich, strukturell und visuell vereint.

Die Hauptaufgabe bestand darin, eine Struktur und Navigation zu entwickeln, die alle verschiedenen historischen Stätten miteinander verbindet. Während auf der Startseite alle Angebote und Aktivitäten sowie allgemeine historische Informationen über die Mauer und die DDR präsentiert werden, zeigen die Unterseiten der einzelnen Orte nur die ortsspezifischen Informationen. Die Website ist eine Plattform für digitale Besucher:innen, Forscher:innen, Tourist:innen und Einheimische, die hier ihre Führungen durch das historische Berlin buchen können.

East Side Gallery, Gedenkstätte Berliner Mauer, Erinnerungsstätte Notaufnahmelager Marienfelde, Gedenkstätte Günter Litfin, Checkpoint Charlie, Parlament der Bäume

Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer
Photo: Stiftung Berliner Mauer

Mit mehr als fünf Millionen Besuchern und rund 4.100 Führungen pro Jahr zählt die Stiftung zu den bedeutendsten Einrichtungen für historische, politische und pädagogische Arbeit in Berlin und Deutschland.

Über die Navigation in der oberen linken Ecke können Benutzer:innen jederzeit zwischen den verschiedenen Standorten bzw. Websites wechseln. Das Hauptmenü lässt sich an die Anforderungen jedes einzelnen Standorts anpassen.

Die Website sowie die Inhalte der Hauptseite der Stiftung sind in Dunkelblau gehalten – passend zur Corporate Identity. Die Unterseiten der verschiedenen Standorte hingegen sind in Weiß und Hellgrau gestaltet.

CORAL wird für historische Informationen, Online-Sammlungen oder digitale Angebote (Online-Ausstellungen und -Führungen) verwendet.

LIGHT BLUE wird für allgemeine Informationen über die Organisation, Teamkontakte, Partner und Presse verwendet.

GRÜN wird für Informationen zu Standorten oder Aktivitäten vor Ort verwendet.

Die Website bietet unter anderem Führungen, Ausstellungen, Online-Sammlungen, Archive, Workshops, Veranstaltungen, Augenzeugenberichte, Audio-Spaziergänge, AR-Apps, Podcasts sowie eine Bildungsplattform für Online-Angebote.

Photo: Michael-Reiner Ernst
Photo: Michael-Reiner Ernst
Photo: Edmund Kasperski
Photo: Stiftung Berliner Mauer
Photo: Michale-Reiner Ernst

Die Website wurde gemäß den WCAG-2-Standards für Design und Programmierung erstellt. Sie umfasst interaktive Karten, Filteroptionen, einen Kalender, einen Videoplayer mit Audio-Transkription und Gebärdensprache sowie Buchungsformulare und redaktionelle Seiten mit On-Page-Navigation.

Obwohl alle standortspezifischen Seiten derselben Struktur folgen, können die Untermenüs und das Seitenlayout für jeden Standort individuell angepasst werden.
Der Kalender auf der Website der Stiftung listet alle Veranstaltungen der einzelnen Standorte auf. Einige Führungen sind öffentlich, während Gruppen und Familien auch individuelle Führungen buchen können.

Barrierefreiheit bedeutet auch, dass Informationen in verschiedenen Versionen bereitgestellt werden. Der Videoplayer auf der Website bietet viele Möglichkeiten und Einstellungen, beispielsweise für Sprache, Untertitel, Audiobeschreibung und Gebärdensprache. Die technische Umsetzung stellt dabei meist kein Problem dar, die Erstellung der Übersetzungen und Videos für die Institutionen ist hier die größere Herausforderung.

Zurück zur Projektübersicht

Jens Backhus

Zeitlose, schlichte Möbel und maßgefertigte Einrichtungsgegenstände aus hochwertigen, authentischen Materialien, kurz: Jens Backhus.

Kund:inJens Backhus

Jahr2023

LeistungenVisuelle Identität
Logo
Website

HintergrundJens Backhus und sein Team, planen und realisieren zeitlose, schlichte Möbel und Einbauten nach Maß aus hochwertigen und authentischen Materialien. Passend zu seinem minimalistischen Ansatz entwickelten wir ein einprägsames und zeitloses Corporate Design und Logo, das auf verschiedene Medien angewendet werden kann. Umgesetzt wurden u.a. die Geschäftsausstattung, mit Rechnungsvorlage, Stempel und die Website inklusive Programmierung (WordPress).

Jedes einzelne Stück, das die Werkstätten verlässt, wurde von erfahrenen Handwerkern mit viel Liebe zum Detail gefertigt.

Zurück zur Projektübersicht

Staatsballett Berlin

Eine prägende Institution, die zeitlose Eleganz und dynamische Energie verkörpert und damit Berlins lebendige Kulturlandschaft bereichert.

Kund:inStaatsballett Berlin

Jahr2023–fortlaufend

LeistungenBeratung 
Workshops 
Visuelle Identität 
Kamgagnenstrategie
Motion Design 
Posterserie
Print Medien 
Webdesign

HintergrundAls eines der führenden Ballettensembles Deutschlands spielt das Staatsballett Berlin eine wesentliche Rolle bei der Entwicklung und Bewahrung der Ballettkunst sowohl auf lokaler als auch auf internationaler Ebene. Dieses Projekt ermöglichte es uns, in die Welt des Tanzes einzutauchen, seine Anmut, Energie und Emotionen einzufangen und in eine visuelle Erzählung zu übersetzen. In enger Zusammenarbeit mit dem großartigen Team des Staatsballetts Berlin haben wir ein Design geschaffen, das unserer Meinung nach sowohl die Kunst des Balletts als auch zeitgenössisches Design widerspiegelt.

Zurück zur Projektübersicht