Zum Inhalt springen
DESIGN OPERATING SYSTEM
V2.7 · READY

05APP-BLAUPAUSEN

Drei Oberflächen.Drei perfekte Tempi.

Storefront verführt zur richtigen Wahl. Admin verdichtet Entscheidungen. Scanner verhindert Fehler unter Zeitdruck. Identität entsteht durch dieselben Regeln – nicht durch dasselbe Layout.

05.1STOREFRONT

Sofort die Größe.
Dann die richtige Geschichte.

Der Einstieg beantwortet in Sekunden: Was kann ich hier kaufen, passt es zu mir und warum kann ich dem konkreten gebrauchten Reifen vertrauen?

LIVE PATTERNStorefront / EntryEMOTIONAL · USEFUL
Realistische großformatige Reifenlauffläche in einer dunklen Prüfhalle
GEPRÜFTE GEBRAUCHTREIFEN

DEINE GRÖSSE. DEIN BESTAND.

Passt.
Oder raus.

Echte Einzelreifen und profilabgeglichene Sätze – direkt aus unserem Lager.

01
REIFENGRÖSSE205 / 55 R16
?
/R
01
GRÖSSE

Direkt im ersten Viewport; exakt Breite, Querschnitt und Zoll.

02
SAISON

Sommer, Winter, Ganzjahr als verständliche Entscheidung.

03
BESTAND

Echte Exemplare, Satzlogik, Profil und Preis sofort.

04
VERTRAUEN

Originalfotos, DOT, Profil, Prüfung und konkrete Stückzahl.

05
KAUF

Konkretes Unikat reservieren, Deadline sehen, sicher bezahlen.

HERO

Produkt, nicht Pose

Ein Reifen, echte Materialität, kein Mensch, kein erfundener Text. Der Größenfinder bleibt visuell und funktional vorn.

SCROLL

Nutzen in Kapiteln

Jede Fullwidth-Sektion löst eine Frage: Saison, Satz, Prüfung, Marken, Versand. Kein dekoratives Zwischenstück.

BRAND

Echte Logos, leise Bühne

Offizielle SVG-Markenassets in monochromer Ruhe; Originalfarbe erst bei Fokus oder begründetem Detail.

05.2STOREFRONT-ARCHITEKTUR

Fünf Templates.
Ein kurzer Kaufweg.

Start, Bestand, Produkt, Checkout und Auftrag bilden eine durchgehende Linie. Saison, Marke und Kampagne öffnen dieselbe Bestandsansicht mit gesetztem Kontext – keine Parallelwelten, keine Sackgassen.

LIVE PATTERNStorefront screen atlas5 TEMPLATES · 1 BUYING LINE
GR
GEPRÜFT · EINZELN NACHVOLLZIEHBAR

Dein Reifen.
Direkt gefunden.

Kein Produktmeer: Größe eingeben, realen Bestand vergleichen, konkrete Reifen sichern.

