Auftraggeber/Client: Bildungswerk für Alternative Kommunalpolitik e. V. , Berlin
Briefing: Neugestaltung des Logos / Logo Development
Briefing: Neugestaltung des Logos / Logo Development
Vom Bildungswerk für Alternative Kommunalpolitik e. V.
(BiwAK) aus Berlin bekam ich den Auftrag, ein neues Logo zu gestalten. Da in diesem Zuge auch die Website neu aufgelegt werden sollte, habe ich vor allem in der Konzeptionsphase eng mit meinem Kollegen und Webdesigner Deniz Cicek aus Hamburg zusammengearbeitet.
(BiwAK) aus Berlin bekam ich den Auftrag, ein neues Logo zu gestalten. Da in diesem Zuge auch die Website neu aufgelegt werden sollte, habe ich vor allem in der Konzeptionsphase eng mit meinem Kollegen und Webdesigner Deniz Cicek aus Hamburg zusammengearbeitet.
The Berlin-based educational organization for alternative local politics (BiwAK) commissioned me to design a new logo. Since the website was also to be redesigned as part of this project, I worked closely with my colleague and web designer Deniz Cicek from Hamburg, especially during the concept phase.
Ein echtes konsistentes Logo oder Gestaltungssystem gab es vorher nicht, lediglich verschiedene Kombinationen aus Schrift und Bildmotiv (Häuser, Bäume, Fernsehturm, Menschen).
Previously, there was no truly consistent logo or design system, only various combinations of typography and imagery (houses, trees, TV tower, people).
Brand Attributes
In einer ausführlichen Besprechung wurde gemeinsam versucht, den „Kern“ und die wichtigsten Merkmale des BiwAK herauszuarbeiten und mit Hilfe von Schlagwörtern (Brand Attributes) kurz und prägnant zu beschreiben. (siehe Abbildung unten)
Auch gestalterische Vorlieben und Abneigungen wurden besprochen, um von vornherein Missverständnissen während der Entwurfsphase vorzubeugen.
In a detailed meeting, we worked together to identify the core concept and key features of the BiwAK and describe them concisely using keywords (brand attributes, see image below.)
Design preferences and dislikes were also discussed to prevent misunderstandings during the design phase.
Die finale Auswahl an Brand Attributes / The final selection of brand attributes
Stylescapes
Auf Basis der Ergebnisse aus der Besprechung wurden in Figma drei „Stylescapes“ erstellt, die drei mögliche unterschiedliche grafische Richtungen/Stimmungen aufzeigen sollten, in die wir bei der Gestaltung gehen könnten.
Dieser Schritt ist sehr hilfreich, um Missverständnisse und damit auch unnötige Arbeitszeit während der Entwurfsphase zu vermeiden. Es handelt es sich hierbei allerdings ausdrücklich um keine konkreten Entwürfe, sondern um eine Hilfestellung bei der Entscheidung für einen generellen grafischen Look.
Sinnvoll ist dieser Zwischenschritt vor allem dann, wenn neben dem Logo in Zukunft auch nochandere Bereiche der Marke visuell aktualisiert werden sollen (wie in diesem Fall die Website).
Based on the results of the meeting, three "stylescapes" were created in Figma to illustrate three possible different graphic directions/moods we could explore in the design.
This step is very helpful in avoiding misunderstandings and thus unnecessary work time during the design phase. However, these are explicitly not concrete designs, but rather a guide for deciding on a general graphic look.
This intermediate step is particularly useful if, in addition to the logo, other areas of the brand are also to be visually updated in the future (such as the website in this case).
Stylescape 1
Basierend auf den Brand Attributes:
Weltoffen / Ermutigend / Verbindend
Weltoffen / Ermutigend / Verbindend
Based on the brand attributes:
Open-minded / Encouraging / Connecting
Open-minded / Encouraging / Connecting
Stylescape 2
Basierend auf den Brand Attributes:
Bildend / Klar / Kompetent
Bildend / Klar / Kompetent
Based on the brand attributes:
Educational / Clear / Competent
Educational / Clear / Competent
Stylescape 3
Basierend auf den Brand Attributes:
Inspirierend / Selbstbewusst / Urban
Inspirierend / Selbstbewusst / Urban
Based on the brand attributes:
Inspiring / Confident / Urban
Inspiring / Confident / Urban
Entwürfe/Drafts
Nachdem der BiwAK sich recht eindeutig für
Stylescape 2 entschieden hat, wurden auf dieser Basis drei verschiedene Logoentwürfe angefertigt.
Stylescape 2 entschieden hat, wurden auf dieser Basis drei verschiedene Logoentwürfe angefertigt.
Um direkt zeigen zu können, wie das neue Logo in verschiedenen Anwendungen aussehen und wirken könnte, wurden darüberhinaus verschiedene
Mockups erstellt.
Mockups erstellt.
Dadurch, dass die Farben und die grafische Richtung durch den Stylescape bereits (grob) festgelegt
waren, konnte der Entwurfsprozess wesentlich vereinfacht und beschleunigt werden.
waren, konnte der Entwurfsprozess wesentlich vereinfacht und beschleunigt werden.
After the BiwAK clearly decided on Stylescape 2, three different logo design drafts were created based on this.
In order to directly demonstrate how the new logo could look and function in different applications, variousmockups were also created.
Because the colors and graphic direction were already (roughly) defined by the stylescape, the design process could be significantly simplified and accelerated.
Entwurf 1/Draft 1
Räume schaffen und Strukturen aufbrechen/
Creating spaces and breaking down structures
Creating spaces and breaking down structures
Entwurf 2/Draft 2
Unterschiedliche Perspektiven/
Different perspectives
Different perspectives
Entwurf 3/Draft 3
Neue Gedanken, nachhaltige Konzepte/
New ideas,sustainable concepts
New ideas,sustainable concepts
Reinzeichnung/Final Artwork
Die Entscheidung fiel schnell und eindeutig auf Entwurf 1.
Also der Version, die sich am deutlichsten an dem ausgewählten Stylescape orientiert hat. Das war nicht überraschend, da der Prototyp im Stylescape schon sehr positiv aufgenommen wurde. In diesem Fall wurde dann nicht einmal eine weitere Korrekturschleife benötigt.
Abschließend wurde das Logo reingezeichnet und alle wichtigen Formate für den Print- und Onlinegebrauch exportiert und an den BiwAK übergeben.
The decision was made quickly and unequivocally in favor of Draft 1.
That is, the version that most closely adhered to the selected stylescape. This was not surprising, as the prototype had already been very well received in the stylescape. In this case, no further revisions were even necessary.
Finally, the logo was cleaned up, and all the necessary formats for print and online use were exported and submitted to BiwAK.
Auch auf der neuen Website finden sich einige Gestaltungslemente aus dem Stylescape wieder/ The new website also incorporates some design elements from the Stylescape.