Styleguide
Über The Digitale
Wir sind The Digitale, Deine neue Digital-Agentur. Wir bieten Dir Beratung, Konzeption, Kreation, Entwicklung und Vermarktung für Deine digitalen Projekte.
Wir verbinden Kreativität mit Performance und Daten, um Inhalte zu produzieren, die begeistern. Zu unseren Kunden zählen wir u.a. die Allianz SE, die Deutsche Telekom AG, Microsoft oder die Messe München.
Personas
Mit unseren Marketingmaßnahmen wollen wir primär die folgenden Personas ansprechen. Typischerweise sprechen wir hier von einer B2B-Buying-Group, zu denen auch Einkäufer, Projektleiter und Marketing-Manager gehören. Weiteren Personas teilen wir Dir im Briefing mit, wenn sie für die Kreation relevant sind.
Sollten Fragen zu den Personas offenbleiben, melde Dich bitte bei uns. Es ist uns sehr wichtig, dass Du alle Kreationen für diese Personas denkst.
Leitung
Marketing
Person
Dresscode
Smart Casual. Ich möchte seriös und trendy sein.
Expertise Digitales Marketing
Mittlere Kenntnisse
Digitales Mindset
Digital ist das Zentrum meiner beruflichen Entscheidungen.
Primäres Social Network
Linkedin
Prior. Kommunikationsverhalten
- Persönliches Gespräch
- Telefon/Video-Call
Prior. Informationsverhalten
- Studien (Mafo, Case-Studies)
- Medien (insbesondere Fach- und
Wirtschaftspresse) - Persönliches Netzwerk
- Internetrecherchen (über Mitarbeiter)
- Seminare, Kongresse
Motivatoren
- Detaillierte Kennzahlen
- Maximierung von Sales
- Generierung von Leads
- Gut in Szene gesetzte Daten & Auswertungen
- Sehr starke Service-Orientierung
Typische Aussage
„Ich erwarte aktuelle und präzise ausgearbeitete Präsentationen mit allen relevanten Kennzahlen. Details sind mir wichtig.“
Unternehmen & Rolle
Branche
IT
Unternehmensgröße (MA)
30.000 +
Bereich
Marketing
Position
Bereichsleitung
Budget Entscheidung
Umfassende (vorbereitete) Entscheidung
Budget
5.000.000 Euro +
Primäres Ziel der Persona
Traffic
Typische Herausforderungen
- Maximierung Sales/KPIs/Marktanteil
- Beobachtung Wettbewerbsaktivitäten
- Erweiterung, Integration und Promotion von Angeboten
- Budget Creation
Leitung
Kommunikation
Person
Dresscode
Business – ein seriöses Auftreten ist mit sehr wichtig.
Expertise Digitales Marketing
Mittlere Kenntnisse
Digitales Mindset
Digital ist mir sehr wichtig – Anderes aber auch.
Primäres Social Network
Linkedin
Prior. Kommunikationsverhalten
- Persönliches Gespräch
- Social Media
- Telefon
Prior. Informationsverhalten
- Persönliches Netzwerk
- Medien (insbesondere Fach- und Wirtschaftspresse)
- Internetrecherchen (über Mitarbeiter)
- Kongresse, Award-Verleihungen
Motivatoren
- Image
- Kontakt / Vernetzung
- Inszenierung von Events
- Gut recherchierte Inhalte
Typische Aussage
„Das Image nach Außen muss gewahrt werden, dafür scheue ich keine Kosten.“
Unternehmen & Rolle
Branche
Telekommunikation
Unternehmensgröße (Mitarbeiter)
100.000 Euro +
Bereich
Kommunikation
Position
Bereichsleitung
Budget Entscheidung
Umfassende (vorbereitete) Entscheidung
Budget
1.000.000€ +
Primäres Ziel der Persona
Branding
Typische Herausforderungen
- Rechtfertigung Ausgaben
- Zurechtfinden / Umdenken in der digitalen Welt
- Content Marketing, weiß was es ist, kennt sich aber nicht gut genug aus (zu technisch und KPI-lastig)
Leitung
IT
Person
Dresscode
Smart Casual – ich möchte seriös und trendy sein.
Expertise Digitales Marketing
Mittlere Kenntnisse
Digitales Mindset
Digital ist das Zentrum meiner beruflichen Entscheidungen.
Primäres Social Network
Linkedin
Prior. Kommunikationsverhalten
- Social Media
- Video-Call
- Telefon
Prior. Informationsverhalten
- Persönliches Netzwerk
- Studien (Case Studies)
- Workshops, Kongresse
Motivatoren
- Technische Exzellenz
- Skalierbarkeit
- Sicherheit
- Flexibilität, schnelle Umsetzbarkeit
Unternehmen & Rolle
Branche
Sportartikel
Unternehmensgröße (Mitarbeiter)
50.000 +
Bereich
IT
Position
Bereichsleitung
Budget Entscheidung
Umfassende (vorbereitete) Entscheidung
Budget
5.000.000 Euro +
Primäres Ziel der Persona
Return on Investment
Typische Herausforderungen
- Integration neuer (CMS) Plattformen
- Unflexibles Unternehmensumfeld
- Angebotserweiterung
- Integration neuer Technologien
Unsere CI
Online first!
Wir sind eine Digital-Agentur. Wir konzentrieren uns auf das, was bei unseren Kunden auf deren Displays sichtbar ist. Lange Diskussionen über Farbgebung und Formenlehre sind nicht unsere Welt – SEO und Social Media dagegen schon.
Wenn Du wissen willst, wie wir ticken – unsere Website verrät es Dir. Hier findest du unsere Corporate Identity zum Anfassen.
Logo
Unser Logo besteht aus einer Wort- und Bildmarke, die unabhängig voneinander verwendet werden können. Nach Möglichkeit soll diese auf Weiß eingesetzt werden und der vorgegebene Schonbereich eingehalten werden. Sonderfälle wie Negativanwendungen etc. müssen im Vorhinein mit der Marketing-Abteilung besprochen werden.
Varianten
Wortmarke ohne Claim
Wortmarke mit Claim
Wortmarke negativ ohne Claim
Wort- / Bildmarke ohne Claim
Wort- / Bildmarke mit Claim
Wortmarke negativ mit Claim
Favicon / Icon
Bildmarke Pinguin
Bild- & Wortmarke Pinguin
Do’s
Schonbereich
Halte genug Abstand zum Rand sowie zu anderen Elementen
(Tipp: Orientiere dich hier am besten an der Versalhöhe, so sollte um das Logo herum min. ein “T”-Abstand sein)
Position
Setze das Logo, wenn möglich, immer in die linke, obere Ecke
Kontrast
Sorge für gute Lesbarkeit und setzte das Logo auf Weiß oder auf Hellgrau.
Dont’s
Verwende das Logo nie auf andersfarbigem Hintergrund.
Das Logo muss sich ausreichend vom Hintergrund abheben.
Der Schonbereich um das Logo muss eingehalten werden.
Claim
We make Digital Marketing drive your Business
Der Claim kann situativ wie folgt angepasst werden, wenn Spezialisierung nötig ist:
- We make Content drive your Business
- We make Technology drive your Business
- We make Analytics drive your Business
- We make Traffic drive your Business
Andere Varianten sind nur mit einem Beschluss der Geschäftsleitung zulässig.
Farben
Die Grundfarben des Corporate Designs von The Digitale sind Weiß, Orange und Schwarz. Als Sekundärfarben können diese auch in prozentualer Abstufung verwendet werden. Wir verwenden möglichst immer das Primär-Orange, reines Schwarz findet sich meist nur als Schriftfarbe wieder.
#FF6900
RGB: 255 | 105 | 0
CMYK: 0 | 70 | 100 | 0
Pantone: 152 C
RAL: RAL 2007 Leucht Hellorange
#000000
RGB: 0 | 0 | 0
CMYK: 40 | 0 | 0 | 100
Pantone: HEXACHROME BLACK C
RAL: RAL 9005 Tiefschwarz
#FFFFFF
RGB: 255 | 255 | 255
CMYK: 0 | 0 | 0 | 0
Farbgewichtung
Typographie
Die Grotesk Schrift Typeface Six aus dem Jahre 1991 von Neville Brody ist die Basisschrift des Logos. Als reiner Versal-Font findet dieser Type in der Kommunikation lediglich Einsatz im Logo.
Die weitere Schrift-Hierarchie ist:
- Wo es technisch sichergestellt werden kann, verwenden wir für Headlines und Fließtexte Roboto (z.B. auf Webseite oder Werbemitteln)
- Wo Roboto technisch nicht sichergestellt werden kann, verwenden wir Arial (z.B. in E-Mails und in PowerPoint)
- Wir verwenden niemals Calibri!
Schreibweise
Wir schreiben den Firmennamen im Logo und Logo-nahen Versionen (z.B: in der farbigen E-Mail Signatur) in VERSALIEN, im Fließtext aber nicht, sondern so: The Digitale. Den Zusatz GmbH verwenden wir nur da, wo es rechtlich nötig ist.
Typographie
Die Grotesk Schrift Typeface Six aus dem Jahre 1991 von Neville Brody ist die Basisschrift des Logos. Als reiner Versal-Font findet dieser Type in der Kommunikation lediglich Einsatz im Logo.
Die weitere Schrift-Hierarchie ist:
- Wo es technisch sichergestellt werden kann, verwenden wir für Headlines und Fließtexte Roboto (z.B. auf Webseite oder Werbemitteln)
- Wo Roboto technisch nicht sichergestellt werden kann, verwenden wir Arial (z.B. in E-Mails und in PowerPoint)
- Wir verwenden niemals Calibri!
Schreibweise
Wir schreiben den Firmennamen im Logo und Logo-nahen Versionen (z.B: in der farbigen E-Mail Signatur) in VERSALIEN, im Fließtext aber nicht, sondern so: The Digitale. Den Zusatz GmbH verwenden wir nur da, wo es rechtlich nötig ist.
Piktogramme
Für unsere Icons verwenden wir die Bibliothek von Font Awesome.
Bilder
Unsere Hero-Kids bevölkern die Bildwelt von The Digitale. Auf der einen Seite verkörpern sie unsere Superkräfte: Die Exzellenz und die hohe Qualität, die wir bei jedem einzelnen unserer Werke anstreben.
Auf der anderen Seite zeigen sie auch, dass wir Humor haben und nicht immer nur ernst sind.
Gestaltungskonstanten
Unsere Bildwelt wird durch folgende Designelemente ergänzt:
Liquid Shapes
Konstanten in unserer Gestaltung sind vor allem die Liquid-Shapes. Diese werden in Orange, Weiß, Grau oder auch mit Bildinhalt eingesetzt. Sie dienen der Wiedererkennung und zur Auflockerung des Layouts.
Scribbles
Außerdem finden sich zur Ergänzung Scribble Elemente in der Gestaltung wider. Diese sind angelehnt an das Design von Superhelden-Comics und unterstreichen so zusätzlich die visuelle Aussage unserer Designs.
Du findest hier eine kleine Auswahl an Scribbles zum Herunterladen, diese können beliebig ergänzt und erweitert werden. Achte jedoch darauf, dass sie immer unserem Illustrationsstil entsprechen.
Texte
Tonalität
Wir haben eine direkte, präzise und klare Sprache. Wir sprechen unsere Kunden oder Partner direkt an. Wir duzen konsequent in allen unseren Inhalten und Werbemitteln. Wir sehen in jeder Herausforderung immer auch die Chance, etwas Neues und Besseres zu erschaffen. Wir haben eine positive Grundstimmung und wollen positive Bilder in den Köpfen der Rezipienten hervorrufen. Stell‘ Dir einfach einen entspannten Spaziergang an einem warmen Frühlingstag mit einem interessanten Menschen vor. Und dann schreib‘ los!
Mehr zu unseren Texten findest Du in unserer Redaktionsguideline.
Anforderungen
- alle navigatorischen und H-Auszeichnungen folgen den SEO-Analysen zu Top Keywords (Naming)
- Conversion-Ergebnisse schlagen SEO Analysen; Beispiel: Wenn Menschen lieber auf das Wort “rot” klicken (gemessen!), “blau” aber laut SEO-Analyse öfter gesucht wird, schreiben wir “rot”
- Jeder CTA bindet den User direkt ein und hat immer eine klare Handlungsaufforderung
- Jegliche Inhalte (Bild, Text, Video) werden immer aus der Perspektive des Users (und dort der Persona) entwickelt und beantwortet stets die Frage: Was bringt mir das?
- Jede Seite hat einen klaren Fokus und kann die Frage beantworten: Wonach sucht der User hier?
Anwendungsbeispiele
Social Media
Für unseren Social Media Content nutzen wir immer den Overlay aus weißer Shape mit Logo oben links und oranger Shape unten rechts. (Tipp: du findest hierzu auch eine Vorlage in unserem Adobe Express Account). Auch SIA’s sind ähnlich gestaltet, das Logo befindet sich immer an gleicher Stelle. Hier kann das Logo allerdings auch auf grauem Hintergrund stehen.
Social Post (Titelfolie Slideshow)
Social Post (Video-Still)
LinkedIn Ad
Digitale Anwendungen
Für die Gestaltung digitaler Anwendungen wie Powerpoint, Word oder Excel Tabellen findest du vorgefertigte Masterdateien.
Bei der Gestaltung von Whitepapers, Visuals für Landingpages etc. kannst du dich an bereits vorhandenen Designs orientieren.
Powerpoint Präsentation
Whitepaper
Visual für Landingpage
Print Anwendungen
Bei der Gestaltung von Print- und Merchprodukten kann eine flexiblere Verwendung des Logos und der Gestaltungskonstanten notwendig sein. Sprich hier am besten im Vorhinein mit der Marketing-Abteilung.
Merch
RollUp