In diesem (wirklich sehr ausführlichen) Blogbeitrag zeige ich dir, wie ein kreativer, iterativer Design-Prozess aussieht.
Er entstand wie ein Tagebuch begleitend zur Logo-Entwicklung und soll dir verdeutlichen, wie aufwendig die Entwicklung eines Design ist. Wie viel Hirnschmalz und kreatives Wissen darin steckt und wie viele Entwürfe du wahrscheinlich als Kund:in gar nicht zu Gesicht bekommst. Selbst, wenn es wie in diesem Fall, eigentlich nur um eine Überarbeitung des bestehenden Logos für einen neuen Business-Bereich gehen sollte.

Christine Volk-Uhlmann kam Ende Januar 2023 zu mir über meinen Netzwerkkontakt, Danielle Gesa Löhr, die mich als Jimdo-Spezialistin und Grafikdesignerin für ihr erweitertes Herzens-Business empfohlen hatte. Danielle begleitet sie derzeit noch mit Rat und Tat auf ihrem Weg von der Kleinunternehmerin zur (ernstzunehmenden) Unternemerin.

Ihre „Flaschenpost“ enthielt bereits für das Erstgespräch hilfreiche Infos zu ihrem Herzens-Projekt:
Bislang hatte sie als Kleinunternehmerin hauptsächlich Bogenschieß-Kurse und Kindergeburtstage angeboten. In Zukunft werde sie auch für Firmen tätig sein und da sei die aktuelle Website nicht das Richtige.

Was sie brauche sei ein neues Logo (alter Name aber im Business-Look) und eine neue Website mit ihren künftigen Markenfarben, sowie einen ansprechenden Auftritt, der in Zukunft um weitere Zielgruppen erweitert werden könne.

Wenn das Design steht, möchte sie ihren Internetauftritt selber aktuell halten können. Ihre bisherige Webpräsenz habe sie 2016 mit Jimdo selbst aufgesetzt, brauche aber noch etwas gestalterischen und technischen Support.

Das alte Logo, das jetzt nur noch für den Privatkundenbereich und Familien genutzt werden sollte, sieht so aus …

Das 30-minütige Erstgespräch am 26. Januar per Telefon habe ich genutzt, um weitere Informationen zu ihrem Projekt zu bekommen.

Christine stellte sich die Frage stellt, ob sich das Invest in ein professionelles Logo für sie bezahlt macht. Sie sei nämlich mit einem weiteren Grafikdesigner/Webdesigner im Austausch, der sie auf eine Plattform zur viel günstigeren Generierung eines Firmenlogos aufmerksam gemacht habe.
Ich nenne es hier bewusst „Logo-Generierung“, denn mit Logo-Entwicklung, wie ich sie als Kommunikationsdesignerin verstehe, hat die dort angebotene Dienstleitung nichts zu tun!

Im Telefonat konnte ich ihr den Nutzen meines Corporate Design Pakets ausführlich erklären und sie schließlich davon überzeugen. Die „abgespeckte“ Version für eine Logo-Entwicklung ohne Beratung und Analyse war damit vom Tisch.

Ende Februar

An dieser Stelle noch mal ein gaaaanz herzliches Dankeschön an die Kollegin Gudrun Wegener (Achtung Designer), für ihre Steilvorlage.

Meine Onboarding-Mail enthalten ein herzliches Willkommen und die nächsten Schritte auf dem Weg zum Herzens-Design:

1. Checkliste Briefing als PDF
2. Markenworkshop mit Design-Analyse
3. Entwurfsphase
4. Korrekturphasen
5. Umsetzungsphase
6. Finale Design-Übergabe
7. an welchen Tagen bin ich wie zu erreichen
8. Hinweis zum Datenschutz.

Es muss ja auch alles seine Ordnung haben. ;-)

Am Tag darauf gibt’s eine weitere Mail mit einer am Rechner ausfüllbaren Checkliste zum Briefing und das Merkblatt „Warum ein gutes Briefing so wichtig ist“ hilft für eine gute Vorbereitung auf den Workshop per Zoom.

Foto vom Posting bei LinkedIn

Anfang März fand der Markenworkshop per Zoom statt.

