Pole Positioning — App Creation History

Wie an einem Samstag eine App entstand, die Personal Branding strukturiert.

DOKU v1.3 · 2026-05-17 · inbetrieb

Pole Positioning by Laempe ist eine browserbasierte Web-App für Personal Branding. 40 Fragen in 7 Phasen, Mikrofoneingabe statt Tipparbeit, am Ende ein vollständiges Positionierungsdokument.

Sie entstand an einem Tag, Samstag, dem 16. Mai 2026, von der ersten Hypothese bis zum Live-Deployment auf Netlify.

Heute, am 17. Mai 2026, läuft sie zum Selbsttest. Die ersten Anregungen aus der Anwendergruppe fliessen bereits ein.

Selbsttest starten

Die App läuft live als Prototyp. Direkt im Browser ausprobieren, Anregungen mitnehmen, mit der eigenen Stimme arbeiten.

Pole Positioning öffnen → polepositioning.netlify.app

01Der Auslöser

Am Anfang stehen jahrzehntelanges Marketingwissen und die Beherrschung des Markenhandwerks von Gerardo J. Laempe. Aus vielen tiefgehenden Strategiegesprächen zu Marke und Positionierung formte sich die Idee, eine Basis aus den wirklich relevanten Fragen zu schaffen — Fragen, die zur eigenen Positionierung und Markenkraft führen.

Daraus wurde ein Werkzeug. 40 Fragen, sortiert in sieben Phasen, gebaut für ehrliche Antworten und konkrete Bausteine. Weitere wesentliche Fragen werden folgen und in die App einfliessen. Der Grundstein liegt.

Gute Positionierung entsteht aus ehrlichen Antworten auf wenige, dafür präzise Fragen. Werkzeug, Mikrofon, Struktur — der Rest erledigt sich beim Sprechen.

02Pole Positioning by Laempe — der Kunde im Mittelpunkt

Der Kunde ist der Held

Mir ist wichtig, das klarzustellen: Der Kunde steht im Mittelpunkt. Er ist der Held seiner Geschichte. Die Basisarbeit beginnt jedoch im Inneren, von innen nach aussen — Inner Management.

Wer weiss, wer er ist und wie er mit seiner Seele verbunden ist, handelt souverän aus dem Markenkern heraus. Wer diese Basis überspringt, wird zum Getriebenen der Aussenwirkung. Die Wirklichkeit im Aussen folgt der Klarheit im Innen.

Wenn die Basis aus qualifizierten Fragen und ehrlichen Antworten steht, lässt sich die Markenbotschaft im Markt testen. Dafür gibt es Simulationssoftware wie Mirofish, atypica.ai oder den Einstieg über Perplexity AI mit passenden Deep-Research-Prompts. Solche Prompts habe ich entwickelt, sie sind auf Anfrage verfügbar.

Wie das in der Anwendung genau funktioniert, zeige ich gerne in den Business-Mentorings.

Erst Inner Management, dann Aussenwirkung. Erst der Markenkern, dann die Marktbotschaft.

03Das Framework — 40 Fragen, 7 Phasen

Die App führt durch sieben Phasen. Die ersten fünf legen das Fundament. Phase sechs ist die ehrliche Selbstdiagnose. Phase sieben übersetzt alles in ein Marketing-System mit konkreten Hebeln.

P1
Wer bin ich
P2
Was biete ich
P3
Für wen
P4
Warum ich
P5
Wie wirke ich
P6 · Diagnose
Markenklarheit
P7 · System
Strategie & Hebel
#PhaseInhalt
1Wer bin ichIdentität, Mission, Werte, Marken-Archetyp, Big Idea
2Was biete ichKernangebot, Transformation, Pricing-Struktur
3Für wenTraumkunde, Schmerzen, Wünsche, Sprache der Zielgruppe
4Warum ichDifferenzierung, Wettbewerb, Markt-Überzeugungen
5Wie wirke ichTonalität, Glaubwürdigkeit, emotionale Wirkung
6MarkenklarheitSelbstdiagnose, Ein-Satz-Pitch, Personal Branding
7Strategie & HebelVertriebsweg, nächste Schritte, 30- bis 60-Tage-Hebel

