Die Maus

Leistungen
Interaction and Experience Design(UI/UX)
Digital Worldbuilding
Web and App Design and Prototyping
Web and App Programming
Usability Testing
Game Developement
Interactive Infotainment
Content Production
Kunde
Westdeutscher Rundfunk Köln

Helden haben viele Gesichter.
Aber nur eines ist so schön orange.

#dc5f1e: Das ist der HEX-Wert der Farbe "Maus-Orange". Den kennen wir in der Agentur aus­wendig. Schließ­lich betreuen wir das digi­tale Zuhause der Maus schon seit 2014. In diesen Jahren sind eine um­fang­reiche Web­site und eine App ent­wickelt und aus­ge­baut worden mit dem Anspruch, die Marke digital bestmöglich zu repräsentieren.

Heute zählen Website und App zu den be­kann­testen und er­folg­reich­sten digit­alen Ange­boten für Kinder in Deutsch­land.

App Implementation

Entdecke die Welt mit der Maus: Die MausApp

Mit einer siebenstelligen Anzahl an Installa­tionen auf iOS- und Android-Geräten ist die mehr­fach aus­ge­zeich­nete App mittler­weile fester Bestand­teil der Medien­welt einer ganzen Kinder­generation.

Die App selbst ist wie ein großer MausSpot: Die großen und kleinen Fans können die Maus selbst steuern und die Maus-Welt zu Lande, unter der Erde und zu Was­ser er­kunden. Die App be­sticht durch ihre umfang­reichen Inhalte, ihre visuelle Qualität, die alters­ge­rechte Bedienung und viele verspielte Details.

App Ansicht Maus App
Sequenz aus der Maus App. Konzept, Design Programmierung von Machbar.
Sequenz aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Ansicht der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Logo der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Sequenz und Menüansichten aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.

Umfangreiche Mediathek

Zum Sehen, zum Hören und zum Staunen.

Das Herzstück der App ist die Mediathek mit der aktuellen Sendung und hunderten Lach und Sach­ge­schichten. Käpt‘n Blaubär, der kleine Maulwurf, Trudes Tier – alle Lieblinge der Kinder kön­nen durch die ein­fache Be­dienung, Filter­mög­lich­keiten oder Voll­text­suche gefunden werden.

Zu den Videos kom­men Audio-Inhalte wie die aktuelle Sen­dung zum Hören, Hör­ge­schichten und ein Ein­schlaf-Podcast. innovative Formate wie 360°Videos, ein Video­mixer, oder eine Zeit­maschine mit Clips aus 50 Jahren Maus-Ge­schichte sorgen für spie­ler­ische Abwechslung.

Sequenz aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Abbildung der Maus des WDR aus dem Jahre 1971
Sequenz und Animation aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Illustration der Spielsteuerung aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.

Game Developement

Spielraum für junge und jung­ge­bliebene Nutzer:innen – und für alte und neue Fans.

Fast die Hälfte der Nutzungs­dauer der App wird kein Bewegt­bild kon­su­miert, son­dern die Maus­welt erkundet und gespielt. Somit ist die App ein wertvoller Be­stand­teil des Erlebnis- und Identi­fikations­raums "Die Maus" geworden, der für viele Nutzer:innen sogar den ersten und zentralen Kontaktpunkt zur Maus-Welt darstellt.

Für die Maus­App haben wir über die Jahre viele Spiel­e ent­wickelt und umge­setzt. Ziel­grup­pen­gerecht, kreativ, Single- oder Multi­player und im­mer mit einem mausigen An­spruch.

Sequenz eines Spiels aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Sequenz aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Sequenz und ingame Grafik aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.

Interaction and Experience Design(UI/UX)

Verlässliche Usability mit Persön­lichkeit

Obwohl die Maus nicht spricht, versteht man sie immer. Über ihre Fähigkeit, wort­los zu kom­muni­zieren, gelingt es ihr, alle Alters­stufen anzu­sprechen: Die Maus kann jeder verstehen.

Genau das war und ist die Vor­gabe für das Navi­ga­tions- und Bedien­konzept der App: Ein verläss­liches, intuitiv zu bedie­nen­des User-Inter­face, das vor Allem – aber nicht nur – junge Nutzer:innen in den Fokus stellt und auch explo­rativ zu ent­deckende Touch­flächen mit einer positiven Aktion belohnt.

Sequenz Erklärgrafik über usability aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
„Eine zielgruppen- und medien­gerechte Auf­be­reitung eines Kult-Klassikers. Unter­halt­sam und liebevoll gemacht und dabei didak­tisch vorbildlich.“

Aus der Jurybegründung des German Design Award ("Winner Excellent Communications Design Apps", 2017)

Ansicht der Maus App für den WDR. Konzept, Design Programmierung von Machbar.

Web Implementation

Hier kommt...
die Maus Website

Selbst nach fünf Jahr­zehnten lockt „Die Sendung mit der Maus” wöchent­lich fast zwei Milli­onen kleine und große Zu­schauer vor den Bild­schirm. Und übrigens auch sehr viele vor den Computer-Bild­schirm. Denn die Website zur Sendung mit der Maus vom WDR hat es in sich.

Über vier zurück­haltend ani­mierte Ein­stiegs­welten kön­nen immer wieder neue Inhalte wie Lach- und Sach­ge­schichten, Lieder, Rezepte, Bastel­ideen, Spiele und vieles mehr ent­deckt werden. Auch Themen-Specials wie das große Weltall-Special oder saisonale Themen-Seiten charakterisieren die digitale Heimat der Maus. Eine Spaß- und Infor­ma­tions­quelle nicht nur für Kinder!

Screen Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Menüansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Ingame Animation aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Ingame Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Screen Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Screen Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.

Machbar hat das inhaltliche, grafische und technische Konzept der Website entwickelt, das Screen-Design entworfen und die komplette Website programmiert. Dabei wurde die Seite im WDR eigenen Redaktionssystem umgesetzt. Eine Vielzahl von individuellen Modulen ermöglicht der Redaktion, neben Standard Medieninhalten auch umfangreiche Themen-Strecken mit flexiblen Inhaltsformaten umzusetzen.

Screen Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Screen Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.
Screen Ansicht aus der Maus App für den WDR. Konzept, Design Programmierung von Machbar.

Wir haben noch mehr gemacht.