Erstgespräch anfragen
← Zurück zu allen Projekten
Internes Tool · iOS · SwiftUI + Supabase + KI

Pixel Radar

Eine interne App zur Akquise-Vorbereitung: URL eingeben, und die App analysiert die Website eines potenziellen Kunden per KI — Firmenrecherche, priorisierte Kritik, ein generiertes Verbesserungs-Mockup — und exportiert einen kundentauglichen PDF-Report fürs Erstgespräch.

TypInternes Akquise-Tool
PlattformiOS (nativ, iPhone)
BackendSupabase + KI-Proxy
VerteilungIntern — über Apple Business Manager
01 — AUSGANGSSITUATION

Das Problem

Vor jedem Erstgespräch steht dieselbe Aufgabe: die Website des potenziellen Kunden verstehen, Schwachstellen erkennen und greifbar zeigen, was besser geht — bislang manuell und zeitaufwändig, mit uneinheitlichem Ergebnis je nach Bearbeiter.

Der erste Anlauf war ein Python/FastAPI-Web-Tool mit Playwright-Screenshots, das auf einem eigenen Mac mini lief und per Cloudflare-Tunnel erreichbar war — funktional, aber mit eigenem Server, Hosting und Tunnel-Wartung im Rücken.

Die Lösung: eine komplett native SwiftUI-App für das iPhone, die denselben Analyse-Workflow abbildet — ganz ohne eigenen Server. Screenshot-Erstellung und PDF-Export laufen direkt auf dem Gerät, KI-Aufrufe über eine abgesicherte Server-Funktion.

NutzerInternes Akquise-Team
VertriebIntern (Apple Business Manager)
FrameworkSwiftUI
BackendSupabase
AuthSupabase Auth + 2FA
PDF-AusgabeNative Druck-Pipeline
02 — KERN-WORKFLOW

Von der URL zum Report

SCHRITT 01

URL eingeben

Website-Adresse des potenziellen Kunden eingeben, optional ein kurzer Hinweis zum Kontext — mehr braucht die Analyse nicht zum Start.

SCHRITT 02

KI-Analyse

Desktop- und Mobil-Screenshot, Firmenrecherche per Websuche, priorisierte Kritik (kritisch/mittel/Chance) inkl. On-Page-SEO-Befunden und ein generiertes Verbesserungs-Mockup — live im Report, nie als eingefrorenes Bild.

SCHRITT 03

Report ansehen

Alle bisherigen Analysen in einer Liste, neueste zuerst, mit Firma, Datum und Anzahl der Befunde — jederzeit erneut aufrufbar oder archivierbar.

SCHRITT 04

PDF-Export

Neutraler, kundentauglicher Report als echtes A4-Mehrseiten-PDF, mit QR-Code zu einer Live-Vorschau des interaktiven Mockups — fertig fürs Erstgespräch.

03 — FUNKTIONSUMFANG

Was die App kann

Website-Analyse

Desktop- und Mobil-Screenshot, Firmenrecherche und priorisierte Kritik an der bestehenden Seite — inklusive konkreter On-Page-SEO-Befunde wie fehlender Meta-Description oder Bildern ohne Alt-Text, nur wenn tatsächlich ein Problem vorliegt.

Verbesserungs-Mockup

Generiertes HTML/CSS-Mockup, das sich am tatsächlichen Bildstil des Kunden orientiert statt am immer gleichen KI-Standard-Look.

Analysen-Übersicht

Alle bisherigen Analysen als Liste, neueste zuerst, mit Datum, Firma und Anzahl kritischer und mittlerer Befunde.

Archiv

Analysen per Wisch-Geste archivieren, im Archiv ansehen, wiederherstellen oder einzeln bzw. komplett löschen — jeweils mit Bestätigung.

PDF-Export mit QR-Code

Neutraler, mehrseitiger A4-Report ohne Hinweis auf KI oder internes Tool, mit QR-Code zu einer gehosteten Live-Vorschau des Mockups.

Login mit 2FA

Geteilter Supabase-Auth-Login mit Zwei-Faktor-Authentifizierung (TOTP), konsistent mit den übrigen internen Pixelmar-Tools.

04 — TECHNISCHE UMSETZUNG

Wie es gebaut wurde

01

Kein eigener Server mehr