Die Reihenfolge ist die Aufrichtung des Denkens. Wer in Phase eins beginnt und sich nach oben arbeitet, baut auf festem Grund. Phase sechs ist der Bruch in der Mitte. Hier sitzt die Frage, vor der die meisten ausweichen: Wie klar bist du heute wirklich?

04Warum Spracheingabe

Die Mikrofoneingabe ist mehr als ein Feature. Sie ist strategisch.

Wer tippt, zensiert. Wer spricht, kommt schneller zur Wirklichkeit.

Die Qualität der Antworten steigt, weil der Kopf aufhört, Texte zu redigieren, bevor sie entstanden sind. Jahrzehntelange Coaching-Erfahrung steckt in dieser Entscheidung. Wer in 40 Fragen seine Marke findet, gewinnt mit der Stimme.

Technisch trägt die Web Speech API direkt im Browser. Für längere Antworten lässt sich ein OpenAI-API-Key eintragen, dann übernimmt Whisper. Beides läuft lokal, bis der Nutzer aktiv exportiert.

05Die technische Wahl

Eine einzige HTML-Datei. Was im Browser läuft, läuft überall — auf dem Laptop, auf dem iPad, auf dem Server eines Freundes.

BausteinWahlWarum
StrukturSingle-file HTMLPortabel, druckbar, e-mail-fähig.
SpracheingabeWeb Speech API + WhisperBrowser-nativ, API-Key optional für höhere Genauigkeit.
SpeicherungLocalStorageDaten bleiben beim Nutzer. Auto-Save nach jeder Eingabe.
ExportMarkdown, JSON, Plain Text, PDF/DruckWeiterverwendbar in jedem Tool.
ComplianceEU AI Act Art. 50, Disclaimer integriertRechtssicher, ruhig im Auftritt.
DeploymentNetlify DropOrdner ziehen, Link da. Ideal für einen Prototyp am selben Tag.

Die App kommt mit reinen Web-Standards aus — HTML, CSS, ein bisschen Vanilla-JavaScript. Ein Werkzeug, das in zehn Jahren noch öffnen soll, gewinnt durch Genügsamkeit. Sie macht es überall lauffähig.

06Der Samstag — 16. Mai 2026

Ein Tag, eine Sitzung, ein lauffähiger Prototyp. So lief es ab.

Morgens

Hypothese und Fragenkatalog

Die 40 Fragen wurden sortiert, in sieben Phasen gegliedert und am Papier geprüft, bevor eine einzige Zeile Code entstand.

Mittags

Erste lauffähige Version

Single-file HTML, Mikrofoneingabe per Web Speech API, Whisper als Upgrade-Pfad, Auto-Save im LocalStorage. Erster Durchlauf durch alle Phasen.

Nachmittags

CI, Logo, Feinschliff

Farben aus dem CI-Original übernommen, Logo eingebunden. Auto-Save vom schwebenden Element in den Header verlagert, weil der Footer dort die Lesbarkeit gewinnt. Export auf Markdown, JSON, Plain Text und Druck-PDF angebunden.

Spätnachmittag

EU AI Act und Datenschutz

Disclaimer nach Art. 50 integriert. Datenfluss geprüft: Antworten bleiben im Browser, der API-Key wird lokal gespeichert, der Datenstrom bleibt beim Nutzer.

Abends

Deployment auf Netlify

Der 5_output/netlify_drop/-Ordner ging per Drag-and-Drop live. Link stand binnen Sekunden. Warum Netlify? Geschwindigkeit. Für einen Prototyp, der am selben Abend in der Anwendergruppe landen soll, reicht ein Hosting, das den Sprung in eine Geste verwandelt.

Vom leeren Ordner zum Live-Link in einem Tag. Möglich, weil die Struktur vor dem Code stand, das Single-File-Format jede Komplexität fernhielt und Netlify die letzte Hürde in eine Geste verwandelte.

07Live im Netz

Die App liegt unter folgendem Link bereit:

Pole Positioning · Prototyp

Selbsttest starten. 40 Fragen, 7 Phasen, eigene Stimme. Am Ende ein Positionierungsdokument zum Mitnehmen.

Zur App → polepositioning.netlify.app

Stand 17. Mai 2026 sammeln die ersten Anwender Erfahrungen. Anregungen fliessen direkt in die nächste Iteration: präzisere Fragen, klarere Übergänge zwischen den Phasen, sauberere Exports. Die App lernt durch ihre Nutzer.