Im begleitenden Coaching mit Danielle hatte sich Christine bereits mit ihren Archetypen, bevorzugten Farben und Schriftstilen auseinandergesetzt und so ein gutes Gefühl für ihr Herzens-Business – und ihr zukünftiges Logo – entwickelt.

Mit dem Ausfüllen der „Checkliste Briefing“ ermutige ich meine Kund:innen, sich mit ihrem Herzens-Business tiefergehend auseinanderzusetzen, indem sie grundlegende Fragen zur Zielgruppe, Positionierung, zum Ziel des Designs und dem erhofften Ergebnis unserer Zusammenarbeit beantworten.

Diesen Fragebogen werte ich aus und nutze die Ergebnisse als Grundlage für den Design-Prozess.

Anhand dieser Anlyse konnte ich ihr bereits im Workshop erste Skribbles, verschiedene Schrifttypen und mögliche Symbole für die Bildmarke zeigen.

Wir konnten die Auswahl sehr schnell eingrenzen, weil sie einige Schrifttypen und Gestaltungsansätze direkt ausschloss.
Das ist Teil des Designprozesses.

Manchmal sind Kund:innen überrascht, wenn sie all die ungenutzten Designs zu Gesicht bekommen und drücken mir im Nachhinein noch ihr Mitgefühl aus, dass ich mir „so viel Arbeit“ gemacht habe und so vieles „in der Tonne landet “.

Das ist es, was ich als Designerin tue: Erarbeiten, verwerfen, verbessern, verwerfen, optimieren, … bis wir am Ziel sind.
Design ist ein iterativer Prozess.

Nach so einem Termin kreisen meine Gedanken Tag und Nacht um Dein Herzens-Design. Es ist fast nicht möglich zwei Design-Aufträge für Logo Design gleichzeitig zu bearbeiten.
Ich gehe ins Bett mit Deinem Design und wache auf mit Deinem Design. Oftmals auch nicht erst am Morgen, sondern mitten in der Nacht, weil ich eine oder mehrere Ideen habe, die ich unbedingt kurz aufzeichnen muss, damit ich sie nicht vergesse.

Am Ende unseres ersten 90-minütigen Zoom-Meetings waren die Zielvorgaben für das Design klar definiert und meine Kreativität war angeknipst.

Im Workshop haben wir also 3 Schrifttypen ausgesucht und ihre 3 Wunschfarben noch konkreter festgelegt.
Ihre Wunschfarben habe ich anhand von gestellten Farbmuster aus einem HKS-Fächer herausgesucht. Eine Farbabstimmung am Bildschirm oder auf dem eigenen Drucker ist nämlich zu ungenau.

Von den gezeigten Skribbles haben ihr 3 gefallen, die ich weiterverfolgen sollte. Und von den vorgestellten Stilrichtungen kam lediglich eine infrage.

Beim genaueren Blick auf die Zielgruppe zeigte sich, dass das bisher verwendete Symbol, der Bogen, nicht den Kern ihres Geschäftsmodelles traf, weil es zu sehr an einen Bogenschieß-Verein erinnerte. Deshalb sollte ich mit der Zielscheibe weiterarbeiten und auch den Rundsatz weiterverfolgen.

Beim Brainstorming zu Beginn des Gestaltungs-Prozesses, lässt man ungefiltert alles raus, was einem so in den Kopf kommt. Als Soloselbstständige ist das eine besondere Herausforderung, denn noch effektiver wird dieser Prozess, wenn man im Team arbeitet.

Wenn du dich mal austauschen willst du deinen Ideen, kannst du dazu gerne meine beliebten Impuls-Termine nutzen. ;-)

Für das nächste Meeting habe ich einige Bildelemente erarbeitet.

Die ersten Design-Entwürfe präsentiere ich den Kund:innen immer erst schwarz-weiß, weil sie sich dann viel besser auf das Design selbst konzentrieren können.

• Zielscheibe, auch in Verbindung mit dem O aus dem Wort BOGEN
• aus welcher Richtung kommt der Pfeil?
• Bogenschützen aus dem Skribble noch weiter reduziert
• Lässt sich der Bogenschütze, wie der Pfeil, mit dem O kombinieren?
  > verworfen, weil zu kleinteilig

Ich wollte ein sehr reduziertes Design aus nur 3 Schriftzeichen gestalten und trotzdem das „Arbeitsmittel“, den Bogen, zu zeigen – wenn auch nur sehr abstrahiert.

