1 Zusammenfassung
Gesamt-Score
✅ Top 3 Stärken
- 1. Klares, minimalistisches Design, das Premium ausstrahlt — visuelle Qualität auf Agentur-Niveau.
- 2. Durchdachter Produkt-Konfigurator mit Live-Vorschau, Farbschemata, Rahmen-Option und eigenem Text.
- 3. Solide Vertrauens-Leiste (EU/USA-Druck, kostenloser Versand, Stripe-Sicherheit) direkt unter dem Hero-Bereich.
🚨 Top 3 kritische Probleme
- 1. Null Social Proof — keine Bewertungen, keine Kundenfotos, kein „Bestseller"-Hinweis. Das ist der #1 Conversion-Killer.
- 2. Warenkorb-Fallback zeigt Debug-Meldungen (. env, Backend-Port, Uvicorn) — ruiniert sofort jedes Vertrauen.
- 3. Gmail-Adresse als Kontakt ([email protected]) mit anderem Markennamen — wirkt unprofessionell und weckt Zweifel.
💡 Wachstumschance
Das Produkt und das Design stehen auf einer guten Basis — das Hauptproblem ist nicht die Idee, sondern fehlendes Vertrauen und fehlende Conversion-Optimierung. Bei 69 Klicks und 0 Käufen liegt das Problem klar auf der Seite, nicht am Produkt. Drei schnelle Hebel: (1) Echte oder simulierte Bewertungen und Kundenfotos einbauen, (2) die Kontakt-E-Mail durch eine @finanzposter.de Adresse ersetzen, (3) die Ankündigungsleiste mit dem existierenden Rabatt-Code „meinposter" sichtbar machen. Diese drei Maßnahmen allein können die Conversion-Rate verdoppeln bis verdreifachen. Langfristig braucht der Store SEO-Content (Blog), strukturierte Daten für Produkte und eine Strategie für Social Proof.
2 Screenshots
Homepage — Desktop
Homepage — Mobil
Produktseite — Desktop
Produktseite — Mobil
Warenkorb-Dialog — Fehler-Fallback
⚠ Debug-Meldungen (.env, Backend-Port, Uvicorn) sind für Kunden sichtbar — kritischer Vertrauensbruch.
3 Probleme pro Seite
| Seite | Problem | Kategorie | Schwere | Empfehlung |
|---|---|---|---|---|
| Global | Keine Kundenbewertungen oder Social Proof auf der gesamten Seite | CRO | 🔴 Kritisch | Bewertungs-Widget integrieren (z.B. Judge.me, Loox). Notfalls anfangs Freunde/Familie bestellen lassen und echte Fotos einsammeln. |
| Global | Gmail-Adresse ([email protected]) mit fremdem Markennamen als Geschäftskontakt | CRO | 🔴 Kritisch | [email protected] einrichten (Cloudflare E-Mail-Routing, kostenlos). Schafft sofort mehr Vertrauen. |
| Global | Ankündigungsleiste mit Rabatt-Code „meinposter" (10% + Gratis-Versand) ist vorhanden, wird aber nicht angezeigt | CRO | 🔴 Kritisch | Announcement-Bar sichtbar machen. Der Rabatt existiert bereits in der API — er muss nur gerendert werden. |
| Global | Keine Suchfunktion im Store | UX | 🟡 Warnung | Bei 6 Produkten nicht kritisch, aber wenn die Produktpalette wächst, wird eine Suche benötigt. |
| Global | Keine hreflang-Tags trotz DE/EN Sprachumschalter | Technisch | 🟡 Warnung | hreflang-Alternate-Tags für de und en einfügen, damit Google die richtige Sprachversion ausliefert. |
| Homepage | OG-Image ist nur das Logo (winzig, kein Produkt) — Social Sharing sieht unattraktiv aus | Technisch | 🟡 Warnung | Ein 1200×630px Produkt-Mockup als og:image verwenden. Erstkontakt über Social-Media-Previews wird so viel attraktiver. |
| Homepage | Hero-Bereich: CTA „Poster gestalten" könnte konkreter sein | CRO | 🟢 Info | Test: „Jetzt Poster konfigurieren — ab 24,99 €" inkl. Preis im CTA. Zeigt sofort, dass es erschwinglich ist. |
| Homepage | Hero-Bild zeigt nur ein leeres/schwer erkennbares Poster — der Chart ist kaum sichtbar | CRO | 🟡 Warnung | Großes, klares Produkt-Mockup mit gut sichtbarem Chart und Ticker (z.B. AAPL +164%) zeigen. Der Nutzer muss sofort verstehen, was das Produkt ist. |
| Produktseite | Canonical-URL zeigt auf Homepage statt auf die Produktseite (/product/trade → /) | Technisch | 🔴 Kritisch | Jede Seite braucht ihre eigene Canonical-URL. Aktuell werden alle Produktseiten bei Google als Duplikat der Homepage gewertet. |
| Produktseite | Meta-Description identisch auf allen Seiten — kein seitenspezifischer Inhalt | Technisch | 🔴 Kritisch | Individuelle Meta-Descriptions pro Produkt erstellen. „Trade-Poster: Dein Kursverlauf als minimalistisches Wandposter — ab 24,99 €." |
| Produktseite | Kein Product JSON-LD Schema — Google kann kein Rich-Snippet anzeigen | Technisch | 🔴 Kritisch | Product-Schema mit Name, Preis, Verfügbarkeit, Beschreibung und Bild-URL pro Seite hinzufügen. |
| Produktseite | Live-Vorschau zeigt leeren Rahmen / „Keine Daten" wenn API langsam | UX | 🟡 Warnung | Statisches Fallback-Bild (bereits generiertes Poster) anzeigen, statt einen leeren Rahmen. Der Kunde muss immer ein fertiges Produkt sehen. |
| Produktseite | Keine Mengenauswahl (Quantity Selector) | CRO | 🟢 Info | Mengenauswahl hinzufügen — Kunden die mehrere Poster bestellen wollen (z.B. als Wand-Galerie), brauchen diese Option. |
| Produktseite | Produkt-Galerie zeigt nur generische Mockups, keine Close-up-Details der Druckqualität | CRO | 🟡 Warnung | Close-up-Fotos der Papierqualität, Druckdetails und Verpackung hinzufügen. Zeigt dem Kunden, was er bekommt. |
| Warenkorb | Debug-Meldungen im Warenkorb sichtbar: „.env muss im Ordner backend liegen", „npm run dev + uvicorn", „Zahlung noch nicht aktiv" | CRO | 🔴 Kritisch | Alle Entwickler-Meldungen hinter Umgebungsvariablen (NODE_ENV=production) verstecken. Im Fehlerfall: generische „Bitte versuche es erneut"-Meldung zeigen. |
| Warenkorb | Kein Cross-Sell / Upsell im Warenkorb | CRO | 🟡 Warnung | „Passt dazu: Rahmen für +25 €" oder „Erstelle ein zweites Poster für dein Portfolio" als Upsell anbieten. |
| Warenkorb | Kein Fortschrittsbalken für kostenlosen Versand | CRO | 🟢 Info | Bei kostenlosem Versand: „✓ Kostenloser Versand inklusive!" prominent anzeigen (bestätigt den Vorteil). |
| SEO | Kein Blog / Content-Marketing — keine organische Sichtbarkeit | Technisch | 🟡 Warnung | Blog starten mit Themen wie „Geschenkideen für Aktionäre", „Die besten Aktien als Wandposter", etc. Bringt organischen Traffic. |
| SEO | Kein FAQPage-Schema trotz vorhandenem FAQ-Bereich | Technisch | 🟡 Warnung | FAQPage-Schema hinzufügen — die Fragen existieren bereits, müssen nur als JSON-LD strukturiert werden. |
| Font | Plus Jakarta Sans wird geladen, aber CSS-Variablen nutzen system-ui als Fallback-Body-Font | Technisch | 🟢 Info | CSS-Variable --shop-font auf „Plus Jakarta Sans" als primären Font setzen, damit die geladene Schriftart auch genutzt wird. |
4 GEO-Audit (Generative Engine Optimization)
GEO-Score
Der Store ist faktisch unsichtbar für KI-Suchmaschinen. Alle großen AI-Crawler werden durch Cloudflare blockiert, es gibt kein llms.txt, und die strukturierten Daten sind minimal.
Weder /llms.txt noch /llms-full.txt vorhanden. KI-Systeme haben keine strukturierte Markenbeschreibung.
robots.txt blockiert GPTBot, ClaudeBot, Bytespider, Google-Extended, Applebot-Extended, Amazonbot, CCBot und meta-externalagent. Der Content-Signal setzt ai-train=no. Der Store ist für alle großen AI-Crawler gesperrt.
Nur Organization und WebSite-Schema vorhanden. Es fehlen: Product, FAQPage, BreadcrumbList, Offer und Review-Schemas.
Markenname und Produktkategorie sind im Text klar. Es fehlt ein ausführliches „Über uns" mit Gründer-Story, verifizierbare Fakten und Presseerwähnungen.
Die Produktbeschreibungen sind kurz und funktional, aber nicht zitierfähig. Kein Blog, keine ausführlichen Artikel, kein Expertenwissen publiziert.
Inhalte sind nicht auf natürliche Sprach-Fragen optimiert. Keine Antworten auf Fragen wie „Was ist das beste Geschenk für Aktionäre?" oder „Wo kann ich ein Aktien-Poster bestellen?"
Keine Presseerwähnungen, keine Auszeichnungen, keine Social-Media-Präsenz verlinkt. Gmail-Kontakt und fehlende USt-IdNr. schwächen die Glaubwürdigkeit.
Alt-Texte auf Bildern sind vorhanden und beschreibend (z.B. „Finanzposter mit Aktien-Chart, gerahmt an einer Wohnzimmerwand"). WebP-Format wird genutzt.
Kein Wikipedia-Eintrag, kein Wikidata, kein Google Business Profile. Die Marke ist als Entität in keinem Wissensgraph vorhanden.
Priorisierte GEO-Maßnahmen
| Maßnahme | Schwierigkeit | Impact |
|---|---|---|
| Cloudflare AI-Crawler-Blockaden entfernen (GPTBot, ClaudeBot erlauben) | Einfach | Hoch |
| /llms.txt und /llms-full.txt mit Marken-, Produkt- und USP-Beschreibung anlegen | Einfach | Hoch |
| Product-, FAQPage- und BreadcrumbList-Schema auf allen Seiten ergänzen | Mittel | Hoch |
| Blog mit 5–10 Fachartikeln starten (SEO + GEO gleichzeitig) | Mittel | Mittel |
| Gründer-Story auf der „Über uns"-Seite ausbauen mit verifizierbare Fakten | Einfach | Mittel |
| Google Business Profile einrichten | Einfach | Mittel |
5 CRO-Scorecard
📢 Awareness (Aufmerksamkeit)
🤔 Consideration (Überlegung)
💳 Purchase (Kauf)
🔁 Retention (Kundenbindung)
6 Tech-Stack & Tools
Hinweis: Dieser Store läuft nicht auf Shopify, sondern als Custom-Build (React/Vite SPA) mit Cloudflare-Hosting und Stripe-Payments. Daher gibt es keinen klassischen „App Store" — alle Tools sind manuell integriert.
| Tool / Service | Zweck | Performance-Einfluss | Geschätzte Kosten/Monat | Bewertung |
|---|---|---|---|---|
| Google Analytics 4 | Besuchsstatistik | Gering | Kostenlos | ✓ Behalten |
| Microsoft Clarity | Heatmaps, Session Recordings | Gering | Kostenlos | ✓ Behalten |
| Stripe Checkout | Zahlungsabwicklung | Gering | 2,9% + 0,30 € pro Txn | ✓ Behalten |
| Cloudflare | CDN, DNS, DDoS-Schutz, Bot-Management | Positiv | Free Plan (wahrsch.) | ✓ Behalten |
| Cloudflare Web Analytics | RUM (Real User Monitoring) | Minimal | Kostenlos | Ggf. redundant mit GA4 |
| Google Fonts (Plus Jakarta Sans) | Typografie | Mittel (ext. Request) | Kostenlos | Self-Host empfohlen |
Empfohlene Ergänzungen
- • Bewertungs-Tool: Trustpilot oder eigene Lösung (Post-Purchase E-Mail → Bewertungsformular)
- • E-Mail-Marketing: Mailchimp Free oder Brevo — Newsletter-Popup + Post-Purchase-Flow
- • Chat / FAQ-Bot: Tidio oder Crisp (Freeplan) — beantwortet Fragen in Echtzeit
- • Exit-Intent Popup: Rabatt-Code „meinposter" beim Verlassen anbieten
7 Technische Befunde & Code-Qualität
✅ Positive Befunde
- • Minimaler Skript-Footprint: nur 2 CSS-Dateien und 1 JS-Bundle (Vite-optimiert)
- • WebP-Bilder mit korrektem width/height für CLS-Vermeidung
- • Preconnect für Google Fonts korrekt gesetzt
- • Viewport-Meta-Tag korrekt für mobile Responsiveness
- • Lazy Loading auf Produktbilder (loading="lazy")
- • Semantisches HTML: Header, Nav, Main, Footer, Artikel, Tablist
- • ARIA-Labels für Navigation und Trust-Leiste
- • Cookie-Banner DSGVO-konform mit Opt-in
- • Sitemap.xml korrekt generiert
⚠ Probleme
- • SPA ohne Server-Side Rendering (SSR): Suchmaschinen sehen nur <div id="root"></div> — CSR-Only ist schlecht für SEO
- • Canonical-URL auf allen Seiten identisch (zeigt auf Homepage)
- • Meta-Tags nicht dynamisch: Alle Seiten haben die gleichen OG-Tags und Descriptions
- • Debug-Code in Production: Warenkorb zeigt Entwickler-Meldungen bei API-Fehler
- • Google Fonts über externes CDN geladen — DSGVO-Risiko, besser self-hosten
- • Font-Variable (--shop-font) nutzt system-ui statt die geladene Plus Jakarta Sans
- • Cloudflare Challenge-Platform-Script wird als verstecktes iFrame geladen (unvermeidbar, aber beachtenswert)
- • Ein .png Produktbild (Ticker Focus) statt WebP — Inkonsistenz
⚠ Kritisch: SPA ohne SSR
Das größte technische Problem ist die Client-Side-Only-Architektur. Wenn Googlebot die Seite crawlt, sieht er nur ein leeres <div id="root"></div>. Die Meta-Tags, Structured Data und Inhalte werden erst durch JavaScript gerendert. Google kann JavaScript-Seiten crawlen, aber es dauert länger und ist unzuverlässig. Empfehlung: SSR (z.B. Next.js, Remix, Astro) oder Pre-Rendering (z.B. Prerender.io, Cloudflare Workers) einsetzen.
8 Markenidentität
Farbpalette
#fafafa
Hintergrund
#ffffff
Oberfläche
#0a0a0a
Text / Ink
#5c5c5c
Sekundär
#e0e0e0
Linien
#00d4aa
Akzent
#111111
Panel (Dunkel)
Typografie
Geladen: Plus Jakarta Sans (300–800)
Genutzt (CSS-Var): system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial
Empfehlung: CSS-Variable auf Plus Jakarta Sans setzen — die Schrift wird geladen, aber nicht als primäre Body-Font verwendet.
Logo
Text-Logo: „Finanzposter" (Bold, serifenlos)
Favicon: /images/logo.png
Markenkonsistenz
Bewertung
Das Design ist überraschend stark für ein Solo-Projekt. Die visuelle Qualität vermittelt ein Premium-Gefühl. Schwächen liegen bei der Marken-Inkonsistenz (E-Mail, fehlende Social-Media-Präsenz) und fehlendem visuellen Branding (kein eigenständiges Logo-Symbol).
9 Wachstums-Roadmap
Ankündigungsleiste aktivieren
Der Rabatt-Code „meinposter" (10% + Gratis Versand) existiert bereits in der API. Den Announcement-Bar im Frontend sichtbar machen. Allein diese Maßnahme kann die Conversion-Rate signifikant steigern.
E-Mail auf @finanzposter.de umstellen
Cloudflare E-Mail-Routing einrichten (kostenlos) → [email protected] → weiterleiten an Gmail. Sofortiger Vertrauensgewinn.
Debug-Meldungen aus dem Warenkorb entfernen
Alle Referenzen auf .env, Backend-Port, Uvicorn und npm hinter einer Umgebungsprüfung (NODE_ENV !== 'production') verstecken. Im Fehlerfall: „Bitte versuche es erneut oder kontaktiere uns."
OG-Image durch Produkt-Mockup ersetzen
Erstelle ein 1200×630px Bild mit einem attraktiven Poster-Mockup + Logo für Social Sharing. Das kleine Logo-Bild bringt null Klicks.
AI-Crawler in robots.txt erlauben
In Cloudflare die Blockaden für GPTBot, ClaudeBot, Perplexity etc. aufheben. Content-Signal von ai-train=no ist ausreichend, um Training zu unterbinden — Crawling und Indexierung für AI-Suche sollte aber erlaubt sein.
Social Proof aufbauen
5 Poster an Freunde/Familie verschenken und echte Fotos + Bewertungen einsammeln. Auf der Homepage und Produktseite einbinden. Das ist die wirkungsvollste Einzelmaßnahme für Conversion.
Seitenspezifische Meta-Tags & Canonical-URLs
Jede Produktseite braucht eigene Title, Description, Canonical, OG-Tags. Aktuell werden alle Seiten als Duplikate gewertet. Dazu Product JSON-LD Schema pro Seite.
Hero-Bild optimieren
Ein großes, klares Produkt-Mockup erstellen, das den Chart gut sichtbar zeigt (z.B. AAPL +164%, deutlich lesbar). Der erste Eindruck entscheidet in 3 Sekunden.
llms.txt anlegen + GEO-Optimierung
/llms.txt mit Marke, Produkten, USPs und Preisen anlegen. FAQPage-Schema implementieren. Produktbeschreibungen für natürliche Sprache optimieren.
Druckqualität transparent machen
Angaben zur Papierqualität (Grammatur, Matt/Glänzend), Close-up-Fotos der Druckdetails, Verpackungsfotos. Zeigt dem Kunden, dass er ein echtes Premium-Produkt bekommt.
SSR / Pre-Rendering implementieren
Die größte technische Schwäche ist die Client-Side-Only-Architektur. Umstieg auf Next.js, Remix, oder Astro — oder alternativ Prerender.io via Cloudflare Worker. Damit werden alle Meta-Tags und Inhalte für Suchmaschinen sichtbar.
Content-Marketing starten
Blog mit Artikeln wie „Die 10 besten Aktien-Geschenke für Investoren", „Wie funktioniert ein Finanzposter?", „Apple-Aktie: 20 Jahre Performance als Wandposter". Bringt organischen Traffic und stärkt die GEO-Präsenz.
E-Mail-Marketing aufbauen
Newsletter-Popup mit Rabatt, Post-Purchase-Flow (Bewertung anfragen, Cross-Sell), Abandoned-Cart-E-Mails. Bringt langfristig den höchsten ROI pro Marketing-Euro.
Social-Media-Präsenz aufbauen
Instagram und TikTok starten. Content: Poster-Timelapses, „Mein bester Trade"-Format, Unboxing-Videos. Ideal für die geplante TikTok/Instagram-Strategie.