18 · App-Entwicklung · E-Commerce
LANAKILA Shopping App: Einkaufen, selbst gestalten, teilen.
Für LANAKILA, die Leipziger Sportmarke von Sylvia Michalk, haben wir eine native Shopping-App für iPhone und iPad entwickelt: Katalog, Wunschliste, Warenkorb und Checkout mit Apple Pay – dazu der LANAKILA Designer für eigene Trikots und ein Bereich, in dem Sportlerinnen und Sportler Fotos und Videos direkt aus der App teilen.
Projekt für LANAKILA, die Leipziger Sportmarke von vona-Inhaberin Sylvia Michalk
- Native iOS App
- iPhone & iPad
- SwiftUI
- Eigene Middleware
- WooCommerce
- Apple Pay
- Push-Benachrichtigungen
- iPhone + iPad
- eine native App in SwiftUI, angebunden über eine eigene Middleware
- 0 Tracking-SDKs
- keine Analyse- oder Werbe-SDKs von Drittanbietern in der App
- TestFlight
- Stand 10/2026: in der Testphase bei Apple, Android geplant
01 · Ausgangslage
Der Shop von LANAKILA läuft auf WooCommerce. Neben dem klassischen Einkauf gehören eigene Designs, Team-Outfits und die Community der Lanakila Racers zur Marke. Ziel war eine App, die all das auf dem Smartphone und Tablet an einem Ort zusammenbringt – schnell, nativ und ohne Tracking.
02 · Lösung
Eine native App in SwiftUI für iPhone und iPad. Sie spricht nicht direkt mit WooCommerce: Eine eigens entwickelte Middleware vermittelt zwischen App und Shop. Mehrstufiges Caching hält Katalog und Produktseiten flott, zuletzt besuchte Produkte bleiben offline verfügbar.
Einkaufen: Katalog mit Volltextsuche und Filtern, Wunschliste mit Push-Hinweis bei Preissenkung oder wieder verfügbarer Variante, Größen-Assistent mit Körpermaßen, die auf dem Gerät bleiben, Warenkorb über einen Neustart hinweg und Checkout mit Apple Pay. Anmeldung per Face ID oder Touch ID, Einkauf auch als Gast.
Selbst gestalten: Im LANAKILA Designer werden Trikots Teil für Teil eingefärbt, in Vorder- und Rückansicht geprüft und direkt bestellt. Für Vereine und Teams gibt es ein Anfrageformular mit Inspirationsbildern und den eingebundenen Team-Konfigurator.
Teilen: Mit dem Lanakila-Racers-Zugang laden Sportlerinnen und Sportler Fotos und Videos direkt aus der App hoch; dazu kommen Newsletter, Storys und der Community-Bereich.
Alle Screens bei den App-Referenzen ansehen →
03 · Ergebnis
Einkauf, eigene Designs, Team-Anfragen und Community laufen in einer App zusammen – ohne Analyse- und Werbe-SDKs, mit Zugangsdaten und Körpermaßen geschützt im Schlüsselbund des Geräts. Die App unterstützt dynamische Schriftgrößen, VoiceOver und „Bewegung reduzieren“. Stand 10/2026 ist sie in der TestFlight-Phase bei Apple; geplant sind das Bonusprogramm LANAKILA Miles, die Anmeldung zu LANAKILA Events und eine Android-Version.
04 · Ablauf
- Eigene Middleware: WooCommerce per API, Mehrstufiges Caching, offline verfügbar, Push zu Preis, Verfügbarkeit, Bestellung, Keine Tracking-SDKs
- VOM KATALOG ZUR BESTELLUNG: Katalog (Suche, Filter, Wunschliste) → LANAKILA Designer (Trikot Teil für Teil einfärben und prüfen) → Warenkorb (bleibt auch nach einem Neustart erhalten) → Checkout (Apple Pay · Face ID oder als Gast) → WooCommerce (Bestellung im Shop, Status per Push)
- LANAKILA RACERS: Fotos & Videos (Upload direkt aus der App) → Eigene Uploads (Verlauf auch offline einsehbar)
05 · Einblicke
Passende Leistungen
Das können wir auch für dich.
Die Leistungen hinter diesem Projekt — mit Beispielen, Ablauf und häufigen Fragen.
App-Entwicklung
Native und Cross-Platform Apps für iOS und Android — und Desktop-Apps für macOS und Windows. Durchdacht in UX und Design, stark in Performance.
Mehr erfahren →Entwicklung
Webentwicklung, App-Entwicklung und Individualsoftware — maßgeschneidert, performant und auf dein Unternehmen zugeschnitten. Wir entwickeln digitale Produkte, die langfristig funktionieren: sauber gebaut, gut zu pflegen und bereit zum Wachsen.
Mehr erfahren →Weiterlesen
Hintergründe aus der Praxis.
Blog
API Design Best Practices: Schnittstellen, die bleiben
Gute APIs sind wie gute Architektur — man merkt sie nicht, wenn sie funktionieren. Prinzipien für langlebige, entwicklerfreundliche Schnittstellen.
Weiterlesen →Blog
Barrierefreie Websites: Praxisleitfaden zu WCAG 2.2 und BFSG
Semantisches HTML, Tastatur, Kontraste und Tests: Was WCAG 2.2 verlangt, was das BFSG für Websites bedeutet und wie du Barrierefreiheit prüfst.
Weiterlesen →Nächstes Projekt
Dein Projekt hier?
Erzähl uns von deinem Problem. Das erste Gespräch ist selbstverständlich kostenfrei und unverbindlich.
Projekt anfragen →