• Umwandlung des Großbuchstabens B in einen gespannten Bogen
  > Herzform, die auf einen Teil des (angedachten) Claims hindeuten

Die runde Form und der Bogen des alten Logos konnten sich für das Redesign nicht durchsetzen. Auch die Zielscheibe mit dem Rundsatz, die als Skribble gut gefallen hatte, sollte nicht weiter verfolgt werden.

Ich hatte noch einige freie Ansätze präsentiert, die ihr aber auch zu verspielt wirkten.
Natürlich muss das Design bei einer Personen-Marke auch zur Person passen! Also noch mal ran …

Bei den bisherigen Entwürfen lag der optische Fokus zu sehr auf den Begriffen „Seil & Bogen“ und nicht auf „Ziele erreichen lernen“. Der Claim war einfach zu klein in der Darstellung.

Noch herausfordernder wurde die Aufgabe, als dieser noch um den Zusatz „mit Hirn, Herz & Hand“ erweitert werden sollte.

Trotzdem kamen (ausnahmsweise) 7 Entwürfe in die nächste Runde und sollten noch mal überarbeitet werden.

In nächten Zoom-Treffen habe ich Christine alle 7 Logo-Favoriten noch einmal kurz präsentiert.
Vier davon kamen in die engere Wahl und nachdem wir diese ein weiteres Mal genauer analysiert haben, blieben zwei Designs übrig. Das mit der Reduktion auf nur 3 Schriftzeichen war mein absoluter Favorit.

Gemeinsam haben wir untersucht, was ihr am jeweiligen Entwurf besonders gefiel, um die Ergebnisse mit in die nächste Design-Phase zu nehmen.

Während des Zooms habe ich ihre mögliche Varianten direkt am Rechner zeigen können. Die Funktion „Bildschirm teilen“ ist klasse, weil es fast so ist als säßen wir im selben Büro und sie würde mir über die Schulter gucken. Ich mag das!

Dadurch kann ich meine Kund:innen noch mehr in den Design-Prozess einbinden und die Zahl der Korrekturrunden verringern. Sie sehen direkt, was geht und was nicht. Ich kann vorher sagen, dass ich einen Korrekturwunsch für ungeeignet halte. Wenn sie es dann sofort am Bildschirm sehen, wird es ihnen verständlicher. 

Da Christine die Reduktion mit den drei Schriftzeichen (mein Favorit) auch sehr gut gefiel, sie aber das kaufmännische Und-Zeichen „&“ störte, habe ich diesen Ansatz immer weiter reduziert. Das &-Zeichen entfiel ganz und den Pfeil im B reduzierte ich auf seine Spitze und schließlich auf ein kleines Quadrat.

So entstand ein sehr eigenständiges Design mit einem starken, klaren Logo-Charakter, das man gut auf Werbemitteln platzieren konnte, weil es auch bei starker Verkleinerung gut funktioniert.

Wie war das noch: „Ein gutes Logo kann man mit dem dicken Zeh in den Sand malen.“ Und das konnte man.

Christines Favorit hatte bei mir bereits den „internen Hausfrauentest“ bestanden. Aber irgendetwas fehlte mir noch.

Die Zielscheibe war mir zu generisch, zu austauschbar. Christines Arbeitsmittel „Seil & Bogen“ wollte ich auch in dieses Design auf eine subtilere Art integrieren.

Um den Entwurf also noch eigenständiger zu machen, habe ich die Zielscheibe durch ein kaufmännisches Und-Zeichen mit einem Pfeil ersetzt. Ich habe eine etwas dünnere Strichstärke gewählt, die Christines spielerische, leichte Herangehensweise an das Thema Zielerreichung im Business widerspiegelt.

Dazu habe ich nach Schriften mit geeigneten &-Zeichen gesucht, die in ihrer Form an ein Seil erinnern und die mit dem Pfeil, der die Zielerreichung symbolisiert, eine harmonische Verbindung eingehen können. Die Schrift Dosis, die ich bereits vorgestellt hatte, kam dafür infrage.

Und als ich in der Präsentation bei diesem Entwurf ankam, war es kurz still und dann kam das erhoffte „WOW!“.