08Security-Prüfung der HTML

Eine App, die mit der Stimme und mit persönlichen Inhalten arbeitet, braucht eine saubere Sicherheitsbasis. Sowohl die App als auch diese Doku wurden mit einem eigenen Prompt und einem spezialisierten Tool auf die kritischen Vektoren geprüft. Die Schutzschichten greifen über die Netlify-_headers-Datei und ergänzend über Meta-Tags im HTML-Head.

PrüfpunktErgebnis
Content-Security-Policy (CSP)Strikte Quellenliste — Fonts ausschliesslich von Google, alle anderen Quellen auf self reduziert. Bei der App zusätzlich connect-src für den Whisper-Endpunkt.
Referrer-Policystrict-origin-when-cross-origin per Header und Meta-Tag.
LocalStorage-InhalteSanitisierung beim Lesen und Schreiben, sichere Schlüsselverwaltung (in der App).
API-AufrufeWhisper-Endpunkt nur bei aktiv hinterlegtem Key, Transport via HTTPS.
DrittquellenReduziert auf Google Fonts mit Preconnect.
frame-ancestorsAuf none gesetzt — Schutz gegen Clickjacking.
Externe Linksrel="noopener noreferrer" auf allen target="_blank"-Links — kein Referrer-Leak, kein Reverse Tabnabbing.
Permissions-PolicyKamera, Geolokalisierung und Interest-Cohort deaktiviert; Mikrofon nur in der App freigegeben.
Die Prompts und das Prüf-Setup stellen wir gerne zur Verfügung. Eine kurze E-Mail genügt: ai@laempe.de

09Der Arbeits-Workflow

Das Projekt liegt in einer 7-Ordner-Struktur. Jede Datei hat ihren Ort, jeder Ort hat seinen Zweck. Diese Klarheit kostet zwei Minuten beim Anlegen und spart später Stunden.

0_system
Projektanweisung, Historie, CI-Vermerk. Das Steuerpult.
1_material
Rohstoffe: Transkript, Logo-Dateien, CI-Original-PDF, Hero-Bild.
2_instruktion
Der Fragenkatalog — die fachliche Grundlage des Tools.
3_werkbank
Hier wird gebaut. Alle Entwürfe liegen nebeneinander.
4_pruefung
Die Version, die gerade getestet wird.
5_output
Freigegeben, lauffähig, verteilbar. Hier liegt auch der Netlify-Drop.
6_freigaben
Abnahme-Notizen nach dem Selbsttest.

Der Weg einer Datei ist linear: 3_werkbank4_pruefung5_output. Wer das einmal verinnerlicht, weiss ohne nachzudenken, was als Nächstes kommt.

10Die CI-Entscheidung

Die Farbpalette stammt aus dem CI-Original — Special Violet als Anker, Brombeere als Sekundärfarbe. Was hinzukam, war die funktionale Belegung: Welche Farbe sagt was?

Hauptfarbe
#692B9E
Special Violet
Sekundär
#841667
Brombeere
Akzent · Hover
#CC088A
Lila-Pink
Mikrofon aktiv
#FF8308
Citrusy Orange
Gespeichert
#58B038
Parrot Green
Hintergrund
#F8F4FB
Sehr helles Lila

Drei Farben tragen Signalfunktion. Orange leuchtet auf, sobald das Mikrofon hört. Grün bestätigt, dass eine Antwort gespeichert ist. Pink markiert den Hover-Zustand auf Buttons. Die Farbe sagt, was gerade geschieht — selbsterklärend.

Headlines stehen in Marcellus, der Fliesstext in Inter. Beide kommen von Google Fonts, beide laden in Millisekunden. Schlicht, ruhig, zeitlos.

11Was am Ende entsteht

Nach 40 ehrlichen Antworten liegt mehr vor als ein ausgefülltes Formular. Es entsteht ein strukturiertes Dokument:

Positionierung

LinkedIn-Profil, About-Texte, Hero der Sales Page.

Angebot

Sales Pages, Pricing-Tabellen, Leistungsbeschreibungen.

Premium-Zielgruppe

ICP-Dokument mit Sprache, Schmerz, Wunsch.

Content-Strategie

Themen, Hooks, Tonalität für LinkedIn.

30- bis 60-Tage-Roadmap

