Glossar

Branding

Branding ist der Prozess, um eine Identität und Story für das Unternehmen (Corporate Identity und Employer Branding), das Produkt oder auch für sich selbst (Personal Branding) zu erschaffen.

Durch Branding kann deine Marke ein Image bekommen, das bestimmte Emotionen und Botschaften hervorruft, mit denen sich der Kunde identifizieren kann. Dadurch gewinnst du mehr Vertrauen und erhöhst dadurch deinen Marktwert.

Was ist dann der Unterschied zwischen Branding, Design und Marketing?

Während sich das Branding mit der Positionierung der Marke und das Design mit der grafischen Umsetzung der Marke beschäftigt, geht es beim Marketing nur darum, den richtigen Markt zu finden (durch Werbe- und Verkaufsstrategien). Branding ist also die Grundlage für Design und Marketing.

Brand-identität

Heißt auch Markenidentität. Und damit ist die genaue Definition deiner Marke gemeint: Story, Vision, Mission, Kernwerte und Persönlichkeit.

Visuelle Identität

Mit visuellen Identität (auch als visuelle Kommunikation genannt) ist die grafische Umsetzung der Brandidentität gemeint: Logo, Typografie, Farbe, Formen und Ton.

Brand Guidelines

Es ist ein Style Guide, in dem klar definierte Regeln und Richtlinien stehen. Diese Regeln geben vor, wie die Marke dargestellt werden soll.

Logo

Logo ist nicht einfach ein Bild. Und Logo Design ist auch nicht Branding. Ist das Logo nur eine Schrift, nennt man es Wortmarke. Besteht es aus einem Bild, ist es eine Bildmarke. Die Kombination aus beiden ist dann Wort-Bild-Marke.

Corporate Branding

Hier geht es um den Prozess, das Image des Unternehmens aufzubauen. Aber mit Fokus auf Produkt und Dienstleistung, um mehr Umsätze zu erzielen.

Employer Branding

Es ist wie der Name schon sagt eine Strategie, um ein attraktives Arbeitgeberimage aufzubauen, um Fachkräfte anzuziehen und langfristig an das Unternehmen zu binden.

Moodboard

Ein Moodboard ist eine Collage, um Ideen, Stimmungen, Gefühle und visuelle Konzepte für ein Projekt zu veranschaulichen. Es gibt uns erste Einblicke, in welche Richtung das Projekt visuell verwirklicht werden könnte.

Mockup

Bevor ein Produkt wirklich hergestellt wird, wird das Design auf eine vereinfachte Darstellung visualisiert (ähnlich wie ein Prototyp). Damit kann man testen und Probleme lösen bevor sie tatsächlich auftauchen.

Pixel (px)

Pixel sind winzige farbige Punkte, die auf einem Bildschirm angezeigt werden, um Bilder und Texte darzustellen. Je mehr Pixel ein Bild hat, umso höher ist die Auflösung.

Vektor

Ein Vektor ist eine mathematische Darstellung von Richtung und Entfernung. Sie werden von Designern bevorzugt, um Bilder und Grafiken zu erstellen und zu vergrößern, ohne Klarheit und Schärfe (Qualität) zu verlieren. Verpixelte Bilder gibt es also nicht in diesem Format.

DPI

DPI steht für „dots per inch“. Es ist eine Maßeinheit, die in der Druckwelt verwendet wird. DPI gibt an, wie viele Punkte (oder Dots) auf einem Zoll (2,54 Zentimeter) einer gedruckten oder digitalen Grafik platziert sind. Je höher die DPI-Zahl ist, desto mehr Details und Schärfe können in einem Bild oder Druck dargestellt werden. Z.B. bevorzugen die meisten Druckereien mindestens 300 dpi.

RGB

RGB steht für Rot, Grün und Blau, die verwendet werden, um Bilder auf Bildschirmen darzustellen.

CMYK

