Zum Hauptinhalt springen
JH Media Group — Content, Design, Events, Streaming
Design · Branding · Systeme

Design, dasnicht nurgut aussieht.Sondern etwasauslöst.

Heawin — Key Visual für die PUBG-Coaching-Kampagne, gestaltet von JH Media Group

Wir entwickeln visuelle Systeme, die Marken wiedererkennbar machen — digital, physisch und über alle Berührungspunkte hinweg.

IdeeIdentitätSystem
01 — Prozess
Idee → System

Erst der Gedanke.
Dann die Form.

Eine starke visuelle Identität beginnt nicht mit Farben oder Schriften — sondern mit Haltung, Ziel und dem, was eine Marke von allem anderen unterscheidet. Erst wenn das klar ist, geben wir dem Ganzen eine Form.

01

Idee

Haltung, Ziel und Richtung klären

02

Positionierung

Was unterscheidet, was verbindet

03

Form

Typografie, Farbe, Formensprache

04

System

Regeln, die überall funktionieren

02 — Markensystem
Identität

Nicht nur
ein Logo.
Ein System.

Eine Marke funktioniert nur, wenn sie überall gleich gelesen wird — auf Papier, auf dem Bildschirm, in der Hand. Am Beispiel Die Wirtschaftskanzlei: eine Form, eine Farblogik, dieselbe Haltung auf Visitenkarte und Website.

  1. AMarkeWort- und Bildmarke, Chevron als Konstante
  2. BFarbeGold als Akzent, Graphit als Träger
  3. CPrintVisitenkarte: Vorder- und Rückseite
  4. DDigitalDieselbe Form im Web-Header
DWK — Die Wirtschaftskanzlei, Wortmarke mit Chevron-Bildmarke
MarkeDWK
#DFA425Akzent
#343434Grundton
#A9A7A5Sekundär
#FFFFFFFläche
Farbeaus dem Artwork entnommen
DWK — Visitenkarte Vorderseite mit Wortmarke und Chevron
Visitenkarte — Vorderseite
DWK — Visitenkarte Rückseite mit Kontaktdaten und QR-Code
Rückseite
PrintCorporate Design · Print · Web
DWK — Website-Header mit derselben Chevron-Form und Goldfläche wie im Printauftritt
Digitaldieselbe Form, anderes Medium
03 — Geschäftsausstattung
Print

Vier Marken.
Ein Aufbau.

Ein Geschäftsbogen ist der Härtetest für ein Markensystem: viel Weißraum, wenig Gestaltung, jede Entscheidung sichtbar. Die vier Bögen gehören zu vier völlig unterschiedlichen Auftraggebern — und folgen derselben Konstruktion.

Kopf
Marke, immer an derselben Kante
Satzspiegel
frei — der Brief gehört dem Absender
Fußzeile
Kontakt, Bank, Steuernummer
DWK — A4-Geschäftsbogen mit Graphitkopf, Chevron und Goldlinie
Die WirtschaftskanzleiGraphitkopf, Chevron, Goldkante
Schrauberhalle — A4-Geschäftsbogen mit dunklem Kopf und zentrierter Marke
SchrauberhalleDunkler Kopf, Marke zentriert
Hörz Landschafts- und Sportstättenbau — A4-Geschäftsbogen mit Himmelverlauf und Baummotiv
Hörz LandschaftsbauHimmelverlauf, Baummotiv im Satz
Narrenzunft Waddabolla Weib'r — A4-Geschäftsbogen mit Maskenmotiv und roter Signalkante
Waddabolla Weib'rMaskenmotiv, rote Signalkante
Geschäftsbogen · Visitenkarte · Anzeige · Digital — dieselben Regeln
04 — Systeme
Scout & NOVA

Vom Interface
zum Werkzeug.

Ein System ist erst fertig, wenn es etwas tut. Der Website Scout ist so ein Werkzeug: UX-Logik, Informationsarchitektur und Conversion-Denken, gebaut als Interface, das eine Website liest, bewertet — und aus dem Befund eine Handlung macht. Rechts steht es als Konstruktionszeichnung.

liestbewertetführtAnfrage
UX-LogikInformationsarchitekturInterface-SystemConversion-FlowMotion & Zustände
PrüfprotokollBeispiel-Befund
meine-firma.de
  • TempoAntwortzeit & Startlast58/ 100
  • KlarheitBotschaft & Auffindbarkeit71/ 100
  • VertrauenVerbindung & Signale66/ 100
  • ConversionVom Besuch zur Anfrage34/ 100
    → größter Hebel

Solide Basis — das größte ungenutzte Potenzial liegt auf dem Weg vom Besuch zur Anfrage.

Deine Website prüfen

Eine Handlung, kein Formular

