Zum Inhalt springen
← Alle Projekte

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

  1. Eigene Middleware: WooCommerce per API, Mehrstufiges Caching, offline verfügbar, Push zu Preis, Verfügbarkeit, Bestellung, Keine Tracking-SDKs
  2. 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)
  3. LANAKILA RACERS: Fotos & Videos (Upload direkt aus der App) → Eigene Uploads (Verlauf auch offline einsehbar)
Die App spricht nicht direkt mit WooCommerce: Eine eigene Middleware vermittelt zwischen App und Shop, hält Katalog und Produktseiten per Caching schnell und auch offline verfügbar und verschickt die Push-Hinweise. Vom Katalog geht es, auf Wunsch über den LANAKILA Designer, in den Warenkorb und mit Apple Pay zur Bestellung im Shop. Mit dem Lanakila-Racers-Zugang laden Sportlerinnen und Sportler Fotos und Videos direkt aus der App hoch.

05 · Einblicke

  • Startseite der Shopping-App mit Kollektionen für Frauen und Männer sowie Custom- und Team-Designs
  • Sport-Welten (Triathlon, Bike, Run, Swim), App-Features und Pre-Order-Produkte
  • Kategorienliste mit Accessoires, Frauen, Frühling/Herbst und Geschenkgutscheinen
  • Kategorie „Laufen“ mit Produktkacheln und Preisen
  • Produktseite eines Cycling Jerseys für Frauen mit Preis von 155,00 €
  • Vollbild-Produktfoto des Cycling Jerseys
  • App-Menü mit Shop-Bereichen wie Alle Kategorien, Sale, Geschenkgutscheine, Neuheiten und Wunschliste
  • Wunschliste mit gemerkten Produkten
  • Teilen-Dialog der Wunschliste
  • Produktseite einer Thermo-Bike-Jacke mit der Schaltfläche „Selbst gestalten“
  • Design-Editor: Jacke in der Vorderansicht zum Selbstgestalten
  • Design-Editor mit Farbwähler für einzelne Teile der Jacke
  • Teileliste im Editor: Rückseite, Tasche, Ärmel, Kragen und Bündchen einzeln einfärben
  • Bestellansicht für das eigene Design mit Größenwahl und Preis
  • Bestätigung „Dein Design wurde dem Warenkorb hinzugefügt“ mit Vorder- und Rückseite
  • Warenkorb mit Gutscheinfeld, Versandschätzung und Button „Zur Kasse“
  • Anmelde-Bildschirm „Willkommen bei Lanakila Sports“
  • Konto-Bereich mit Abfrage, ob das Passwort gesichert werden soll
  • Bestellübersicht mit Filter nach Status und Zeitraum
  • Newsletter-Anmeldung mit 10 % Rabatt auf die erste Bestellung
  • Newsletter-Archiv mit vergangenen Ausgaben
  • Newsletter-Ausgabe zu einem neuen Design im Lesemodus der App
  • Foto teilen: Anmeldung für Mitglieder der Lanakila Community
  • Foto teilen: Bilder aus Fotos oder Dateien auswählen
  • Fotoauswahl aus der Mediathek mit mehreren markierten Bildern
  • Hochladen ausgewählter Fotos mit Einverständniserklärung
  • Liste der eigenen Uploads
  • Community-Seite „Lanakila Racers“ mit Titelbild und Beschreibung
  • Bewerbung als Racer und Galerie der Community
  • Bewerbungsformular für die Racer mit Motivation und optionalen Bildern
  • Seite „Custom & Team Designs“ mit Titelbild und Beschreibung
  • Ablauf eines Custom Designs in vier Schritten mit Anfrage-Button
  • Anfrageformular für Custom Designs mit Kontaktdaten und Nachricht

Nächstes Projekt

Dein Projekt hier?

Erzähl uns von deinem Problem. Das erste Gespräch ist selbstverständlich kostenfrei und unverbindlich.

Projekt anfragen →

Newsletter

Neues aus der vona-Werkstatt.

KI-Werkzeuge & Tools, die wir wirklich einsetzen, KI-Wochenrückblick & Einblicke aus unseren Projekten – kurz, praxisnah und ohne Spam.