Redesign für die Stiftung Pfennigparade

Logo-Redesign und Website für das Münchner Inklusionsunternehmen

Die Vielfalt der Leistungen der Stiftung Pfennigparade erlebbar und die Kommunikation der Pfennigparade fit für digitale Anwendungen zu machen, waren die Ziele eines intensiven Prozesses.

Die Ergebnisse können sich sehen lassen. Gemeinsam mit dem Kunden entwickelt MWIMMERDESIGN eine neue Website und das neue Logo der Stiftung Pfennigparade.

Unsere Leistungen:

Branding Webdesign Logodesign

Erfahren Sie hier mehr zu den beiden Projekten

Pfennigparade: Broschürengestaltung
Pfennigparade: Visitenkarte im Bereich Arbeit

Re-Design: Das neue Logo der Pfennigparade. Fit für die „digitale“ Zukunft.

Auftraggeber: Stiftung Pfennigparade, München, gemeinnützige Stiftung, über 2.000 Mitarbeiter

Aufgabe: Überarbeitung (Redesign) des Pfennigparade-Logos, Entwicklung einer barrierearmen Website mit zeitgemäßem Look für die Stiftung und die Angebote der Tochtergesellschaften.

Leistungen: Beratung, Workshops, Strategieentwicklung, Konzeption, Logodesign, UX, Webdesign, Umsetzung in WordPress

Ausgangslage – Thema und Aufgabe

Das bestehende Logo der Pfennigparade ist nicht mehr zeitgemäß und weist einige technische Unzulänglichkeiten auf. Es soll – besonders im Hinblick auf digitale Anwendungen – modernisiert werden.

Strategie – Der Weg zum Ziel

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 – Umsetzung

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 optimal ausgestaltet (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 design-technisch sich zahlreiche Möglichkeiten zur Optimierung.

Optimierung des Signets

Signet-Überarbeitung: diverse Abstraktionsgrade

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.

Signet-Überarbeitung: Optimierung der Formgebung

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.

Signet-Überarbeitung: Neues und altes Signet im Vergleich

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

Briefpapier und Visitenkarten
Transporter
Broschüre
Branding für die Pfennigparade: Beschilderung
Beschilderung
Branding für die Pfennigparade: Poster EBS
Plakate

Sie suchen solide Unterstützung für Ihr Corporate Design?

Bei uns sind Sie richtig: vom sanften Re-Design eines bestehenden Brandings bis zum kompletten Corporate Design für Startups.

Sprechen Sie doch einfach mit uns. Kostenlos und unverbindlich.

+49 89 54 32 86 570

office@mwimmerdesign.de

Website Redesign: Stiftung Pfennigparade

Eine barrierearme Website, die das umfassende Angebot der Stiftung und ihrer Tochtergesellschaften übersichtlich darstellt.

Pfennigparade: Website Darstellung auf Smartphone, Desktop-Rechner und Tablet

Ausgangslage – Thema und Aufgabe

Der bestehende Internetauftritt der Pfennigparade mit ihrer über 60-jährigen Geschichte, ihren 80 Einrichtungen und Diensten und ihren 2.500 Mitarbeitern konnte das umfassende Angebot der Stiftung und ihrer 16 Tochtergesellschaften nicht mehr adäquat abbilden. Über die Jahre war die Seite in alle Richtungen gewachsen und nur mehr schwer navigierbar. Einige Teile des Angebots wurden nicht, andere veraltet dargestellt.

Insgesamt war die Darstellung stark von der Innensicht der Pfennigparade bestimmt und für die User schwer nachzuvollziehen. Neben konzeptionellen und inhaltlichen Baustellen wies der Auftritt auch technische Mängel auf, wie fehlende Responsiveness, veraltete Links, etc. Die dringlichste Aufgabe war daher eine strukturelle und verständliche Neu-Ordnung des Angebots der Pfennigparade als Basis für den Website-Relaunch.

Strategie – Der Weg zum Ziel

In zahlreichen Interviews wurden die Inhalte und Anforderungen der einzelnen GmbHs und Dienste sowie der Stiftung als Muttergesellschaft gesammelt. Um die umfangreichen Inhalte in eine nachvollziehbare Website-Struktur zu überführen, wurde das Angebot in die Lebenswelten „Bildung, Arbeit, Wohnen, Gesundheit und Freizeit“ unterteilt und die Inhalte den jeweiligen Lebenswelten zugeordnet.

So entstand eine Struktur die Nutzer-fokussiert und relativ leicht zu navigieren ist. Diese Struktur diente als Grundlage für die Entwicklung entsprechender Seiten-Typen und Templates, aus denen sich die Site zusammensetzt.

Lösung – Umsetzung

Für das Design der Seitentypen war neben den Aspekten der Übersichtlichkeit und der Ladegeschwindigkeit vor allem der Aspekt der Barrierefreiheit maßgeblich. So wurde als Webfont eine barrierearme Schrift (FiraGo) eingesetzt, ein System zur farbigen Codierung der Lebenswelten eingeführt und natürlich auf eine Barrierefreiheits-konforme 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.

Zu unseren Leistungen als Webdesign-Agentur

Grafische Elemente, Icons und Symbole – Pfennigparade Website

Schriften, Icons, Symbole
Illustrationen, Icons, Farbschema

Webdesign – Pfennigparade Website

Pfennigparade: Screenshot Startseite (Homepage)
Desktop-Ansicht: Startseite
Pfennigparade: Screenshot Landingpage „Unternehmen“
Desktop-Ansicht: Für Unternehmen
Pfennigparade: Screenshot Landingpage „Über uns“
Desktop-Ansicht: Über uns
Pfennigparade: Screenshot Landingpage „Produkte & Dienstleistungen“
Desktop-Ansicht: Produkte und Dienstleistungen
Pfennigparade: Screenshot Landingpage „Arbeit“
Desktop-Ansicht: Arbeit