Drei Hebel, ein Funnel, klare Schritte. Kompakt genug für echten Fortschritt.

Brand Story

Origin Story und Vorher-Nachher-Erzählungen.

Dieses Dokument ist Rohmaterial. Es ermöglicht den nachgelagerten KI-Agenten, daraus Kernbotschaft, Markenarchitektur und Sales-Strategie präzise zu destillieren.

12Die Reise geht weiter

Wenn das Ergebnis da ist, beginnt die Arbeit erst richtig.

Pole Positioning ist der Einstiegspunkt in ein System. Sie qualifiziert, strukturiert und liefert das erste greifbare Ergebnis. Was danach kommt, übernimmt Gerardo J. Laempe als Marken- und AI-Trainer. Er gibt den roten Leitfaden zu neuen Kunden und zu einer grandiosen Personal Brand.

Drei Phasen, ein Weg

1
Pole Positioning · Self-ServiceDie App liefert das Positionierungsdokument. Strukturiert, mit Stimme, in einem Durchgang.
2
Integration in DeltachatDatenschutzkonforme, persönliche Begleitung. Das Dokument reist mit, die Information bleibt vollständig.
3
KI-Agenten mit Laempes ExpertiseSpezialisierte Agenten verwandeln das Rohmaterial in Marken-, Sales- und Content-Bausteine.
Marktfähige PremiummarkeIn kürzester Zeit, mit Haltung, mit Substanz.

Tiefer einsteigen — die Skool-Community KI-coach

Wer das Thema vertiefen möchte, findet in der kostenfreien Skool-Community KI-coach einen Ort dafür. Hier werden Vibe Coding und das triadische KI-Coaching praktisch geübt. Im Classroom liegt umfangreiche Anleitung bereit, die wöchentlichen AI Connect Calls schärfen das Bewusstsein für sinnvolle KI-Anwendungen.

In der Community wirken Claudia Laempe (Cyber Security) und Gerardo Laempe (Marketing und Strategie) zusammen. KI trifft auf Sicherheit, Marke trifft auf Anwendung. So entstehen KI-Agenten, die wirklich tragen.

KI-coach · Skool-Community

Eintreten, mitlernen, KI und Sicherheit vertiefen, KI-Agenten sinnvoll anwenden. Kostenfrei.

Zur Community → skool.com/ki-coach

Die KI-Agenten im System

KI-AgentAufgabe
Kernbotschaft-AgentDestilliert die Big Idea in eine marktfähige Kernaussage.
Markenarchitektur-AgentBaut auf Basis der Archetypen und Differenzierung die Markenstruktur.
Sales-AgentEntwickelt Einwände, Pitch und Verkaufsargumente aus Phase 4 und 6.
Content-AgentVerwandelt Phase 5 in LinkedIn-Posts, Newsletter-Hooks und Skripte.
PositionierungstestSimulation der Botschaft beim Traumkunden — beispielsweise mit Mirofish, atypica.ai oder per Deep-Research-Prompt in Perplexity AI. Welcher Weg passt, entscheidet der Anwendungsfall.
Die App gibt. Sie verschenkt Klarheit. Der Nutzer investiert Zeit und Ehrlichkeit, er erhält ein Dokument, das sofort tragfähig ist. So entsteht Vertrauen, lange bevor das erste Verkaufsgespräch stattfindet.

13Persönlich weitermachen

Wer die App durchlaufen hat, steht vor einer Wegkreuzung. Strategie, Marke, Neukundengewinnung, Austausch zur KI — der nächste Schritt ist persönlich.

Pole Positioning by Laempe.AI

Termin mit Gerardo J. Laempe

Strategie, Marke, Neukundengewinnung oder einfach ein Austausch zum Thema KI. Direkt, persönlich, mit Haltung.

Termin vereinbaren business-schamane.de/termine

14Stand heute · 17. Mai 2026

Der Prototyp läuft. Die Anwendergruppe testet. Erste Anregungen sind eingetroffen und fliessen in die nächste Iteration ein — präzisere Fragen, glattere Übergänge, sauberere Exports.

Personal Branding ist Pflicht für jede Premiummarke. Es ist die Voraussetzung dafür, dass die Wunschkunden dich finden, verstehen und kaufen. Pole Positioning macht den ersten Schritt möglich. Strukturiert, persönlich, mit Haltung.

Die Reise geht weiter.