CMYK steht für Cyan, Magenta, Gelb (Yellow), Schwarz (Key Black) und ist ein Farbmodell, das hauptsächlich in der Druckindustrie verwendet wird, um Farben auf gedruckten Materialien zu erzeugen. Im Gegensatz zum RGB-Farbmodell, das auf Licht basiert, arbeitet das CMYK-Modell mit Farbtinten, die auf Papier aufgetragen werden.

Pantone

Pantone LLC ist einer der bekanntesten Hersteller von Sonderfarben. Im Laufe der Zeit wurde es zum Standard aller Designer und Druckerfirmen. Durch deren Nummerierungssystem (PMS) können alle Hersteller auf eine Pantone-Farbe verweisen und sicherstellen, dass die Farbe übereinstimmt (egal wo gedruckt wird).

HKS

Wurde von den drei Druck- bzw. Künstler-Farbenherstellern Hostmann-Steinberg Druckfarben, Kast & Ehinger Druckfarben und H. Schmincke & Co gegründet. Im Gegensatz zu Pantone, wird HKS eher in Deutschland vertrieben.

RAL

Neben Pantone und HKS ist auch RAL (“Reichsausschuss für Lieferbedingungen”) ein bekannter Hersteller. Die Farben kommen aber eher im Bereich Produktdesign in Verwendung.

JPG (JPEG, .jpg)

JPEGs sind komprimierte Bilddateien, die von Joint Photographic Electronic Group entwickelt wurden. Im Gegensatz zu PNGs oder GIFs, können sie keinen transparenten Hintergrund haben.

PNG (.png)

PNG steht für Portable Network Graphics. Im Gegensatz zu JPG bietet PNG eine verlustfreie Komprimierung, wodurch die Bildqualität erhalten bleibt, während die Dateigröße reduziert wird. PNG wird häufig für Bilder mit transparentem Hintergrund, Logos und Grafiken verwendet.

TIFF (.tiff)

TIFF steht für Tagged Image File Format. Dieses Format erzeugt Bilder mit einer höheren Qualität als JPEG oder PNG und unterstützt auch für den Druck benötigte CMYK-Profil.

GIF (.gif)

Graphics Interchange Format ist ein Format, das Animationen und Transparenz unterstützt. GIFs sind in der Regel klein, haben aber eine begrenzte Farbtiefe und unterstützen keine Audioinhalte.

SVG (.svg)

SVG steht für Scalable Vector Graphics. SVGs sind textbasiert und skalierbar und daher eignen sie sich gut für Logos und andere Grafiken.

Lorem ipsum

Es ist ein Leertext, den man als Platzhalter in Designs nutzt bevor man den tatsächlichen Text einfügt. Es hilft einfach der besseren Veranschaulichung.

Wireframe

Ein Wireframe ist wie eine grobe Skizze für eine Website, eine App oder eine grafische Benutzeroberfläche. Es zeigt die grundlegende Struktur und Anordnung von Elementen, wie beispielsweise Text, Bilder und Schaltflächen, ohne sich um das genaue Design wie Farbe, Typografie etc. zu kümmern.

UI Design

User Interface Design, konzentriert sich auf die visuelle Gestaltung und die Interaktionselemente, die die Benutzer verwenden, um mit einem Produkt oder einer Anwendung zu interagieren. D.h. UI Designer kümmern sich um das Design von Schaltflächen, Menüs, Symbolen, Farben, Schriftarten und anderen grafischen Elementen.

Das Ziel besteht darin, eine ansprechende und benutzerfreundliche Benutzeroberfläche zu schaffen, die die Funktionalität des Produkts unterstützt und die Benutzererfahrung verbessert.

UX Design

User Experience Design, bezieht sich auf den Prozess, das Konzept und die Gestaltung der gesamten Interaktion, die ein Nutzer mit einem Produkt oder einer Dienstleistung hat. Das Ziel ist es, die Nutzerzufriedenheit und -freundlichkeit zu optimieren, indem es sicherstellt, dass das Produkt nützlich, leicht verständlich und effizient zu bedienen ist.