Jetzt steht das Design, aber mir ist die Schrift noch zu rund und wirkt zu verspielt.
Also mache ich mich auf die Suche nach einer weiteren Schrift, die man kostenfrei nutzen kann, die es auch im Jimdo-Baukasten für die spätere Website gibt und die das gleiche offene &-Zeichen hat.

Es wird die Lato.

Schön und gut, aber wie kann man jetzt noch den Claimzusatz integrieren? Christine war in den letzten Wochen immer bewusster geworden, dass der Zusatz „… mit Hirn, Herz & Hand“ das WIE ihres Herzens-Business’ beschreibt und zumindest in eine Logo-Version aufgenommen werden sollte.

Erste Ideen dazu zeige ich ihr direkt am Bildschirm und sie gesteht: „Oh, das wird schwierig!“
Aber, natürlich habe ich eine Lösung gefunden!

Es brauchte allerdings noch 2 Anläufe, bis ich den richtigen Schriftschnitt (die Dicke der Buchstaben) gefunden habe, damit sich die drei Text-Elemente im Logo nicht „gegenseitig die Show stehlen“ und das Auge keine Orientierung hat.

• In Christines Herzens-Business geht es um „Businessziele erreichen“.
  Dieser Bereich ist aufgrund der Position, der Schreibweise in Großbuchstaben und unserer Leserichtung von links nach rechts, das erste, was ins Auge fällt.
• „seil & bogen“ sind die Arbeitsmittel, mit denen Christine lehrt, wie man seine Ziele erreicht.
  Dieser Textbereich wird durch seine treppenförmige Aufteilung fast wie ein Bildelement wahrgenommen und tritt jetzt – gegenüber den vorherigen Entwürfen – etwas in den Hintergrund. Die Schreibweise in Kleinbuchstaben (Minuskeln) unterstützt diesen Effekt.
• „Mit Kopf, Herz & Hand“ sagt etwas über Christines Arbeitsweise aus.
  Diese Zeile ist ebenfalls in Großbuchstaben (Versalien) geschrieben und damit sie sich besser absetzt, habe ich einen feineren Schriftschnitt gewählt.

Nun wird das Auge, trotz dreier eigenständiger Textbereiche, gelenkt.

Christine schrieb dazu:

„Liebe Christina,
Du bist ja schneller als der Schall! Hab’s mir gleich ausgedruckt und werde es wirken lassen.
Wie Du den Claim da unten drunter gepackt hast, finde ich ganz großartig.“

Nachdem ich Christine den Entwurf zum „Drüber-Schlafen“ zugeschickt habe, meldet sie sich per Mail und möchte den Claim von „Businessziele erreichen mit Hirn, Herz & Hand“ in „Businessziele erreichen mit Kopf, Herz & Hand“ geändert haben.

Die Alliteration sei zwar ganz schön, aber der Begriff „Hirn“ sei doch etwas zu medizinisch.

Das kann ich nur unterstützen …

Nun ging es ans letzte Feintuning. Ich habe noch feine Nuancen geändert und verschiedene Versionen für die unterschiedlichen Verwendungszwecke erstellt.

Responsives Logo Design ist heutzutage unbedingt notwendig. Dein responsives Logo kann sich, ähnlich wie eine responsive Website, flexibel an verschiedene (Bildschirm-)Größen anpassen und so auf jedem Gerät optimal dargestellt werden. In der Regel wird das komplexeste und detaillierteste Design auf größeren Desktop-Bildschirmen angezeigt, während ich für mobile Nutzer kleinere und simpler gestaltete Optionen entwerfe. 

Aber auch wenn bei Drucksachen oder Werbemitteln nur eine sehr kleine Fläche zur Verfügung steht, ist es immer sehr hilfreich, wenn ein responsives Logo zur Verfügung steht.

Wenn Du mehr darüber wissen möchtest, lies dazu gerne auch mal diesen externen Beitrag.

Da das Design nun fix war, konnte ich mich endlich der Farbgestaltung widmen.
Christine hatte sich ja bereits für drei Grundfarben entschieden. Diese konnten aber nicht alle gleichzeitig im Logo verwendet werden. Das hatten wir uns am Bildschirm mal gemeinsam angesehen und direkt wieder verworfen.