Eine Adresse genügt — der Website-Check verlangt keine Anmeldung und keine E-Mail.

Vier Achsen statt vierzig Metriken

Informationsarchitektur des Befunds: Tempo, Klarheit, Vertrauen, Conversion.

Messgrammatik

Lime misst, Weiß protokolliert — Zustand ist Farbe, nicht Dekor.

Vom Befund zur Handlung

Jede Lesung endet in einem nächsten Schritt — Conversion als Designentscheidung.

Systemtyp 02 — Advisor

Der zweite Systemtyp wohnt im Interface selbst: Advisors wie NOVA beraten, führen und qualifizieren Anfragen — gestaltet als Teil der Website, nicht als Fremdkörper. Gebaut von JH MEDIA; der Beweis läuft live auf dieser Seite.

Besucher

„Wir brauchen eine Website mit Shop — wo fangen wir an?“

NOVA

„Mit drei Fragen. Danach fasse ich euer Projekt für das Team zusammen — Umfang, Richtung, nächster Schritt.“

05 — Digital
Heawin — komplette Startseite als Gesamtaufnahme: Sektionsrhythmus von Hero bis Formular
Heawin — Gesamtseite
Narrenzunft Waddabolla Weib'r — Startseite mit Bildwelt und Navigation
Waddabolla Weib'r — Startseite

Identität
im digitalen
Raum.

Eine Seite ist mehr als ihr erster Bildschirm. Sie hat einen Rhythmus: wo sie ruhig wird, wo sie drückt, wo die Entscheidung fällt. Wir gestalten diesen Verlauf von Anfang bis Ende.

WebdesignLayout & HierarchieUI / InterfacesMotion-ReadyContent-Integration
06 — Anwendung
Physisch

Marke endet
nicht am
Bildschirm.

Gedruckte Dinge haben zwei Seiten, einen Falz und ein Format. Sie werden angefasst, weitergegeben, an eine Wand gehängt. Genau danach werden sie gestaltet — nicht als Export einer Bildschirm- gestaltung.

MenükartenTextil & MerchPlakateDrucksachen
Umdrehen

Schrauberhalle

Vorne klein auf der Brust, hinten über den ganzen Rücken. Dieselbe Marke muss beide Größen aushalten.

Schrauberhalle — Shirt-Mockup Vorderseite mit kleiner Brustmarke
Vorderseite
Schrauberhalle — Shirt-Mockup Rückseite mit großformatiger Marke
Rückseite
Hochzeit C+J — Menükarte außen: Titelseite mit Goldkranz
Außen — Titel
Hochzeit C+J — Menükarte innen: Weinkarte und Menüfolge im Doppelseiten-Satz
Innen — Menüfolge
Aufklappen

Hochzeit C+J

Ein gefaltetes Stück wird zweimal gestaltet: für den Moment auf dem Teller und für den Moment, in dem es aufgeht.

Adventsmärktle Tischardt 2025 — Plakat mit Termin und Schneeflockenmotiv
Format

Adventsmärktle Tischardt

Ein Aushang muss aus fünf Metern funktionieren und aus fünfzig Zentimetern noch alle Informationen tragen. Zwei Leseabstände, eine Seite.

Plakat · Aushang
07 — Leistungen
9 Leistungen

Was wir gestalten.

01

Brand Identity

Positionierung, Markenkern, Werte — das Fundament vor der Form

02

Logo & Markensysteme

Wortmarke, Bildmarke, Varianten, Schutzraum, Regeln

03

Corporate Design

Farbe, Typografie, Raster, Bildsprache als System

04

Webdesign

Responsive Layouts, die aussehen wie die Marke

05

UI / Digital Design

Interfaces, Komponenten, digitale Berührungspunkte

06

Social Design

Templates, Formate und Systeme für Social-Media-Kanäle

07

Print Design

Visitenkarten, Geschäftspapier, Flyer, Plakate, Anzeigen

08

Kampagnenvisuals

Key Visuals und Adaptionen für Kampagnen

09

Präsentationen & Editorial

Pitch-Decks, Reports, Layouts — lesbar und markentreu

Die Motive, die ein solches System füllen, entstehen in der Content-Produktion. Dieselbe Systemlogik auf einer anderen Oberfläche findet sich im Stream-Design für Creator. Wie aus einem Markensystem eine Website wird, steht im Webdesign.

Der Punkt

Deine Idee.Deine Identität.

Erzähl uns, was eine Form braucht.
Wir gestalten den Rest.

03 — Kontakt

Hast du eineIdee?Machen wir sie sichtbar.

Erzähl uns kurz, woran du arbeitest. Wir melden uns mit einer ersten Einschätzung — konkret, ohne Umwege.

anfrage@jh-mediagroup.de+49 7022 2198793Frickenhausen · Stuttgart Region