Es berücksichtigt Aspekte wie Benutzerforschung, Benutzerfluss, Informationsarchitektur und Usability-Tests, um eine positive Gesamterfahrung zu gewährleisten.

Design Thinking

Ganz simpel ausgedrückt ist es eine kreative, auf den Nutzer fokussierte Herangehensweise, um komplexe Probleme zu lösen und Innovative Ideen zu entwickeln.

Pioniere sind u.a. Tim Brown von der Design- und Innovationsberatungsagentur IDEO. Im Design Thinking gibt es sechs Schritte, die wiederholt werden: verstehen, beobachten, definieren, Ideen finden, Prototypen entwickeln, testen. Dadurch fördere man mehr Innovation und Kreativität im Unternehmen.

Browser

Ein Browser, auch Webbrowser genannt, ist eine Softwareanwendung, die verwendet wird, um Webseiten, Grafiken und andere Online-Inhalte anzuzeigen. Die meisten nutzen Google Chrome, Microsoft Edge und Safari. Es gibt aber noch viel mehr.

URL

Uniform Resource Locators sind vergleichbar mit Adressen, die sagen, wo ein Dokument zu finden ist (wird ja von allen oft einfach nur als Internetlink bezeichnet).

HTTP & HTTPS

Es steht für “Hypertext Transfer Protocol” (Hypertext-Übertragungsprotokoll) und ist sozusagen eine Regel, die im World Wide Web verwendet wird, um Informationen zwischen einem Webserver und einem Webbrowser zu leiten.

Https steht für “HTTP Secure”, was auf eine sichere und verschlüsselte Verbindung hinweist. Internetlinks, die das “https://” zu Beginn haben, sind somit etwas sicherer.

IP-Adresse

Jedes Gerät, das sich mit dem Internet verbindet, verwendet eine einzigartige Internetprotokoll (IP)-Adresse zur Identifizierung. Sie sieht meistens aus wie eine lange Reihe von Zahlen. Anders als URLs, können nur Geräte sie lesen.

Domain

Jeder kennt die Domain als den Namen einer Website und ist somit einzigartig. Es ist außerdem ein Bestandteil des URLs. Jede Domain wird in Form der IP-Adresse auf einem Server gespeichert.

Hosting

(Web-)Hosting ist eine Dienstleistung, bei der die Website auf einem Server gespeichert wird, sodass jeder im Internet darauf zugreifen kann.

Server

Ein Programm, dass bestimmte Dienste wie das Speichern und Abrufen von Informationen anbietet. Diese Programme laufen auf Rechnern.

Webentwicklung

Webentwicklung bezieht sich auf die Erstellung und Wartung von Websites und Webanwendungen (Web-Apps). Es umfasst eine Reihe von Aufgaben, die zur Erstellung einer funktionalen und ansprechenden Website erforderlich sind.

Die Webentwicklung umfasst in der Regel die folgenden Hauptbereiche:

1. Frontend–Entwicklung: Dieser Bereich konzentriert sich auf die Gestaltung und Entwicklung der Benutzeroberfläche einer Website. Hier werden HTML (Hypertext Markup Language), CSS (Cascading Style Sheets) und JavaScript verwendet, um das Erscheinungsbild und Verhalten der Website zu definieren.
   
2. Backend–Entwicklung: Dieser Bereich konzentriert sich auf die Entwicklung der Serverseite einer Website. Hier werden Programmiersprachen wie PHP, Python, Ruby, Java oder Node.js verwendet, um die Logik und die Datenbankintegration einer Website zu implementieren. Backend-Entwickler kümmern sich um die Datenverarbeitung, Datenbankabfragen, Benutzerauthentifizierung und andere serverseitige Aufgaben.
   
3. Datenbankentwicklung: Hier geht es um die Verwaltung und Organisation von Daten, die von einer Website verwendet werden. Datenbanken wie MySQL, PostgreSQL oder MongoDB werden verwendet, um Daten zu speichern, abzurufen und zu aktualisieren.

Webseite

Eine Webseite ist eine einzelne Seite einer Website. Mit Website ist nämlich die gesamte Onlinepräsenz des Unternehmens gemeint.

