Internes Tool · iOS & macOS · SwiftUI + Supabase

Pixelmar
CRM

Ein maßgeschneidertes internes CRM für die Pixelmar Digitalagentur — vom Web-Lead über das strukturierte Erstgespräch bis zum versandfähigen Angebot, alles in einer nativen App.

Typ
Internes B2B-CRM
Plattform
iOS + macOS (nativ)
Backend
Supabase (Auth + CRUD)
Verteilung
MDM — kein App Store
01 — Ausgangssituation

Das Problem

Lead-Daten aus dem Website-Kontaktformular, Notizen aus Erstgesprächen, Angebote in verschiedenen Dateien — die Vertriebspipeline von Pixelmar war auf mehrere Tools verteilt. Kein einheitlicher Datenfluss, keine Übersicht, kein nachvollziehbarer Status pro Lead.

Gesucht war keine generische SaaS-Lösung, sondern ein maßgeschneidertes Tool das genau den Pixelmar-Workflow abbildet: vom Web-Formular-Eingang über das strukturierte Erstgespräch bis zum fertig formatierten Angebot — und das nativ auf Apple-Geräten läuft.

Die Lösung: eine SwiftUI-App mit Supabase-Backend, verteilt per MDM auf alle internen Apple-Geräte — ohne App Store, ohne Overhead, vollständig auf den Agentur-Workflow zugeschnitten.

Nutzer Internes Agenturteam
Vertrieb MDM (kein App Store)
Framework SwiftUI
Backend Supabase
Auth Supabase Auth
PDF-Ausgabe Eigene PDF-Engine
02 — Kern-Workflow

Von Lead bis Angebot

Schritt 01

Web-Formular

Kunde füllt das Kontaktformular auf pixelmar.de aus — Lead landet automatisch in der Datenbank und erscheint sofort in der App.

Schritt 02

Lead-Verwaltung

Firma, Status, Kontaktpersonen, Notizen und Aktivitäten werden strukturiert erfasst und gepflegt.

Schritt 03

Erstgespräch

5-stufiger geführter Fragebogen: Kundendaten, Unternehmenskontext, Ziele, Leistungswünsche, Budget & Zeitplan.

Schritt 04

Angebot & PDF

Angebot direkt in der App erstellen, Positionen und Konditionen setzen, als Marken-PDF ausgeben und versenden.

03 — Funktionsumfang

Was die App kann

🏢

Kunden & Leads

Firmen anlegen, Status setzen (Lead, Aktiv, Wartung), Kontakte und Aktivitäten pro Firma pflegen.

💬

Strukturiertes Erstgespräch

5-stufiger Fragebogen mit Entwurf-Funktion — kein Gesprächs-Inhalt geht mehr verloren.

📋

Angebotserstellung

Positionen, Steuer, Summen, Gültigkeit. Angebotsnummer automatisch im Format ANG-YYYY-NNN.

📄

PDF-Engine

A4-PDF mit Pixelmar-Markenlayout, Absender- und Empfängerblöcken, Positionstabelle und Summen.

📊

Dashboard & KPIs

Echtzeit-Übersicht: offene Angebote, aktive Projekte, Meilensteine und letzte Aktivitäten.

🔔

Push-Infrastruktur

APNs-Token-Handling mit Speicherung in Supabase — Push-Notifications bereits vorbereitet.

04 — Technische Umsetzung

Wie es gebaut wurde

01

SwiftUI mit servicebasierter Architektur

@StateObject-basierte Services pro Domäne: CompanyService, OfferService, DashboardService, OfferPDFService. Session-gesteuertes Routing in PixelmarCRMApp.swift: Loading → Splash → MainTabView (eingeloggt) oder Login (ausgeloggt). Cross-platform: TabView auf iOS, NavigationSplitView auf macOS.

SwiftUI @StateObject Services iOS + macOS
02

Supabase als Backend

Supabase übernimmt Auth, CRUD-Operationen und API-Abfragen. Das Domänenmodell in Models.swift umfasst: Company, Contact, Questionnaire, Offer, Project, Milestone, MaintenanceContract und Activity. Dashboard-Abfragen werden parallelisiert ausgeführt für schnelle Ladezeiten.

Supabase Auth Parallele API-Abfragen
03

Eigene PDF-Engine

OfferPDFService erzeugt A4-PDFs mit kontrolliertem Markenlayout: Pixelmar-Logo, eigene Akzentfarbe, Absender- und Empfängerblöcke, Positionstabelle, Summenberechnung, Footer mit Kontaktdaten. Deutsches Währungs- und Datumsformat. Plattformspezifische Preview- und Share-Mechanik für iOS und macOS.

PDFKit Markenlayout iOS + macOS Share
04

Business-Logik & Status-Workflows

Angebotsnummern-Generierung im Format ANG-YYYY-NNN, Statusworkflows für Leads und Angebote, KPI-Aggregation im Dashboard. Web-Leads aus dem pixelmar.de Kontaktformular landen automatisch als neue Einträge in Supabase und erscheinen sofort in der App.

Angebotsnummern-Logik Status-Workflows Web-Integration

„End-to-End Agency Workflow in einer App: vom Erstkontakt auf der Website bis zum versandfähigen Angebot — operativ nutzbar, nicht nur Demo."

05 — Ergebnis

Was entstanden ist

1
Einheitlicher Workflow statt verteilter Tools
4
Kern-Module: Leads, Gespräch, Angebot, Dashboard
2
Plattformen: iOS und macOS nativ
Web-Leads landen automatisch aus dem pixelmar.de Formular in der App
Strukturierter 5-stufiger Erstgesprächs-Fragebogen mit Entwurf-Funktion
Angebotserstellung direkt in der App mit automatischer Nummernvergabe
Marken-PDF-Ausgabe mit kontrolliertem Layout für iOS und macOS
Dashboard mit Echtzeit-KPIs, offenen Angeboten und Aktivitäten
Verteilung per MDM — kein App Store, volle Kontrolle
Push-Infrastruktur vorbereitet, Projekte und Wartung als nächste Ausbaustufe
🔒
Verteilung
Intern über MDM — nicht im App Store verfügbar
06 — Technologie

Verwendeter Stack

SwiftUI
Supabase
Supabase Auth
PDFKit
CloudKit (Push)
APNs
iOS + macOS
MDM Deployment
Xcode

Ähnliches Projekt geplant?

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

Erstgespräch anfragen → ← Zurück zu allen Projekten