Originalfotos Profil geprüft Versandbereit
Großformatige 4K-Profilaufnahme als generische Storefront-Atmosphäre
DEINE GRÖSSE205 / 55 R 16
BAUSTEINAUFGABEMUSS SICHTBAR SEINNÄCHSTER SCHRITT
Start /Größe und Saison in Sekunden erfassenFinder im ersten Viewport · Vertrauen · realer BestandsteaserBestand zeigen
Bestand /reifen/*konkrete Verkaufsartikel vergleichenaktive Größe · ein Angebot je Karte · Endpreis · Profil/DOT · eigenes BildArtikel öffnen
Artikel /artikel/:art/:seo-slug--:idgenau diesen Einzelreifen oder Satz belegenArtikelbilder · feste Stückzahl · Prüfung · Zustand jedes Reifens · LieferumfangArtikel in den Warenkorb
Warenkorb-SheetAuswahl prüfen, ohne Kontext zu verlierenUnits · Stückzahl · Preis · ReservierungszustandCheckout öffnen
Checkout /checkoutKontakt, Prüfung und Zahlung schrittweise abschließennur aktueller Eingabeblock · Gesamtpreis · Payment-Status · EinwilligungSicher bezahlen
Auftrag /order/:idVertrauen nach dem Klick haltenpersistierter Status · Rechnung · 1 Paket je Reifen · TrackingLieferung verfolgen
Service /recht/*Pflichten und Hilfe schnell erreichbar machenVersand · Rückgabe · Kontakt · Datenschutz · RechtstexteProblem lösen
FAST

Kontext fährt mit

Größe, Saison, Filter, Scrollposition, konkrete Artikel und Checkout-Eingaben bleiben beim Zurückgehen erhalten. Niemand bezahlt mit einem Neustart.

SELL

Kommerziell durch Beweis

Originalfoto, Profilspanne, DOT, konkrete Stückzahl und Gesamtpreis verkaufen glaubwürdiger als Rabattlärm oder künstliche Countdown-Panik.

MOBILE

Kaufaktion am Daumen

Produkt und Checkout besitzen eine ruhige, sticky Zusammenfassung. Sie verdeckt keine Fakten und springt erst nach getroffener Auswahl in den Vordergrund.

STARTSEITE NACH DEM FINDERJede Sektion verdient ihren Platz durch eine Kundenfrage.
01
Saison verstehen

Sommer, Winter oder Ganzjahr mit drei klaren Nutzungsszenarien – dann direkt gefiltert weiter.

02
Jetzt verfügbar

Passende Sätze und Einzelreifen aus echtem Bestand; keine leeren redaktionellen Produktkarten.

03
Prüfung beweisen

Profilmaß, DOT, Seitenwand, Schäden und Fotos als kompakter visueller Prüfablauf.

04
Marken im Lager

Autorisierte Markenlogos monochrom; Klick setzt den Markenfilter innerhalb der gewählten Größe.

05
Lieferung verstehen

Ein Paket und Label pro physischem Reifen, klare Kosten und nachvollziehbarer Auftrag.

06
Letzte Zweifel

Kurze FAQ und direkter Kontakt; keine zweite Werbeschleife vor dem Footer.

05.3SOCIAL COMMERCE

Ein Motivsystem.
Drei native Formate.

TikTok, Instagram und Katalogfeeds bekommen dieselbe Produktwahrheit, aber nicht dieselbe Komposition. Das Social Asset weckt Bedarf; Größe, Bestand und Kaufzustand bleiben live und klickbar.

LIVE PATTERNSocial commerce capsulePRODUCT-ONLY · PLATFORM-SAFE
Freigegebenes quadratisches Profil-Makro als Social-Commerce-Referenz
GRGEPRÜFT. ECHT. VERFÜGBAR.
DEINE GRÖSSE IST SCHON DA.Profil,
das man sieht.
AB54,90 €
10 SEK.Problem → Materialbeweis → passende Größe prüfen
  1. 00–02
    Hook aus Produktwahrheit

    Profil, Dimension oder Saisonsituation – kein Mensch, kein generischer Lifestyle.

  2. 02–07
    Beweis im Bild

    Makroprofil, DOT, Seitenwand und Prüfprozess. Text bleibt kontrollierte Overlay-Ebene.

  3. 07–10
    Eine klare Handlung

    Größe oder aktuellen Bestand prüfen; Deep-Link trägt Dimension, Saison und Kampagne.

Bestandsregel: Preis, Verfügbarkeit, Markenlogo und Produkt-Tag kommen aus Katalog/HTML. Ein generiertes Pixelmotiv darf diese Fakten nie einbrennen.

DISCOVERY VIDEOTikTok Shop & Reels

9:16 führt über Dimension, Profil oder Saisonproblem. Produkt-Tag beziehungsweise Deep-Link sitzt in der nativen Plattformebene, nicht im generierten Bild.

HOOK → BEWEIS → GRÖSSE PRÜFEN
SHOP-PROFILShowcase & Collections

Stabile Größen-/TyreSpec-Gruppen statt flüchtiger Einzel-Units. Direkter In-App-Verkauf erst mit eigenem sicheren Channel-Adapter.

KATALOG → LIVE-BESTAND → RESERVE
FEED & STORYInstagram Produkt-Tags

4:5 erklärt und speichert, 9:16 entdeckt. Freigabe, Katalog und jeweilige Plattformverfügbarkeit werden vor Ausspielung geprüft.

SHOP-FREIGABE BLEIBT EXTERN
OWNED FALLBACKDer Webshop bleibt Wahrheit

Jeder Inhalt besitzt einen kanonischen Shop-Deep-Link mit Größe, Saison und Kampagne. Ausverkauf führt zu echten Alternativen derselben Dimension.

KEINE SOCIAL-SACKGASSE
CHANNEL-READINESSDesign ist sofort adaptierbar. Direkter Verkauf braucht denselben fachlichen Schutz wie jeder andere Kanal.
  1. Jetzt CI-Assets, organische Videos, Reels, Katalogmotiv und Deep-Links zum Shop.
  2. Vor In-App-Checkout Produktzulässigkeit, EPR/Plattformpflichten, Rückgabe, Versand und Seller-Freigabe klären.
  3. Technisch Channel-Snapshot, durable Outbox, Revision, Reserve, Sold-Sync, Reconciliation und Audit ergänzen.
  4. Fail closed Bei unklarem Social-Write bleibt die physische Unit gehalten und erscheint als Admin-Aufgabe.

Plattformstand in dieser CI: 12.08.2026. TikTok Shop Deutschland unterstützt shoppable Videos, LIVE und Profil-Showcase; Instagram-Tags setzen Shop/Katalog und Freigabe voraus. Vor Umsetzung erneut offiziell prüfen.

05.4ADMIN

Die Ausnahme findet dich.
Nicht umgekehrt.

Kein Hero, kein Begrüßungstheater. Der erste Blick zeigt offene Arbeit, ihre Auswirkung und den kürzesten sicheren Weg zur Lösung.

LIVE PATTERNAdmin / OperationsDENSE · CALM

LIVE · MITTWOCH · 12. AUGUST

Betriebszentrale

JETZT KLÄREN7 Aufgaben
Zahlung manuell abgleichen1 Auftrag · Bestand bleibt sicher gehalten
Freigabe-Gates offen4 Preise · 3 DOT-Fotos blockieren Kanäle
HEUTE ERFASST42+18 % zum Tagesziel
LETZTE AKTIVITÄT

GR-28419 · eingelagertvor 3 Min.

RE-2026-00184 · bezahltvor 6 Min.

GR-28418 · Prüfung offenvor 8 Min.

LISTE ALS STARTPUNKT

Suche, Filter und Auswahl bleiben stabil. Konzentrierte Objektpflege öffnet einen Vollbild-Arbeitsraum und kehrt exakt in den Listenkontext zurück.

AUSNAHMEN VOR KPI

Blockierte Verkäufe, fehlende Medien und Zahlungen stehen vor allgemeinen Kennzahlen.

BATCH NUR SICHER

Mehrfachaktionen zeigen Anzahl, Auswirkung, Teilerfolg und einen nachvollziehbaren Wiederholungsweg.

05.5SCANNER

Zielen. Erfassen.
Sicher weiter.

Die Scanner-App wird für Werkstatthände, schlechtes Licht, Unterbrechung und eine Hand gebaut. Große Schrift ist hier keine Ästhetik, sondern Fehlerschutz.

LIVE PATTERNScanner / One hand64 PX TARGET
GEB / SCAN
ONLINE

BEREIT · 01/04

Barcode in den Rahmen

Der Scan startet automatisch, sobald der Code ruhig liegt.
Kein grüner Erfolg ohne Serverbestätigung.

01Eine AufgabeKein Dashboard im Taschenformat.

02Eine HandZielgröße mindestens 56, primär 64 px.

03Dreifache RückmeldungBild + Ton + optionale Vibration.

01LICHT

Hoher Kontrast, keine transparenten Hauptflächen, Kamerarahmen unabhängig von Farbe.

02HÄNDE

64-px-Hauptaktion unten, keine feinen Gesten, Rückgängig jederzeit erreichbar.

03LÄRM

Ton ist optional; Vibration und sichtbarer Status tragen dieselbe Nachricht.

04OFFLINE

Niemals lokal als Erfolg puffern: Wert behalten, Verbindung verlangen, serverbestätigt wiederholen.

05FEHLER

Erkannten Wert behalten, nur das fehlerhafte Feld neu erfassen.

06TEMPO

Automatisch vorausfüllen, aber kritische Produktdaten vor Speicherung zeigen.

07FOTO

Einzelreifen frontal und vollständig: mehr Abstand, Kamera auf Reifenmitte und geschlossene gelbe Kontur statt Nahwinkel. Mehrkamera-Handys zeigen einen großen Linsenwechsel; die gewählte Rückkamera bleibt auf dem Gerät gespeichert.

08VOICE

Soniox schreibt gemeinsame Satzdaten und Profil/DOT je Reifen live aus. Reifen 1–4 sind antippbar und mit „erster Reifen“ bis „Reifen D“ sprachlich wechselbar; Feld- und Zielwechsel haben sanfte eigene Töne.

09INDEX

Pkw zeigt neutral einen Lastindex. Einzel/Zwilling samt /-Taste erscheint nur bei expliziter C-/CP-/LT-Ausführung; C2/C3 folgt bei R54 erst aus Primärindex plus Speed.

05.6SCANNER-SCREENATLAS

Weniger tippen.
Mehr Kontext behalten.

Der Startscreen ist kein Dashboard, sondern ein Aufgabenverteiler mit Wiederaufnahme. Jeder Task öffnet nur den nötigen Gerätemodus, übernimmt sichere Serienwerte und stoppt vor irreversiblen Wirkungen.

LIVE PATTERNScanner task atlasFEWER TAPS · HARDER SAFETY
GR / SCAN
ONLINE
GUTEN TAG, SAM

Was machst
du jetzt?

148 Reifen gescannt · 36 bisher versendet

ONLINE

Keine offenen Konflikte

TASKSETUP EINMALSCHNELLE SCHLEIFEBEWUSSTER STOPP
AufnahmeNormal / Quick / Voice · 1/2/4DATEN → FOTO → QR + PLATZ → nächste UnitÜbersicht → Jetzt inserieren
SpracheMikro einmal · Zielreifen wählenGemeinsame Daten an alle · Profil/DOT je 1–4 live → Cloudpause nach 20 sungültige DOT / Schaden / bewusste Veröffentlichung
Code / StatuskeinesCode → Daten / Einzelfotos / Satz-Gruppenfotomehrdeutiger Code / externer Lock
UmlagernZielplatz pinnenScan → Server → rearmZielwechsel / Konflikt
InventurSollbestand frisch ladenScan → Treffer → ZählerDifferenzabschluss
VersandAuftrag scannenalle Units beliebig erfassenzweite Versandbestätigung
Vor OrtWare suchen/scannenAngebot kompakt bildenrealer Geldeingang
KAMERA VERWEIGERT

Warum erklären, Systemeinstellungen öffnen und manuelle Codeeingabe anbieten. Niemals leerer schwarzer View.

OFFLINE / TIMEOUT

Wert und Absicht behalten; keine lokale Erfolgsmeldung. Retry nutzt denselben Idempotency-Key.

MEHRERE LABELS

Decoder blockiert. Zentrale Zielzone und klare Anweisung statt willkürlichem ersten Treffer.

APP UNTERBROCHEN

Stream im Hintergrund stoppen. Beim Zurückkehren Aufgabe, Batch und nächsten sicheren Schritt zeigen.

AKTIVER BATCH

Startscreen bietet Fortsetzen vor Neustart. Verwerfen braucht Wirkungserklärung und Bestätigung.

SERVERERFOLG

Bild, Text, optional Ton und Haptik sagen dasselbe. Erst danach rearmt ein Serienmodus.

05.7WORKFLOW-MATRIX

Jede App besitzt
eine eindeutige Hauptfrage.

MOMENT STOREFRONT ADMIN SCANNER
StartfrageWelche Größe passt?Was blockiert Arbeit?Was liegt vor mir?
PrimärobjektAngebot / ReifensatzReifen / Auftragein physischer Reifen
PrimäraktionBestand prüfenAusnahme lösenCode sicher erfassen
Navigationlinear + explorativpersistente Bereiche + Suchegeführter Schrittfluss
Datenmengeprogressivhoch und filterbarnur jetzt notwendig
FehlerwegAuswahl erhaltenKontext + RetryWert behalten + neu scannen
ErfolgReservierung + FristQuelle sichtbar aktualisiertServerstatus + Ton + Bild + Haptik