Logo-Redesign und neue Website für die Stiftung Pfennigparade
Projekt-Zeitraum: Januar 2019 – heute
Die Aufgabe: modernes Erscheinungsbild und barrierearme Website für die Münchner Stiftung
Die Stiftung Pfennigparade begleitet in München Menschen mit Körperbehinderung in allen Lebensbereichen, von der Schule über Arbeit und Wohnen bis zur Therapie. Ihre Website war über Jahre so gewachsen, dass Besucher das Angebot kaum noch fanden, und das Logo funktionierte in digitalen Anwendungen nicht mehr zuverlässig.
MWIMMERDESIGN hat Logo und Website auf Basis einer gemeinsamen Markenstrategie neu entwickelt und betreut die Website bis heute technisch.
Unsere Leistungen:
Markenstrategie Branding Website-Konzeption Webdesign Logodesign
Erfahren Sie hier mehr zu den beiden Projekten
Die Grundlage: eine Markenstrategie für die ganze Organisation
Am Anfang stand die Markenstrategie. Aus Interviews und Workshops entstanden Vision, Mission, Werte und Tonalität der Pfennigparade. Ziel war, die Pfennigparade nicht mehr als Rehabilitationszentrum zu zeigen, sondern als modernen Dienstleister, der Menschen mit Körperbehinderung ein selbstbestimmtes Leben ermöglicht.
Zentrales Ergebnis ist eine Markenarchitektur, die die ganze Organisation auf einer Seite abbildet. Die Dachmarke versteht sich als Ermöglicher. Darunter stehen die fünf Lebenswelten Bildung, Arbeit, Wohnen, Gesundheit und Freizeit, jede mit einem eigenen Versprechen, etwa „Ermöglicht Chancen im Leben“ für Bildung. Beratung, Assistenz und Pflege unterstützen über alle Lebenswelten hinweg.
Produkte und Dienstleistungen öffnen die Pfennigparade zur Wirtschaft, Projekte und Initiativen zum Sozialraum.
Logo, Slogan, Geschäftsausstattung und Website bauen auf dieser Architektur auf. Die fünf Lebenswelten gliedern heute auch die Website.
Re-Design: Das neue Logo der Pfennigparade. Fit für die „digitale“ Zukunft.
Auftraggeber: Stiftung Pfennigparade, München, gemeinnützige Stiftung, rund 2.500 Mitarbeitende
Aufgabe: Logo Redesign des Pfennigparade-Logos, Entwicklung einer barrierearmen Website mit zeitgemäßem Look für die Stiftung und die Angebote der Tochtergesellschaften.
Leistungen: Beratung, Interviews und Workshops, Markenstrategie, Markenarchitektur, Slogan (mitentwickelt), Konzeption, Logodesign, Geschäftsausstattung, UX, Webdesign, Umsetzung in WordPress, technische Betreuung
Ausgangslage
Das Logo der Pfennigparade wirkte nicht mehr zeitgemäß und wenig dynamisch. Dazu kamen technische Mängel: Die Vektorpfade waren nicht sauber angelegt, Kopf und Rumpf des Rollstuhlfahrers waren getrennte Formen, Rundungen und Übergänge nicht homogen. Vor allem für digitale Anwendungen musste das Logo überarbeitet werden.
Strategie
Grundlage für das Redesign war die gemeinsam erarbeitete Markenstrategie mit den neu definierten Werten der Pfennigparade. Da die Pfennigparade Menschen mit Körperbehinderung und anderen Beeinträchtigungen in allen Lebensphasen begleitet, war es eine Vorgabe, für das Signet den bewährten „Pfennigparade-Rollstuhl“ beizubehalten. Signet und Wortmarke wurden daher sehr behutsam optimiert.
Lösung
Für die Wortmarke wurde ein neuer, barrierearmer Schrifttyp gewählt, welcher auch als neue Hausschrift zum Einsatz gelangt. Die Formgebung des Signet wurde offener und dynamischer gestaltet und an die Anforderung digitaler Darstellungsformen angepasst.
Der Weg zum neuen Pfennigparade-Logo
Analyse des bestehenden Logos
Im Vorfeld des Redesigns erfolgte eine eingehende Analyse des bestehenden Logos. Logotype und Signet wurden auf ihre Stärken und Schwächen hin geprüft.
Das Signet
Der „Schnitt“ an der Oberkante ist sehr hart (1) und wirkt wenig menschlich.
Die Strichstärken sind wenig unterschiedlich/dynamisch und insgesamt sehr massiv (2).
Die Rundungen und Übergänge in der Form sind nicht homogen und nicht gut ausgearbeitet (3).
Die Logotype
Für das bestehende Logo kommt die „Futura bold italic“ zum Einsatz. Die Schrift ist und wirkt sehr konstruiert, unbewegt und technisch. Der gewählte Grauton wirkt etwas kraftlos und wenig kontrastreich.
Die „Futura light“, die für den Claim verwendet wird, wirkt ebenfalls sehr konstruiert, statisch und technisch. Vor allem in kleiner Darstellungsgröße (besonders am Bildschirm) ist sie, aufgrund der feinen Linien, schwer lesbar.
Fazit
Das bestehende Logo der Pfennigparade ist in die Jahre gekommen und passt nicht mehr zum neu ermittelten Werte-Kanon der Pfennigparade. Auch gestalterisch und technisch gab es zahlreiche Möglichkeiten zur Optimierung.
Optimierung des Signets
Ausgehend von der gewünschten Abstraktion (2) wurde im nächsten Schritt die Formgebung des Signets optimiert. Ziel war es, eine menschlichere, dynamischere Anmutung und eine offenere Formgebung zu erreichen, welche die Wahrnehmbarkeit des Signets erhöht.
In einem intensiven Designprozess wurden Strichstärken, Dynamik, Dikten, Offenheit und Darstellung des „Rollstuhlfahrers“ immer weiter optimiert, die Darstellung immer wieder auf Wirkung und Funktionalität getestet.
Auch die Farbgebung des Signets wurde neu konzipiert. Der neue Farbton ist kräftiger und geht klar in Richtung „Grün“ und weniger in Richtung „Petrol“. Damit wirkt er kräftig, selbstbewusst sowie menschlicher und passt besser zum neu definierten Farbton des Logofonts.
Die neue Logotype
Die Logotype (Futura heavy oblique) war zu starr und konstruiert und in ihrer Wirkung eher nüchtern und unmenschlich. Eine neue Schrift, die möglichst barrierearm und gut lesbar ist, musste gefunden werden.
Für die Logotype wird nun die „FiraGo semibold italic“ verwendet. Die neue Schrift entspricht den Vorgaben zur Barrierearmut, ist bewegter und abwechslungsreicher in der Formensprache und wirkt somit nicht mehr statisch und konstruiert. Als Farbe kommt nun ein reines Schwarz für klaren Kontrast und bessere Lesbarkeit zum Einsatz.
Das Ergebnis: ein neues, modernes und barrierearmes Logo
Das neue Signet wirkt offener, menschlicher und bewegter. Die Formgebung ist stimmig, die Kurvengestaltung ist dynamisch und vital. Die Logotype entspricht den Vorgaben zur Barrierearmut, ist ebenfalls bewegter und abwechslungsreicher in der Formensprache. Sie wirkt nicht mehr statisch konstruiert und starr. Das reine Schwarz sorgt für klaren Kontrast und bessere Lesbarkeit.
Der Redesign Prozess auf einen Blick:
Das neue Logo der Pfennigparade im Einsatz
Website Redesign: Stiftung Pfennigparade
Eine barrierearme Website, die das umfassende Angebot der Stiftung und ihrer Tochtergesellschaften übersichtlich darstellt.
Ausgangslage
Die Website der Pfennigparade war über viele Jahre gewachsen. Neue Inhalte wurden immer wieder in die bestehende Struktur eingefügt, bis das umfangreiche Angebot der Stiftung und ihrer Tochtergesellschaften für Besucher kaum noch zu finden war. Zu Projektbeginn umfasste sie über 5.000 Seiten und 13 gleichrangige Hauptmenüpunkte. Die Gliederung folgte der internen Organisation, nicht den Fragen der Besucher. Einige Angebote fehlten ganz, andere waren veraltet.
Dazu kamen technische Mängel wie fehlende Responsiveness und veraltete Links. Und obwohl sich das Angebot an Menschen mit Körperbehinderung richtet, war die Website nicht barrierearm.
Die größte Herausforderung
An der Website sind viele Bereiche beteiligt: Schulen, Werkstätten, Wohnen, Therapie, Medizin, Fundraising und die Stiftung selbst, jeweils mit eigenen Zielen und Zielgruppen. Ein Relaunch gelingt nur, wenn alle ein gemeinsames Ziel verfolgen, statt den eigenen Bereich in den Vordergrund zu stellen. Deshalb stand am Anfang kein Layout, sondern ein Gesamtbild der Organisation.
Strategie
MWIMMERDESIGN führte zahlreiche Interviews mit dem Vorstand und den Verantwortlichen der Tochtergesellschaften, Bereiche und Dienste und testete die alte Startseite mit Nutzern. Für alle wichtigen Bereiche folgten Workshops mit den jeweiligen Verantwortlichen zu Nutzern, Zielen, Inhalten, UX und UI. Daraus entstanden zwei Grundlagen: eine Markenstrategie mit einer Markenarchitektur, die Stiftung, Tochtergesellschaften, Bereiche und Angebote nachvollziehbar ordnet, und eine neue Website-Struktur.
Das Angebot wurde in die Lebenswelten Bildung, Arbeit, Wohnen, Gesundheit und Freizeit gegliedert, also so, wie Besucher suchen, und nicht so, wie die Organisation aufgebaut ist. Diese Struktur ist die Grundlage für die Seitentypen und Templates, aus denen sich die Website zusammensetzt.
Lösung
Für das Design der Seitentypen war neben den Aspekten der Übersichtlichkeit und der Ladegeschwindigkeit vor allem der Aspekt der Barrierearmut maßgeblich. So wurde als Webfont eine barrierearme Schrift (FiraGo) eingesetzt, ein System zur farbigen Codierung der Lebenswelten eingeführt und auf eine barrierearme Codierung geachtet. Die Navigation beruht auf dem Prinzip sich immer weiter verdichtender Informationseinheiten (z. B.: Bildung – Schulen – inklusive Realschule).
Alle auf der Website eingebundenen Bilder sind authentisch, d. h. sie zeigen „echte“ Mitarbeiter und Reha-Kunden in den Räumen der Pfennigparade. Diese Bildwelt bestimmt – neben der Farbkodierung und den individuellen Designelementen und Illustrationen – das Gesamtbild der neuen Website. Die Umsetzung erfolgte als WordPress-Seite.
Ergebnis
Ein Auftritt für die ganze Organisation: Stiftung, Tochtergesellschaften, Bereiche und Angebote folgen einer gemeinsamen Markenarchitektur, für Mitarbeitende und Besucher nachvollziehbar.
Ein Slogan, den die Organisation trägt: „Die Zukunft zählt auf uns“ hat MWIMMERDESIGN mitentwickelt, über mehrere Vorschlagsrunden und einen Workshop mit wichtigen Mitarbeitenden unter Leitung einer externen Beraterin. So wurde der Slogan in der Organisation breit getragen.
Angebote nach Lebenswelten statt nach Organigramm: Besucher finden über Bildung, Arbeit, Wohnen, Gesundheit und Freizeit zum passenden Angebot.
Barrierearm und geprüft: Die Abteilung für Barrierefreiheit der Pfennigparade hat die Website geprüft. Alles, was mit vertretbarem Aufwand möglich war, wurde umgesetzt.
Selbst gepflegt: Die Pfennigparade pflegt ihre Inhalte seit dem Relaunch selbst.
Langfristig betreut: MWIMMERDESIGN betreut die Website seit 2019 technisch, mit Wartung, Updates, Backups und kleineren Erweiterungen.
Weitere Informationen zu Webdesign.
Weitere Informationen zu Website-Relaunch.
Grafische Elemente, Icons und Symbole – Pfennigparade Website
Webdesign – Pfennigparade Website
Ihr Ansprechpartner
Matthias Wimmer
Bereit für ein kostenloses Erstgespräch zum Kennenlernen und für einen Austausch zu Ihren aktuellen Fragen?