Kevin Adametz
9c6b7ed4f3
Beide Sites mit lokalem Font-Hosting, WebP, Build-Pipeline, SEO-Basis, HSTS, Performance-Tuning und aktualisierten Impressum/Datenschutz-Texten. Co-authored-by: Cursor <cursoragent@cursor.com>
433 lines
21 KiB
HTML
433 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="monolith">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||
<title>Audit anfragen · MARKE MACHT</title>
|
||
<meta name="description" content="Das Marken-Klarheits-Audit prüft, wo Ihr Unternehmen sprachlich, strategisch und strukturell an Klarheit verliert." />
|
||
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="MARKE MACHT" />
|
||
<meta property="og:title" content="Audit anfragen · MARKE MACHT" />
|
||
<meta property="og:description" content="Das Marken-Klarheits-Audit prüft, wo Ihr Unternehmen sprachlich, strategisch und strukturell an Klarheit verliert." />
|
||
<meta property="og:url" content="https://markemacht.de/audit.html" />
|
||
<link rel="canonical" href="https://markemacht.de/audit.html" />
|
||
<meta property="og:locale" content="de_DE" />
|
||
<meta property="og:image" content="https://markemacht.de/assets/img/og-share.webp" />
|
||
<meta property="og:image:width" content="1200" />
|
||
<meta property="og:image:height" content="630" />
|
||
<meta property="og:image:alt" content="MARKE MACHT — Denkraum für Unternehmer" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:image" content="https://markemacht.de/assets/img/og-share.webp" />
|
||
<meta name="theme-color" content="#0A0A0A" media="(prefers-color-scheme: dark)" />
|
||
<meta name="theme-color" content="#FBFAF2" media="(prefers-color-scheme: light)" />
|
||
|
||
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg" />
|
||
<link rel="preconnect" href="https://sys.adametz.media" crossorigin />
|
||
|
||
<script>
|
||
(function () {
|
||
'use strict';
|
||
if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
|
||
if (!location.hash) window.scrollTo(0, 0);
|
||
|
||
var key = 'mm-wirkung';
|
||
var valid = ['monolith', 'editorial'];
|
||
var v = null;
|
||
try { v = localStorage.getItem(key); } catch (_) {}
|
||
if (valid.indexOf(v) === -1) v = 'monolith';
|
||
document.documentElement.setAttribute('data-theme', v);
|
||
|
||
var fontBase = './assets/fonts/';
|
||
var displayFont = v === 'editorial'
|
||
? fontBase + 'plus-jakarta-sans/plus-jakarta-sans-v12-latin-600.woff2'
|
||
: fontBase + 'outfit/outfit-v15-latin-700.woff2';
|
||
[fontBase + 'space-grotesk/space-grotesk-v22-latin-regular.woff2', displayFont].forEach(function (href) {
|
||
var link = document.createElement('link');
|
||
link.rel = 'preload';
|
||
link.as = 'font';
|
||
link.type = 'font/woff2';
|
||
link.crossOrigin = 'anonymous';
|
||
link.href = href;
|
||
document.head.appendChild(link);
|
||
});
|
||
|
||
['./assets/fonts/fonts-shared.css', './assets/fonts/fonts-' + v + '.css'].forEach(function (href) {
|
||
var link = document.createElement('link');
|
||
link.rel = 'stylesheet';
|
||
link.href = href;
|
||
document.head.appendChild(link);
|
||
});
|
||
|
||
var heroes = {
|
||
'index.html': { monolith: 'start-monolith.webp', editorial: 'start-editorial.webp' },
|
||
'manifest.html': { monolith: 'manifest-monolith.webp', editorial: 'manifest-editorial.webp' },
|
||
'methode.html': { monolith: 'methode-monolith.webp', editorial: 'methode-editorial.webp' },
|
||
'denken.html': { monolith: 'denken-monolith.webp', editorial: 'denken-editorial.webp' }
|
||
};
|
||
var page = location.pathname.split('/').pop() || 'index.html';
|
||
var pair = heroes[page];
|
||
if (pair) {
|
||
var img = pair[v] || pair.monolith;
|
||
var preload = document.createElement('link');
|
||
preload.rel = 'preload';
|
||
preload.as = 'image';
|
||
preload.href = './assets/img/' + img;
|
||
preload.type = 'image/webp';
|
||
if ('fetchPriority' in preload) preload.fetchPriority = 'high';
|
||
document.head.appendChild(preload);
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
<link rel="stylesheet" href="./assets/css/app.css?v=20250610" />
|
||
<script defer src="https://sys.adametz.media/config.js" data-website-id="40125fcf-49c4-43f3-a9a5-9eec5eb55696"></script>
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "WebSite",
|
||
"name": "MARKE MACHT",
|
||
"url": "https://markemacht.de/",
|
||
"description": "Denkraum für Unternehmer im Mittelstand. Marke ist die Fähigkeit eines Unternehmens, sich selbst eindeutig zu erklären.",
|
||
"inLanguage": "de-DE"
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<a class="visually-hidden" href="#main">Zum Inhalt springen</a>
|
||
|
||
<nav class="nav" aria-label="Hauptnavigation" data-site-nav>
|
||
<div class="nav-inner">
|
||
<a class="nav-brand" href="./index.html">MARKE MACHT</a>
|
||
|
||
<div class="nav-links">
|
||
<a class="nav-link" href="./index.html" data-nav-page="start">Start</a>
|
||
<a class="nav-link" href="./manifest.html" data-nav-page="manifest">Manifest</a>
|
||
<a class="nav-link" href="./methode.html" data-nav-page="methode">Methode</a>
|
||
<a class="nav-link" href="./denken.html" data-nav-page="denken">Denken</a>
|
||
</div>
|
||
|
||
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
||
<span class="wirkung-label">Wirkung:</span>
|
||
<button type="button" class="wirkung-option" data-wirkung="monolith" aria-pressed="false">monolithisch</button>
|
||
<span class="wirkung-sep" aria-hidden="true">·</span>
|
||
<button type="button" class="wirkung-option" data-wirkung="editorial" aria-pressed="false">editorial</button>
|
||
</div>
|
||
|
||
<a class="nav-cta" href="./audit.html">Audit anfragen</a>
|
||
|
||
<button class="menu-btn" data-drawer-open aria-label="Menü öffnen" aria-controls="mobile-drawer" aria-expanded="false">
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#menu"></use></svg>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
|
||
<aside id="mobile-drawer" class="mobile-drawer" data-mobile-drawer aria-hidden="true" aria-label="Mobile Navigation">
|
||
<div class="mobile-drawer-head">
|
||
<span class="nav-brand">MARKE MACHT</span>
|
||
<button class="menu-btn" data-drawer-close aria-label="Menü schließen">
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#close"></use></svg>
|
||
</button>
|
||
</div>
|
||
<nav class="mobile-drawer-links" aria-label="Mobile Hauptnavigation">
|
||
<a class="mobile-drawer-link" href="./index.html" data-nav-page="start">Start</a>
|
||
<a class="mobile-drawer-link" href="./manifest.html" data-nav-page="manifest">Manifest</a>
|
||
<a class="mobile-drawer-link" href="./methode.html" data-nav-page="methode">Methode</a>
|
||
<a class="mobile-drawer-link" href="./denken.html" data-nav-page="denken">Denken</a>
|
||
</nav>
|
||
<div class="mobile-drawer-footer">
|
||
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
||
<span class="wirkung-label">Wirkung:</span>
|
||
<button type="button" class="wirkung-option" data-wirkung="monolith" aria-pressed="false">monolithisch</button>
|
||
<span class="wirkung-sep" aria-hidden="true">·</span>
|
||
<button type="button" class="wirkung-option" data-wirkung="editorial" aria-pressed="false">editorial</button>
|
||
</div>
|
||
<a class="nav-cta mobile-drawer-cta" href="./audit.html">Audit anfragen</a>
|
||
</div>
|
||
</aside>
|
||
|
||
<main id="main">
|
||
<header class="hero">
|
||
<div class="shell grid-12 hero-grid">
|
||
<div class="col-12 md:col-7 stack-32" data-reveal>
|
||
<span class="meta">[01] Audit anfragen</span>
|
||
<h1 class="hero-headline" style="max-width: 14ch;">
|
||
Audit anfragen. Klarheit gewinnen.
|
||
</h1>
|
||
<p class="lead dim max-wide">
|
||
Für Unternehmen, die merken: mehr Kommunikation löst das Problem nicht. Das Marken-Klarheits-Audit prüft, wo Sprache, Struktur und Führung an Erklärbarkeit verlieren.
|
||
</p>
|
||
<div class="btn-row">
|
||
|
||
<a class="btn btn-ghost" href="#ablauf">
|
||
Ablauf verstehen
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-downward"></use></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<aside class="col-12 md:col-5 card stack-24" style="padding: clamp(28px, 4vw, 48px);" data-reveal data-reveal-delay="120">
|
||
<span class="tag">Direkt anfragen</span>
|
||
<h2 class="sub-headline">Kurzer Erstkontakt. Klare Einordnung.</h2>
|
||
<p class="body-text">
|
||
Schreiben Sie in zwei bis fünf Sätzen, wo die Unklarheit sichtbar wird: Vertrieb, Website, Führung, Wachstum, Nachfolge oder Positionierung.
|
||
</p>
|
||
<p class="body-text">
|
||
Sie bekommen eine Einschätzung, ob ein Marken-Klarheits-Audit sinnvoll ist und welcher nächste Schritt trägt.
|
||
</p>
|
||
<div>
|
||
<button class="btn btn-nav-cta" type="button" data-audit-modal-open>
|
||
Anfrage starten
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||
</button>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="section section-border-top">
|
||
<div class="shell grid-12">
|
||
<div class="col-12 stack-16" data-reveal>
|
||
<span class="meta">[02] Worum es geht</span>
|
||
</div>
|
||
<div class="col-12 stack-32 max-wide" data-reveal>
|
||
<p class="editorial comment" style="color: rgb(var(--color-text-primary));">
|
||
Marke ist die Fähigkeit eines Unternehmens, sich selbst eindeutig zu erklären.
|
||
</p>
|
||
<p class="body-text max-prose">
|
||
Genau dort setzt das Audit an. Es untersucht nicht, ob eine Kampagne gefällt oder ob ein Logo modern wirkt. Es prüft, ob Ihr Unternehmen ein belastbares Regelwerk besitzt: klare Begriffe, nachvollziehbare Positionierung, konsistente Argumente und Grenzen, an denen Entscheidungen ausgerichtet werden können.
|
||
</p>
|
||
<p class="body-text max-prose">
|
||
Dafür trennt es Substanz von Wirkung — und macht sichtbar, wo Bedeutung an einzelnen Personen hängt statt an dokumentierter Logik.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section" style="background: rgb(var(--color-bg-surface));">
|
||
<div class="shell grid-12">
|
||
<div class="col-12 stack-16" data-reveal>
|
||
<span class="meta">[03] Typische Auslöser</span>
|
||
<h2 class="section-headline" style="max-width: 18ch;">Wenn Klarheit operativ teuer wird.</h2>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="symptoms">
|
||
<article class="card" data-reveal>
|
||
<span class="tag">Signal 01</span>
|
||
<h3 class="sub-headline" style="margin-top: 16px; margin-bottom: 12px;">Jeder erklärt anders.</h3>
|
||
<p class="body-text">
|
||
Vertrieb, Führung und Marketing nutzen unterschiedliche Argumente. Der Markt bekommt kein eindeutiges Bild, intern entstehen Reibungsverluste.
|
||
</p>
|
||
</article>
|
||
<article class="card" data-reveal data-reveal-delay="80">
|
||
<span class="tag">Signal 02</span>
|
||
<h3 class="sub-headline" style="margin-top: 16px; margin-bottom: 12px;">Kommunikation hängt an Personen.</h3>
|
||
<p class="body-text">
|
||
Wert, Tonalität und Positionierung stecken in Köpfen, aber nicht in einem anwendbaren System. Neue Mitarbeiter und externe Partner müssen raten.
|
||
</p>
|
||
</article>
|
||
<article class="card card-accent-border" data-reveal data-reveal-delay="160">
|
||
<span class="tag">Signal 03</span>
|
||
<h3 class="sub-headline" style="margin-top: 16px; margin-bottom: 12px;">Mehr Output löst weniger.</h3>
|
||
<p class="body-text">
|
||
Content, Kampagnen und Designkorrekturen werden lauter, aber nicht klarer. Das eigentliche Fundament bleibt ungeprüft.
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section section-border-top" id="ablauf">
|
||
<div class="shell grid-12">
|
||
<div class="col-12 stack-16" data-reveal>
|
||
<span class="meta">[04] Ablauf</span>
|
||
<h2 class="section-headline" style="max-width: 18ch;">Drei Fragen. Keine Kosmetik.</h2>
|
||
</div>
|
||
<div class="col-12 stack-16">
|
||
<article class="card dna-item stack-16" data-reveal>
|
||
<span class="meta accent">[01] Material sichten</span>
|
||
<h3 class="sub-headline">Was kommuniziert das Unternehmen heute?</h3>
|
||
<p class="body-text max-prose">
|
||
Website, Sales-Unterlagen, Claims, Angebotslogik und zentrale Aussagen werden auf Wiederholbarkeit, Präzision und Widersprüche geprüft.
|
||
</p>
|
||
</article>
|
||
<article class="card dna-item stack-16" data-reveal data-reveal-delay="80">
|
||
<span class="meta accent">[02] Struktur freilegen</span>
|
||
<h3 class="sub-headline">Welche Logik trägt die Marke wirklich?</h3>
|
||
<p class="body-text max-prose">
|
||
Wir trennen Substanz von Dekoration: Identitätskern, Positionierungslogik, Sprachregeln, Themenrahmen und Grenzregeln.
|
||
</p>
|
||
</article>
|
||
<article class="card dna-item stack-16" data-reveal data-reveal-delay="160">
|
||
<span class="meta accent">[03] Diagnose formulieren</span>
|
||
<h3 class="sub-headline">Wo muss zuerst geklärt werden?</h3>
|
||
<p class="body-text max-prose">
|
||
Die Brüche werden priorisiert: welche akut sind, welche Grundlagen fehlen und welcher Schritt strategisch zuerst trägt.
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section section-border-top">
|
||
<div class="shell grid-12">
|
||
<div class="col-12 md:col-8 stack-32" data-reveal>
|
||
<span class="meta">[05] Das Ergebnis</span>
|
||
<h2 class="section-headline" style="max-width: 16ch;">Was am Ende steht.</h2>
|
||
<p class="lead dim max-prose">
|
||
Am Ende steht kein Foliensatz, sondern eine erste dokumentierte Marken-DNA: Identitätskern, Positionierungslogik, Sprachregeln, Themenrahmen und Grenzregeln — versioniert und an realen Texten geprüft. Dazu eine priorisierte Handlungsempfehlung: was jetzt zählt, was warten kann.
|
||
</p>
|
||
<p class="body-text max-prose">
|
||
Format: 7–10 Tage, ein strukturierter Termin (90 Minuten), Vor- und Nachbereitung asynchron. Keine Workshops, keine Endlosschleifen.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section section-border-top">
|
||
<div class="shell grid-12">
|
||
<div class="col-12 md:col-8 card stack-32" style="padding: clamp(40px, 6vw, 96px);" data-reveal>
|
||
<span class="meta">Häufiger Einwand</span>
|
||
<h2 class="section-headline" style="max-width: 18ch;">„Wir haben doch schon ein Markenkonzept.“</h2>
|
||
<p class="lead dim max-prose">
|
||
Wahrscheinlich beschreibt es, wie Ihre Marke aussieht und klingt — Logo, Werte, Tonalität. Das Audit arbeitet eine Ebene tiefer: an der Logik, mit der Sie entscheiden — wofür Sie stehen, was Sie nie sagen, wo Ihre Grenzen liegen.
|
||
</p>
|
||
<p class="body-text max-prose">
|
||
Trägt Ihr Konzept diese Entscheidungen bereits, dokumentiert und führbar, brauchen Sie uns nicht. Sieht es vor allem gut aus, fehlt darunter das System.
|
||
</p>
|
||
<div>
|
||
<a class="link-arrow" href="./denken-warum-ein-markenkonzept-noch-keine-marke-ist.html">
|
||
Warum ein Markenkonzept noch keine Marke ist
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section section-border-top">
|
||
<div class="shell grid-12">
|
||
<div class="col-12 md:col-8 card stack-32" style="padding: clamp(40px, 6vw, 96px);" data-reveal>
|
||
<span class="meta">[06] Anfrage</span>
|
||
<h2 class="section-headline" style="max-width: 16ch;">Passt das Audit zu Ihrer Situation?</h2>
|
||
<p class="lead dim max-prose">
|
||
Schreiben Sie kurz, wo die Unklarheit gerade sichtbar wird: Vertrieb, Website, Führung, Wachstum, Nachfolge oder Positionierung. Eine knappe Einordnung reicht für den ersten Kontakt.
|
||
</p>
|
||
<div class="btn-row">
|
||
<button class="btn btn-nav-cta" type="button" data-audit-modal-open>
|
||
Anfrage starten
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||
</button>
|
||
<a class="btn btn-ghost" href="./methode.html">
|
||
Methode ansehen
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="footer-inner">
|
||
<div class="footer-meta">
|
||
<p class="footer-copy">© MARKE MACHT · Denkraum für Unternehmer</p>
|
||
<p class="footer-note">Keine Cookies</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<a class="footer-link" href="./impressum.html">Impressum</a>
|
||
<a class="footer-link" href="./datenschutz.html">Datenschutz</a>
|
||
<button class="footer-link" type="button" data-audit-modal-open>Anfrage</button>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<div class="modal-backdrop" data-audit-modal aria-hidden="true">
|
||
<div class="modal-dialog" role="dialog" aria-modal="true" aria-labelledby="audit-modal-title" aria-describedby="audit-modal-desc">
|
||
<button class="modal-close" type="button" data-audit-modal-close aria-label="Anfragefenster schließen">
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#close"></use></svg>
|
||
</button>
|
||
|
||
<div class="stack-32">
|
||
<div class="stack-16">
|
||
<span class="meta accent">Anfrage</span>
|
||
<h2 class="section-headline" id="audit-modal-title" style="max-width: 16ch;">Kurzer Erstkontakt.</h2>
|
||
<p class="body-text max-prose" id="audit-modal-desc">
|
||
Wählen Sie den direkten E-Mail-Weg oder senden Sie eine knappe Anfrage über das Formular.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="card stack-16">
|
||
<span class="meta">Direkt per E-Mail</span>
|
||
<p class="body-text">
|
||
Öffnet Ihr E-Mail-Programm mit vorausgefülltem Betreff.
|
||
</p>
|
||
<div>
|
||
<a class="btn btn-nav-cta" href="mailto:info@markemacht.de?subject=Anfrage%20Marken-Klarheits-Audit">
|
||
E-Mail öffnen
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div data-audit-form-panel>
|
||
<form class="modal-form stack-16" data-audit-form novalidate>
|
||
<div class="form-field">
|
||
<label class="meta" for="audit-name">Name</label>
|
||
<input id="audit-name" name="name" type="text" autocomplete="name" required />
|
||
</div>
|
||
|
||
<div class="form-field">
|
||
<label class="meta" for="audit-email">E-Mail</label>
|
||
<input id="audit-email" name="email" type="email" autocomplete="email" required />
|
||
</div>
|
||
|
||
<div class="form-field">
|
||
<label class="meta" for="audit-message">Worum geht es?</label>
|
||
<textarea id="audit-message" name="message" rows="5" required></textarea>
|
||
</div>
|
||
|
||
<div class="form-honeypot" aria-hidden="true">
|
||
<label for="audit-company">Firma</label>
|
||
<input id="audit-company" name="company" type="text" tabindex="-1" autocomplete="off" />
|
||
<label for="audit-url">Website</label>
|
||
<input id="audit-url" name="url" type="url" tabindex="-1" autocomplete="off" />
|
||
</div>
|
||
|
||
<label class="form-check">
|
||
<input name="privacy" type="checkbox" required />
|
||
<span class="form-switch" aria-hidden="true"></span>
|
||
<span>Ich akzeptiere die <a href="./datenschutz.html">Datenschutzerklärung</a>.</span>
|
||
</label>
|
||
|
||
<p class="form-status body-text" data-audit-form-status aria-live="polite"></p>
|
||
|
||
<div>
|
||
<button class="btn btn-nav-cta" type="submit">
|
||
Absenden
|
||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="form-success" data-audit-form-success hidden>
|
||
<div class="form-success-icon" aria-hidden="true">
|
||
<svg class="icon icon--lg" aria-hidden="true"><use href="./assets/icons.svg#check-circle"></use></svg>
|
||
</div>
|
||
<div class="stack-16">
|
||
<h3 class="sub-headline">Vielen Dank für Ihre Anfrage.</h3>
|
||
<p class="body-text">Wir werden uns in Kürze bei Ihnen melden.</p>
|
||
</div>
|
||
<button class="btn btn-ghost" type="button" data-audit-modal-close>
|
||
Schließen
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="./assets/js/app.js?v=20250610" defer></script>
|
||
</body>
|
||
</html>
|