Im Jahr 2023 startete die japanische Marketingagentur SHIFTBRAIN eine interaktive Website anlässlich ihres 20-jährigen Jubiläums. Für dieses Projekt entwickelte das Team von TypeType eine einzigartige variable Schrift, die sich extrem in der horizontalen Breite strecken lässt. Als Grundlage diente die Bestseller-Schrift TT Norms® Pro, die bereits die Unternehmensschrift von SHIFTBRAIN war und auf der Hauptwebsite des Unternehmens zu sehen ist.
In diesem Artikel gewähren wir einen Blick hinter die Kulissen dieses ungewöhnlichen Projekts!
Eine neue Herausforderung
Das Projekt wurde SHIFTBRAIN Norms genannt. Unsere Aufgabe war es, eine Schrift mit einer variablen Breitenachse basierend auf TT Norms® Pro Regular zu entwickeln, einige Glyphenformen zu verfeinern und die Größe an die japanische Schrift A1 Gothic Regular anzupassen. Außerdem mussten wir das Unternehmenslogo und 30 Porträt-Icons der SHIFTBRAIN-Mitarbeiter, die uns bereitgestellt wurden, integrieren.
Als das SHIFTBRAIN-Projekt 2022 begann, war unsere Vertriebsabteilung noch dabei, ihre Arbeitsabläufe für die Kundeninteraktion zu optimieren. Dies war einer der ersten Fälle, in denen ein Manager den gesamten Kundenprozess begleitete — von der Besprechung des Briefings bis zur Überwachung der Umsetzung in der Produktion. Dieses Vorgehen half uns, Engpässe in der Kommunikation, wie Verzögerungen bei Freigaben oder Inkonsistenzen in technischen Spezifikationen, zu identifizieren. Dank dieser Erfahrung konnten wir die Abläufe unserer Abteilung optimieren, indem wir klare Protokolle einführten und die Projektlaufzeiten für unsere Kunden verkürzten.
Das SHIFTBRAIN-Studio suchte nicht nur eine Schrift, sondern ein Identitätsinstrument für ihr japanisches Projekt. Sie standen vor dem Problem, dass es keine fertigen Lösungen gab, die lateinische und japanische ästhetische Elemente vereinen konnten. Wir mussten lateinische und CJK-Schriften (CJK steht für Chinesisch, Japanisch und Koreanisch) in einem einzigen Projekt kombinieren. Dies erforderte eine perfekte Anpassung an den Stil der Marke ohne endlose Überarbeitungen und eine nahtlose Zusammenarbeit über Distanz hinweg.
Die extreme Breite der variablen Schrift stellte für uns eine neue Herausforderung dar.
„Es war besonders spannend, mit TT Norms® Pro etwas Extremes zu machen, da es an sich eine recht neutrale Schrift ist. Das Arbeiten mit solch breiten Zeichen ist jedoch ungewöhnlich und unpraktisch, da nur wenige Symbole gleichzeitig auf dem Bildschirm sichtbar sind, anstatt einer ganzen Textzeile. Trotzdem konzentrierten wir uns darauf, den Charakter von TT Norms® Pro auch im superbreiten Stil zu bewahren.“
Marina Khodak, Designleiterin bei TypeType
Arbeitsweise der Vertriebs- und Produktionsmanagement-Teams von TypeType
Wir verwandelten eine komplexe Anfrage in einen transparenten Prozess mit einem vorhersehbaren Ergebnis.
Phase 1: Tiefgehende Analyse
Wir führten einen Workshop mit dem Kunden durch, um die wichtigsten Parameter zu ermitteln:
- Eine Kombination aus der strengen Geometrie lateinischer Schriften mit den weichen Strichen japanischer Zeichen.
- Eingeschränkte Zeichenbreite für vertikale Textanwendungen.
Anschließend wählten wir drei potenzielle Basisschriften aus unserer Bibliothek für die Anpassung aus, um den Projektstart zu beschleunigen.
Phase 2: Detailliertes Briefing und Planung
Wir erstellten eine visuelle Karte der Änderungen mit Beispielen, die Folgendes zeigte:
- Wie die Serifen umgestaltet werden sollten.
- Wo ein „japanischer“ Akzent hinzugefügt werden sollte.
Wir legten klare Kontrollpunkte fest, sodass der Kunde alle fünf Tage Skizzen erhielt.
Phase 3: Qualitätskontrolle
Unsere Manager konsolidierten das Feedback der Designer von SHIFTBRAIN und des Produktionsteams von TypeType in einem einzigen Dokument, um Missverständnisse zu vermeiden. Wir testeten die Schrift in realen Anwendungsfällen (Logos, Verpackungen) vor der finalen Ausgabe.
Phase 4: Endergebnis und Unterstützung
Am Ende lieferten wir dem Kunden ein vollständiges Paket:
- Vier Stile der maßgeschneiderten Schrift.
- Eine Gebrauchsanleitung (Punktgrößen, Zeilenabstand für japanische Medien).
- SVG-Icons, die mit der Typografie harmonieren.
Wir boten außerdem einen Monat lang kostenlose Überarbeitungen nach Projektabschluss an.
Das Ergebnis für SHIFTBRAIN
- 30 % Zeitersparnis durch ein klares Briefing und das Fehlen eines „Stille-Post-Effekts“ zwischen den Teams.
- Die Schrift wurde Teil der Markenidentität und wird nun in Merchandise-Artikeln und digitalen Produkten verwendet.
- Fortgesetzte Zusammenarbeit für die Lokalisierung der Schrift für neue Märkte.
Warum wählen Kunden TypeType für Anpassungen?
- Flexibilität: Wir arbeiten mit jedem Stil, von serifenlosen Schriften bis hin zu Schreibschriften.
- Erfahrung: Über 600 abgeschlossene maßgeschneiderte Projekte.
- Technologie: Unser eigener FontEditor und proprietäre Tools zur Überprüfung des Kerns.
„TypeType zeichnet nicht nur Buchstaben — sie gestalten Kommunikation.“
— Feedback des SHIFTBRAIN-Teams!
Ausführung: Die Arbeit der Produktionsabteilung
Die variable Schrift
Die Hauptaufgabe bestand darin, TT Norms® Pro horizontal von einem Condensed-Stil zu einem superbreiten Stil variieren zu lassen — von 460 pt bis 3480 pt. Das entspricht einer Breitensteigerung um das 7,6-fache! Zum Vergleich: Eine typische Erweiterung von Condensed zu Expanded beträgt etwa das 1,5-fache. Eine so breite Schrift hatten wir zuvor noch nie erstellt.
Der schmale Stil behielt die gleiche Breite wie das ursprüngliche Condensed bei, und wir fügten am rechten Ende der Breitenachse einen ultra-breiten Stil hinzu. Die Schrift umfasste nur das lateinische Alphabet, Zahlen und Standardzeichen. Für die Breitenachse verwendeten wir zunächst die Standardwerte:
Die Gestaltung der Grafiken für den breiten Stil war herausfordernd: Die Buchstaben waren so gestreckt, dass es unmöglich war, im Glyphs-App-Fenster zu beurteilen, wie sie in einem Textblock aussehen. Das bedeutete, dass wir nach jeder Änderung die Datei exportieren und einen Textblock in einem Layout-Programm analysieren mussten. Trotz der Schwierigkeiten meisterten wir die Aufgabe perfekt!
Technische Arbeiten
Parallel zur Gestaltungsarbeit führten wir Schrifthinting und andere technische Anpassungen durch. Am 30. November sandte uns SHIFTBRAIN die japanische Schrift A1 Gothic StdN Regular, anderen Metriken wir unsere Schrift anpassen mussten. Wir justierten den Zeilenabstand und die Grundlinie.
„CJK-Schriften haben andere Metriken als lateinische und kyrillische Schriften. Wenn sie nebeneinander verwendet werden, entsteht ein sehr lockeres, lückenhaftes Schriftbild. Man kann sich jede Verpackung eines chinesischen Produkts vorstellen: Man sieht wunderschöne Hieroglyphen, aber der kyrillische oder lateinische Text hat riesige Buchstabenabstände und andere Probleme. Um alles harmonisch aussehen zu lassen, muss eine Schrift an die andere angepasst werden.“
Marina Khodak, Designleiterin bei TypeType
Diese Lösung war für uns zu diesem Zeitpunkt sehr interessant und vielversprechend. Einerseits handelt es sich um eine relativ einfache Anpassung, andererseits löst sie bedeutende gestalterische Herausforderungen.
„Ich habe die Schrift skaliert und sie auf 107 % der Originalgröße vergrößert. Die Em-Größe blieb bei 1000 Einheiten, genau wie bei der Referenzschrift A1 Gothic. Wir übernahmen die Zeilenabstandseinstellungen der Referenzschrift und übertrugen die relevanten Parameter auf unsere Schrift. Auf Wunsch des Kunden verschoben wir die Grundlinie leicht. Die Übereinstimmung überprüften wir in Adobe Illustrator mit Composite Fonts. Der Kunde lieferte zunächst die Einstellungen, die er mit dem ursprünglichen Schriftpaar verwendete. Unsere Aufgabe war es, sicherzustellen, dass das visuelle Ergebnis bei Verwendung unserer maßgeschneiderten Schrift mit A1 Gothic bei Standardgröße und -grundlinie identisch war. Dadurch kann das Schriftpaar auch in Anwendungen außerhalb von Adobe Illustrator verwendet werden.“
Yuri Nakonechny, Leiter der technischen Abteilung bei TypeType
Porträt-Icons und das Logo
SHIFTBRAIN sandte uns 30 wunderschöne Icons mit Abbildungen aller Mitarbeiter des Unternehmens. Die Herausforderung bestand darin, dass die Kontur einer Illustration weitaus komplexer und detaillierter ist als die eines Buchstabens — sie hat mehr Punkte, die nicht den Anforderungen einer Schrift entsprechen. Beim Export von .svg nach .glyphs können einige Details beschädigt werden. Daher kann man ein Vektorbild nicht einfach per Drag-and-Drop in Glyphs einfügen. Nach dem Import einer Ikone in eine Schrift muss sie sorgfältig bereinigt und korrigiert werden.
Wir integrierten alle 30 Icons nach sorgfältiger Bearbeitung in die Schrift. Nachdem dies abgeschlossen war, entschied sich SHIFTBRAIN jedoch, 15 davon umzugestalten, um ihre Proportionen für ein allgemeineres Erscheinungsbild zu ändern. Das bedeutete, dass wir den gesamten Prozess für die Hälfte der Icons wiederholen mussten. Am Ende fügte sich jedoch alles perfekt zusammen!
Wir betteten auch das Unternehmenslogo in die Schrift ein und erstellten eine OpenType-Funktion dafür — bei Aktivierung wird der Buchstabe „S“ durch das Logo ersetzt.
Grafische Verfeinerungen
Wir nahmen auch kleinere Änderungen an den Formen einiger Zeichen vor. Insbesondere modifizierten wir das „Q“ und fügten ein alternatives „S“ mit horizontalen Endstrichen hinzu. SHIFTBRAIN wünschte diese Form aufgrund ihrer Ähnlichkeit mit ihrem Logo.
Das Endergebnis
Das Ergebnis war eine extrem breite variable Schrift mit einer Reihe eingebetteter Icons. Sehen Sie, wie originell und auffällig sie auf der Jubiläums-Website von SHIFTBRAIN wirkt!
Dank der klaren und koordinierten Arbeit des TypeType-Teams erhalten Kunden:
- Eine einzigartige, schlüsselfertige Schrift — ohne überflüssige Iterationen zu bezahlen.
- Transparenz — Zeitpläne und Budget sind von Anfang an klar.
- Unterstützung — ein dedizierter Manager löst Probleme, bevor sie stressig werden.
Warum funktioniert das? Wir verkaufen nicht nur Schriften; wir gestalten ein Markeninstrument. Nach Abschluss eines Projekts kehren 80 % unserer Kunden für zusätzliche Dienstleistungen (wie Icons oder Lokalisierung) zurück.
Möchten Sie denselben vorhersehbaren Prozess für Ihre maßgeschneiderte Schrift? Lassen Sie uns Ihr Projekt besprechen! Senden Sie uns eine Nachricht mit einer Beschreibung Ihrer Aufgabe, und wir schlagen Ihnen innerhalb von 24 Stunden eine Lösung vor.
