Compritec - Styleguide
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
Brand Guidelines
Strategie
Strategie
Warum dieser
Styleguide?
Auf den nächsten Seiten werden die Hauptmerkmale des
Corporate Designs, sprich des visuellen Auftritts der Firma
Compritec GmbH, in ihren Grundzügen aufgezeigt. Die hier
beschriebenen Maßnahmen stellen das visuelle Fundament
der Unternehmensidentität dar und gewährleisten
unter deren Berücksichtigung den Aufbau eines unverkennlichen
Erscheinungsbildes.
So entsteht ein einheitlicher Gesamteindruck der Compritec
GmbH, der nicht nur zur Wiedererkennung beiträgt,
sondern auch die Werte und Normen der Firma wiederspiegelt.
Erfahrung, Innovationsfreude, aber auch Familiarität
werden durch das entwickelte Corporate Design,
bestehend aus Logo, Schriften und Farben ausgestrahlt.
Genau aus diesem Grund sollte auch in Zukunft versucht
werden, die Grundzüge der hier aufgeführten Punkte zu
berücksichtigen und umzusetzen.
Um einen passenden Einsatz in jeder Situation zu garantieren,
wurden verschiedene Variationen in diesem Styleguide
festgehalten. Egal ob hell oder dunkel, groß oder
klein, schmal oder breit. Diese wurden auf den nächsten
Seiten so aufbereitet, dass deren zukünftige Verwendung
ohne Probleme gewährleistet wird. Sowohl die Mitarbeiter
der Compritec GmbH, als auch beispielsweise externe
Dienstleister können auf dieser Grundlage Medien jederzeit
reproduzieren bzw. gestalten.
Für einen stimmigen Gesamteindruck!
01 ----- 03
Strategie
04 ----- 09
Formalia
10 ----- 11
Inhalte
12 ----- 15
Produkte
001
Strategie
Strategie
Unsere Werte und
Markenidentität.
Hochspezialisiert
Jahrelange Erfahrung.
Die teils jahrzehntelange Erfahrung unserer Mitarbeiter ist
unser größtes Kapital. Wir spezialisieren uns auf das Sanforisieren
und Kreppen in all ihrer Komplexität und sind
deshalb auch Ansprechpartner anspruchsvollster Aufträge.
Kundenspezifisch
Jedes Textil ist anders.
Innovationsfreudig
Immer am Puls der Zeit.
Kein Textil ist wie das Andere. Deshalb nutzen wir stets
unser hohes Maß an Kommunikationsstärke, Fachwissen
und Detailtreue, um auf die Eigenheiten jeder Partie einzugehen
und die individuell beste Lösung zu erarbeiten.
Es werden neue eigene Verarbeitungsverfahren entwickelt,
die einzigartige Effekte der Materialien ermöglichen.
Unser Ziel ist es, immer mehr Branchen auf das große Zukunftspotenzial
dieser Verfahren aufmerksam zu machen.
Nachhaltig
Für unsere Zukunft.
Familiär
In bester Gesellschaft.
Wir achten stets darauf, Prozesse nachhaltig zu gestalten.
Das bedeutet einen Verzicht auf den Einsatz chemischer
Hilfsmittel, eine Minimierung des Gasverbrauchs und die
Suche nach erneuerbaren Bezugsquellen für Energie.
An erster Stelle steht der Mensch, denn er ist der Garant für
unseren Erfolg. Trotz unserer industriellen Anmutung pflegen
wir einen familiären Umgang miteinander. Alle unsere
Probleme werden partnerschaftlich und kulant gelöst.
002
Strategie
„
Als zertifizierter
Veredlungsbetrieb
garantieren wir durch
hochspezialisierte
Technik und eigens
entwickelte Fertigungsverfahren
jedem
Kunden individuelle
Lösungen mit höchster
Qualität für Textilien
und Folien jeglicher Art.
Unique Selling Proposition.
003
Formalia
Formalia
Visuelle Identität:
Unser Logo.
Konzept
Modern & dynamisch.
Das Design der Bildmarke baut auf den Initialen der beiden
Wortbestandteile des Firmennamens auf und ist modern-minimalistisch
gehalten. Die leichte Schräge verleiht
dem Logo eine dynamische Anmutung und verkörpert die
Innovationsfreude des Unternehmens.
Clearspace
Mit Abstand am besten.
Am besten wirkt das Logo mit ausreichend Abstand zu allen
Seiten hin. Um die Bild- und Wort-Bildmarken herum
sollte jeweils Freiraum einer halben Grafik-Höhe sichergestellt
werden. Durch diesen Schutzraum wird eine gute
Sichtbarkeit und Präsenz gewährleistet.
004
Formalia
Bildmarke
In verschiedenen Varianten.
Um eine gute Sicht- und Lesbarkeit des Logos auf jedem
Hintergrund zu gewährleisten, wurden verschiedene farbliche
Abstimmungen der Bildmarke entworfen. So sollte
darauf geachtet werden, bei hellen Hintergründen die
dunkleren Kombinationen zu verwenden und umgekehrt.
Wort- & Bildmarken
Für jeden Anwendungsbereich.
Zur Sicherstellung der Variabilität und Responsitivität des
Logos besteht neben der reinen Bilmarke auch eine Wort-
Bild-Marke. So kann, je nach verfügbarem Platz und Medium,
die passendere Variante gewählt werden. Eine schnelle
Wahrnehmung der Marke wird so jederzeit garantiert.
005
Formalia
Formalia
Visuelle Identität:
Unsere Farben.
Primär
Die langjährige Erfahrung und
Kompetenz des Unternehmens
werden durch ein aussagekräftiges
Blau zum Ausdruck gebracht.
Als Hauptfarbe erweckt es Vertrauen
und drückt Beständigkeit
und Professionalität aus.
#2998C1
RGB 41,152,193
CMYK 79,21,0,24
Sekundär
Unterstützend für ein stimmiges
Gesamtbild und einen modernen
Charakter fungieren drei
verschiedene Graunuancen. Vermieden
werden zu kontrastreiche
Farben wie etwa ein reines
schwarz oder weiß.
#1E1E1E
RGB 30,30,30
CMYK 0,0,0,88
#CFCECF
RGB 207,206,207
CMYK 0,0,0,19
#F7F7F7
RGB 247,247,247
CMYK 0,0,0,3
Akzent
Als Akzentfarbe sorgt das lebendige
Orange für einen freundlichen
und familiären Ton in der
Unternehmensidentität. Diese
neu eingeführte Farbe steht für
die Veränderung, die das beständige
Blau passend ergänzt.
#FF8A00
RGB 255,138,0
CMYK 0,46,100,0
006
Formalia
Formalia
Visuelle Identität:
Typographie.
Typographie
Schrifthierarchien
Beispielüberschrift 1
Et exped qui te occupta nullabo rempor
a intecum dolorest quam doluptatio
to vero veliqui commo dentur
solupta net ut officiis sit laudiores
quassim enemolupit vid exceris doluptur
maiorentur, cus reptatiur? Lor
seque nobisit utatet aut odia autet
enda volorpo remporunt de nate modit,
quodi non nes dolenis am inciam.
Open Sans Bold
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Open Sans Regular
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Beispielüberschrift 2
Mod esse doloresent. Quatio volupta
tatures tianima aribus unt ut qui non
re est hitatia dolorepero doloribus
reium nonet facest, ut atur maximusam
voluptus, imi, ium veliquamus,
quam, serum experio millupt atatem
alibus qui. Ute voluptas platem
ipiduci psapis enias qui dus. Odipsa
eaquo blanditi sunt velluptas magni
officium eat. Cullacidem con eum
ressitis eum harum quaepero milla.
PT Sans Bold
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
PT Sans Regular
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
007
Formalia
Formalia
Formensprache
und Zeichen.
Formensprache
Rechtecke
Die eingesetzten Formen bestehen überwiegend aus Rechtecken,
da dies auch die tatsächliche Form der bearbeiteten
Textilien darstellt. Die sauberen und nicht abgerundeten
Ecken bringen Professionalität und technischen Charakter
zum Ausdruck. Durch die sich überlappenden Formen entsteht
ein dreidimensionaler Effekt, der die Vielschichtigkeit
der Textilien und des Unternehmens illustriert.
Zeichen
Trennstriche
Zeichen werden grundsätzlich sparsam eingesetzt. Trennstriche
sowie Nummerierungen dienen vor allem auf der
Website der Übersichtlichkeit. Von Icons wird abgesehen,
da der Fokus bei der Website und den anderen Kommunikationsmaterialien
auf Einfachheit und Schlichtheit liegt.
008
Formalia
Formalia
Bildwirkung
und Looks.
Bildlook
High-key und low contrast
Da der Inhalt der Website für den Kunden von Priorität ist,
sollen die hier verwendeten Bilder nicht im Fokus stehen.
Um das Design der Website nur unauffällig zu unterstreichen,
werden sie in einem High-key-Bildlook mit geringem
Kontrast gehalten.
009
Inhalte
Inhalte
Themen und
Tonalität.
Die Themen der Außenkommunikation beziehen sich im
Großen und Ganzen ausschließlich auf unternehmens- sowie
branchenbezogene Inhalte. Dabei sollte angestrebt
werden, diverse Spannungsfelder stets zu vermeiden. So
sollte z.B. politische Neutralität durch die Vermeidung von
politischen Positionierungen jeglicher Art gewahrt werden.
Darüber hinaus wird empfohlen ein faires Miteinander zu
wahren - auch gegenüber dem Wettbewerb. Das bedeutet,
dass auch gegenüber konkreten Konkurrenten keine negativen
Äußerungen fallen sollten, nur um davon z.B. einen
Wettbewerbsvorteil zu erlangen.
Die Werbe- und Kommunikationsmittel sprechen Bestandskunden
wie auch potentielle Neukunden direkt an
(„So erreichen Sie uns“). Durch diese direkte Ansprache
auf der Website wird Nähe und Authentizität geschaffen,
womit auch der Unternehmenswert „familiär“ betont wird.
Dennoch findet die Außenkommunikation ausnahmslos
auf einer professionellen Ebene statt. Um dies zu gewährleisten
wird empfohlen, die Kunden trotz der familiären
Atmosphäre und der Kommunikation auf Augenhöhe weiterhin
zu siezen. Bei langjährigen Kunden oder wenn es die
Situation wie auch der Kunde selbst zulässt, sollten Ausnahmen
hier allerdings natürlich kein Problem darstellen.
„Call to Action“ Buttons wie „Noch Fragen?“ auf der Website
rufen den User darüber hinaus direkt zur Handlung und
somit zur Kontaktaufnahme auf.
010
Inhalte
+
Definierte Abstände zum
Logo einhalten
+
Einsatz der definierten
Farben und Schriften
+ +
Überschriften größer als
Mengentext
Blau und Orange immer
separiert verwenden
+ +
Schriftgröße für Fließtext Beschränken auf die nötigsten
minimal bei 9 Pt
Zeichen und Icons
+
Farben, die stark von den
festgelegten Farben abweichen
+
Verwenden zu bunter
Bilder
(besser schwarz weiß)
DO‘s and DONT‘s
011
Produkte
Printprodukte
Visitenkarten
und Briefkopf.
Die personalisierten Visitenkarten überzeugen
durch ein minimalistisches Design,
mit der Wortbildmarke auf der Vorder-
und allen relevanten Informationen
auf der Rückseite. Durch die Ptägung
des Logos und das dicke Papier wirkt
die Karte haptisch hochwertig. Besonders
auffällig ist die blaue Schnittkante
der Karte, welche sie auch im Stapel von
anderen absetzt.
TOBIAS GLÄSER
Geschäftsführung
TEL
FAX
09284 | 801350
09284 | 801464
MAIL info@compritec.com
WEB www.compritec.com
Kirchenlamitzer Str. 20 | 95126 Schwarzenbach / Saale
012
Produkte
Der Briefkopf berücksichtigt die Schreibund
Gestaltungsnorm DIN 5008. Am
oberen Rand ist das Logo inklusive der
Wortmarke in einen teils blauen, teils
grauen Balken intergriert. Auch hier
drücken die schräggestellten Abschlüsse
des Balkens, wie auch beim Logo die
Dynamik und Innovation des Unternehmens
aus.
Bei einer Neuauflage oder eventueller
Umgestaltung der Visitenkarten sowie
des Briefkopfes ist es empfehlenswert,
auf ebendiese Details zu achten um den
besonderen Eindruck beizubehalten.
013
Produkte
Webprodukte
Onlineauftritt
Website.
Gliederung und Aufbau
Responsives Layout
Die Seite ist als Onepager konzipiert. Sie liefert alle wichtigen
Informationen übersichtlich auf einem Blick. Der Inhalt
kann dabei jederzeit erweitert werden, sollte aber wie der
bereits bestehende Teil für alle Endgeräte optimiert werden.
Auf dem Desktop ist das Layout dreispaltig gegliedert, auf
dem Tablet zweispaltig und auf Smartphones einspaltig.
Technische Umsetzung
HTML, CSS, Java Script
Die Website ist umgesetzt mithilfe des visuellen Coding-
Tools Webflow. Hiermit ist es später auch ohne größere
Vorkenntnisse möglich, kleine Änderungen vorzunehmen.
Gehostet wird die Seite beim gleichen Anbieter. Sollte der
Hostinganbieter einmal gewechselt werden müssen, so
lässt sich die Website in semantisches HTML inkl. CSS und
Javascript exportieren. Es handelt sich um eine statische
Seite ohne integriertes Content-Management-System, was
aber im Nachhinein bei Bedarf noch ergänzt werden kann.
014
Produkte
www.compritec.com
www.compritec.com/en
impressum
legal notice
datenschutz
privacy policy
homepage
homepage
über uns leistungen kontakt
about work contact
015
Impressum
Impressum
Informationen
& Kontakt.
Compritec.
Compritec GmbH
Kirchenlamitzer Straße 20
95126 Schwarzenbach an der Saale
Tel.: 09284 / 801350
Fax: 09284 / 801464
info@compritec.com
www.compritec.com
Dieser Styleguide ist nur zum firmeninternen Gebrauch
durch die Compritec GmbH bestimmt.
Die erstellten Inhalte und Werke auf diesen Seiten unterliegen
dem deutschen Urheberrecht. Die Vervielfältigung,
Bearbeitung, Verbreitung und jede Art der Verwertung
außerhalb der Grenzen des Urheberrechtes bedürfen der
schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
Soweit die Inhalte auf dieser Seite nicht vom Betreiber
erstellt wurden, werden die Urheberrechte Dritter
beachtet. Insbesondere werden Inhalte Dritter im Folgenden
als solche gekennzeichnet.
Gestaltung.
Goldgrube Medienagentur,
namentlich T. Bosch, A. Deckert, J. Drechsel, T. Wiedmann
www.goldgrube.media
hallo@goldgrube.media
Mockup:
www.unblast.com/free-responsive-website-mockup-psd/
Entstanden im Rahmen des Projekt B im B.A. Studiengang
Medienmanagement an der FHWS Standort Würzburg.
016