Theme

Ein Theme beschreibt das visuelle Erscheinungsbild einer Website (Stil, Schriftarten, Farbe und Form). Und ist somit nicht mit dem Wort Template zu verwechseln.

Template ist eine Schablone für eine bestimmte Seite. Eine Website kann nur ein Theme, aber mehrere Templates beinhalten.

Staging Site

Ein Staging ist eine Replikation von der Live-Website. Sie wird gerne während der Programmierung eingesetzt. Dadurch werden Veränderungen oder Verbesserungen entwickelt ohne dabei die “andere” Website, die sichtbar für User ist, nicht zu beeinträchtigen.

Plugins

Plugins sind Erweiterungsmodule oder Softwarekomponente, die in eine bestehende Software integriert werden, um zusätzliche Funktionen und Features bereitzustellen. Sie werden häufig in Content-Management-Systemen (CMS) wie WordPress, Webbrowsern, E-Mail-Clients, Bildbearbeitungsprogrammen und anderen Anwendungen verwendet. Sie ermöglichen es Website-Besitzern, ihre Websites an ihre spezifischen Anforderungen anzupassen und zu erweitern.

API

Eine API (Application Programming Interface) fungiert als Vermittler zwischen verschiedenen Anwendungen. Sie spielen eine zentrale Rolle bei der Integration von Anwendungen, dem Austausch von Daten und der Erweiterung der Funktionen von Softwareanwendungen. Sie ermöglichen es Entwicklern, auf bereits vorhandene Dienste oder Funktionen zuzugreifen und diese in ihren eigenen Anwendungen zu nutzen.

Beispiele sind Anbindung der Website mit dem Kassenbestellsystem.

SEM & SEO

Suchmaschinenmarketing (Search Engine Marketing, SEM) umfasst Maßnahmen zur Steigerung der Sichtbarkeit einer Website in den Suchmaschinenergebnissen. Dazu gehören bezahlte Anzeigen (Suchmaschinenwerbung, SEA) und Suchmaschinenoptimierung (Search Engine Optimization, SEO). Dies ist ein Teilbereich des digitalen Marketings.

CMS

Es steht für Content Management System. Der Name sagt schon alles. Es ist eine Softwareanwendung, mit dem man eine Menge an Inhalten wie Texte, Bilder und Videos effizienter verwalten, bearbeiten und online darstellen kann. Bekanntes CMS ist z.B. WordPress. Ein CMS hat eine visuelle Benutzeroberfläche mit Tools zum Erstellen, Bearbeiten und Veröffentlichen von Webinhalten, ohne dass programmiert werden muss.

Metadaten

Es sind beschreibende Informationen, die dazu dienen, Daten zu kategorisieren, zu organisieren und zu verstehen.

Wenn man eine Website aufruft, können die Metadaten im Quellcode Informationen über den Titel der Seite, die Autorin oder den Autor, eine kurze Beschreibung und Stichwörter (Keywords) für Suchmaschinen enthalten.

In Fotos oder Videos können Metadaten wie Ort und Aufnahmezeitpunkt enthalten.

Snippet

Als Snippets werden in den Suchergebnissen einer Suchmaschine kleine Textausschnitte aus einer Webseite bezeichnet. Häufig verwenden Suchmaschinen wie Google die Metabeschreibung sowie den Metatitel der Zielseite für das Snippet.

Alt Text

Auch als “Alt-Attribute” oder “Alt-Beschreibungen” bezeichnet, sind kurze Textbeschreibungen, um Bilder auf einer Webseite zu beschreiben oder zu kennzeichnen. Wozu? Um Informationen bereitzustellen, falls ein Bild nicht angezeigt werden kann oder von einem Bildschirmleseprogramm vorgelesen wird (Barrierefreiheit).

Wireframing

Wireframing ist die Visualisierung von Website-Strukturen. Dabei zeigt das Wireframe das Layout, die Inhalte und Elemente, die die User nutzen werden.