Ich habe ihr den Vorschlag gemacht, dass wir ihren drei Business-Bereichen: Führungskräfte-Nachwuchs, Team-Traingings und Team-Events, jeweils ein Farbe zuordnen. Das hatte sich bereits beim Logo Design für Daniela Kuhl bewährt.

Um die Farben genau festzulegen, hatte ich anhand ihrer Farbmuster eine Vorauswahl getroffen und ihr einen Mini-HKS-Fächer zugeschickt. Ich habe sie darauf aufmerksam gemacht, dass die gewünschten Farben im Druck mit CMYK (Cyan, Magenta, Yellow, Key/Black) weniger knallig wirken würden, als auf dem Farbfächer.

Auch die Wahl des Papieres spielt für die Leuchtkraft der Farben eine große Rolle. Sie wünscht sich für die späteren Drucksachen, wie Visitenkarten und Flyer, ein offenes Naturpapier, auf dem die Farben etwas matter wirken.

Die so definierten Farbwerte halte ich später im Design-Manual in CMYK, HKS, RGB und HEX fest.

• RGB wird für alle Anwendungen am Bildschirm genutzt, genau wie HEX (eine Buchstaben-Zahlen-Kombination, die immer mit dem # angegeben wird). Die HEX-Werte kannst Du für Deine Website nutzen.
• CMYK sind die vier Druckfarben für Print-Anwendungen.
• HKS sind, genau wie Pantone oder RAL, Sonderfarben, die Du zum Beispiel brauchst, wenn Du Dein Logo sticken oder als Folie auf Deinem Auto anbringen lassen möchtest.

Wenn alles steht, mache ich mich daran, das Design-Konzept im Design-Handbuch zusammenzufassen.

Hier findest du später alles, was wir im gemeinsamen Prozess erarbeitet haben.

• Deine Logoschriften und -farben
• wie dein Logo aufgebaut ist
• welche Abstände es zu anderen Elementen hat, damit es gut wirkt
• wie es verwendet werde darf
• wie deine Bildsprache aussieht
• welche Schriften für Web und Print verwendet werden können
• wie sich dein Briefbogen und Visitenkarte aufbauen

Zum Abschluss gestalte ich noch die Visitenkarte und den Briefbogen, denn die gehören zum Corporate-Design-Paket dazu. Wir legen noch fest, welche Papiere für die Druckprodukte infrage kommen und dann sende ich ihr die optimierten Druckdaten zu.

Den Briefbogen erhält sie als Word-Datei, damit sie ihre Angebote und Rechnungen auch papierlos verschicken kann.

Christine bekommt alle Logoversionen – mit und ohne Claimzusatz – in ihren drei Farbvarianten, plus Strichversion (also nur in Schwarz) und eine negative Version (in Weiß) als Vektor (umgewandelt in Pfade) in verschiedenen Dateiformaten (JPG, PDF, SVG, PNG, EPS).

Designprozess

26. Januar – 1 Stunde Erstgespräch per Zoom

14. Februar – 1 Stunde Telefonat zum Angebot
27. Februar – Onboarding per Mail

15. März – 1,5 Stunden Markenworkshop per Zoom

22. März – 2 Stunden Präsentation (Feedbackrunde) per Zoom

29. März – 2 Stunden finale Abstimmung Farben und mögliche Schriften für Web per Zoom

5. April – Finalisierung Briefbogen und Visitenkarten per Zoom

12. April – Finale Datenübergabe per WeTransfer

Blogbeitrag

Über 20 Stunden habe ich zum Schreiben dieses Blogartikels gebraucht. Ich habe die Dokumentation zusammengestellt, die Bilddateien in der Größe weboptimiert, damit du nicht ewig warten musst, dass sich der Beitrag aufbaut, und mich bemüht, dir alle Schritte anschaulich und in für dich verständlicher Sprache zu beschreiben.

Ich möchte …

• dass jede:r nachvollziehen kann, wie ein Logo-Design-Prozess mit mir abläuft.
• zeigen, wie ich meine Kund:innen in den Prozess einbeziehe und was sie dadurch am Ende alles über ihr Herzens-Design wissen, weil sie quasi hautnah dabei waren.
• dass sie jedes einzelne Detail ihres Herzens-Designs lieben, weil sie genau verstanden haben, warum es so aussieht, wie es aussieht.
• dass sie sich mit ihrem Herzens-Design für sehr lange Zeit richtig wohl fühlen.