Das Gerät selbst übernimmt, was zuvor ein Server-Stack erledigte: die native WebView erzeugt Desktop- und Mobil-Screenshots direkt auf dem iPhone und ersetzt damit den bisherigen Playwright-Schritt vollständig.

SwiftUIOn-Device RenderingKein eigenes Hosting
02

KI-Zugriff abgesichert über eine Server-Funktion

Der API-Schlüssel für die KI-Aufrufe liegt zu keinem Zeitpunkt auf dem Gerät. Die App schickt den fertigen Anfrage-Inhalt an eine eigene, geschützte Server-Funktion, die den Schlüssel serverseitig anhängt und nur autorisierten internen Konten Zugriff gewährt.

Supabase Edge FunctionsServer-seitiger SchlüsselAutorisierungsprüfung
03

Echte A4-Mehrseiten-PDFs

Statt eines simplen Bildschirm-Ausdrucks nutzt der PDF-Export dieselbe Druck-Pipeline, mit der auch Safari und AirPrint arbeiten — inklusive sauberer Seitenumbrüche, damit lange Reports auf Papier tatsächlich lesbar bleiben.

Native Druck-EngineEchte A4-Paginierung
04

Live-Vorschau statt eingefrorenem Bild

Das interaktive Mockup lässt sich auf Papier nicht sinnvoll darstellen — im PDF verweist stattdessen ein QR-Code auf eine gehostete Live-Version, die den Report direkt aus der Datenbank lädt. In der App selbst bleibt das Mockup vollständig interaktiv.

QR-CodeGehostete Live-VorschauKeine Datenduplizierung

„Vom eigenen Server mit Tunnel-Wartung zur nativen App ohne Hosting-Aufwand — bei gleichzeitig höherer Sicherheit für den KI-Zugriff."

05 — ERGEBNIS

Was entstanden ist

0Eigener Server nötig — komplett nativ
1Plattform: iPhone (nativ)
1Klick zum fertigen Akquise-PDF
  • Analyse-Ergebnis in Minuten statt manueller Recherche pro Kunde
  • Screenshot- und PDF-Erstellung laufen direkt auf dem Gerät — kein Server, kein Tunnel
  • KI-Zugriff serverseitig abgesichert, kein API-Schlüssel auf dem Client
  • Echte A4-Mehrseiten-PDFs statt einer einzigen, unlesbar skalierten Seite
  • Neutraler, kundentauglicher Report ohne Hinweis auf KI oder internes Tool
  • Mockup-Stil orientiert sich am tatsächlichen Bildstil jedes Kunden
  • Archiv- und Verwaltungsfunktionen für alle bisherigen Analysen
VerteilungIntern für das Akquise-Team — verwaltet und verteilt über Apple Business Manager
06 — TECHNOLOGIE

Verwendeter Stack

SwiftUISupabaseSupabase Auth + 2FAEdge Functions KI / LLM-AnbindungNative Druck-PipelineiOS Xcode
07 — EINBLICKE

So sieht die App aus

Übersicht der bisherigen Analysen in Pixel Radar Report mit Steckbrief und Zusammenfassung Priorisierte Befunde und Verbesserungsvorschlag Mockup-Vorschau und PDF-Export

Alle Screenshots zeigen erfundene Beispieldaten.

08 — SUPPORT

Support & Kontakt

Fragen zur App, Probleme beim Zugang oder Feedback? Schreiben Sie uns, wir helfen persönlich.

AnbieterPixelmar · Victoria Murygina, Bernau bei Berlin
AntwortzeitIn der Regel innerhalb weniger Werktage

Zugang: Pixel Radar ist eine interne App. Konten legt Pixelmar an, eine Registrierung in der App ist nicht möglich. Bei vergessenem Passwort oder verlorenem 2FA-Gerät genügt eine E-Mail an uns.

Impressum →

09 — DATENSCHUTZ

Datenschutz der App Pixel Radar

Pixel Radar ist eine interne App für Mitarbeiter und wird über Apple Business Manager verwaltet. Eine öffentliche Registrierung gibt es nicht. Ergänzend gilt die allgemeine Datenschutzerklärung von pixelmar.de.

Allgemeine Datenschutzerklärung →

Ähnliches Projekt geplant?

Erzählen Sie uns von Ihrem Vorhaben. Das Erstgespräch ist kostenlos und unverbindlich.