Homepage
Die Homepage ist der Einstiegspunkt fur angemeldete Kunden nach dem App-Start oder bei einem erneuten Besuch. Sie hilft dem Kunden, schnell eine Bestellung zu starten, aktuelle Aktionen zu entdecken, Rewards zu sehen und zu vertrauten Bestellwegen zuruckzukehren.
Screen Capture Sequence
Die Homepage sollte als Scroll-Sequenz dokumentiert werden, weil der Screen mehrere Aufgaben kombiniert: App-Einstieg, Erkennung angemeldeter Kunden, Kampagnen-Discovery, Rewards-Sichtbarkeit, lokale Merchandising-Inhalte und Reorder-Shortcuts.
State Map
Gebrandeter Ladezustand, wahrend App-Shell, Schriften, Kundenstatus und Laufzeitdaten initialisiert werden.
Referenz fur die Modulreihenfolge: Kontext, Begrussung, Kampagne, Value, lokales Merchandising, Reorder, Support-Inhalte, Navigation.
Zoomed Detail States
Order context: macht Fulfillment-Typ und Timing sichtbar, damit Verfugbarkeit, Preise und Checkout-Bereitschaft geklart sind.
Greeting: bestatigt den angemeldeten Zustand und positioniert die Seite als Surface fur wiederkehrende Kunden.
Hero campaign: schafft Appetit und leitet Kunden in Bestellung oder Menubrowsing weiter.
Offers & Rewards: zeigt Value und Reward-Berechtigung, ohne Kunden von Home wegzuschicken.
Store-led merchandising: unterstutzt lokale Botschaften wie spate Offnungszeiten, Pickup oder tageszeitbezogene Angebote.
Reorder shortcuts: geben wiederkehrenden Kunden einen schnellen Weg zu bekannten Warenkorben.
Return prompt: bestatigt den vorherigen Fulfillment-Kontext, bevor der Kunde weiter bestellt.
What This Feature Is
Die Homepage ist die zentrale Discovery- und Re-entry-Flache des Kunden. Sie kombiniert Personalisierung, kommerzielle Botschaften, Rewards-Sichtbarkeit und schnelle Bestellwege in einem Screen.
Im aktuellen Prototyp enthalt die angemeldete Homepage:
- einen KFC-gebrandeten Splash Screen, bevor die App-Shell erscheint,
- eine personalisierte Begrussung fur den Kunden,
- eine Order-Context-Leiste, damit lokales Menu, Preise, Timing und Deals aufgelost werden konnen,
- Promo-Hero-Karten,
- ein Offers-&-Rewards-Karussell,
- eine Open-Hours- oder Store-led-Merchandising-Karte,
- Reorder-Shortcuts basierend auf vorherigen Bestellungen,
- einen Returning-Order-Prompt fur Kunden mit vorherigem Bestellkontext,
- Bottom Navigation zu Home, Menu, Rewards und More,
- eine persistente Action Bar, die
Start Ordervor gesetztem Kontext und Cart Review nach gesetztem Kontext unterstutzt.
Why It Is Designed This Way
Die Homepage reduziert den Aufwand, die nachste Aktion zu entscheiden. Ein wiederkehrender Kunde mochte moglicherweise schnell erneut bestellen, das Menu ansehen, Angebote prufen oder von einer aktuellen Kampagne starten. Die Seite bietet alle diese Wege, ohne den Kunden in eine starre Journey zu zwingen.
Dieses Design schafft auch einen starkeren globalen Commerce-Einstieg, weil Markets Brand Storytelling und transaktionale Shortcuts ausbalancieren konnen. Der Hero-Bereich schafft Appetit, der Rewards-Bereich verstarkt Value, und Reorder-Karten unterstutzen Geschwindigkeit fur haufige Kunden.
WIP: What Can Be Configured On This Screen
Dieser Abschnitt sollte zur Market-Konfigurationsreferenz werden, wenn der Screen weiter reift.
| Configurable Area | What Markets Should Be Able To Control | Current Documentation Status |
|---|---|---|
| Splash screen | Brand Mark, Ladebehandlung und ob der Splash bei App-Start oder Web-Einstieg erscheint | WIP |
| Order context bar | Fulfillment-Label, Zeitschatzung, Store- oder Adressverhalten und ob der Kontext aus der Leiste geandert werden kann | WIP |
| Hero banners | Bild, Titel, Tag-Labels, CTA-Text, Reihenfolge, Berechtigung und Ziel | WIP |
| Promotional tiles | Angebotsbild, Preiskommunikation, Kampagnen-Tags und verknupfte Promotion | WIP |
| Carousel order | Welche Module zuerst erscheinen und wie viele Karten angezeigt werden | WIP |
| Signed-in greeting | Logik fur Kundennamen, Fallback-Copy und Guest-State-Verhalten | WIP |
| Reorder module | Ob vorherige Bestellungen erscheinen, wie viele angezeigt werden und welche Aktionen verfugbar sind | WIP |
| Return order prompt | Ob vorheriger Fulfillment-Kontext gezeigt wird, welche Aktionen angeboten werden und wann der Prompt unterdruckt wird | WIP |
| Rewards placement | Ob Rewards auf der Homepage erscheinen und welche Loyalty-Botschaften beworben werden | WIP |
| Local market content | Marketspezifische Copy, Bilder, Rechtstexte, Preissichtbarkeit und Angebotsverfugbarkeit | WIP |
| Visibility rules | Regeln nach angemeldetem Zustand, Market, Store, Fulfillment-Typ, Tageszeit oder Kampagnenberechtigung | WIP |
What This Screen Should Communicate
- Der Kunde ist in einer personalisierten KFC Experience angekommen.
- Der Kunde kann eine Bestellung starten, ohne zuerst die gesamte App-Struktur verstehen zu mussen.
- Aktuelle Aktionen und Rewards sind fruh genug sichtbar, um Bestellentscheidungen zu beeinflussen.
- Wiederkehrende Kunden haben Shortcuts zu vertrauten Optionen.
- Lokales Menu und Deal-Verfugbarkeit hangen von Standort oder Bestellkontext ab.
- Vorheriger Fulfillment-Kontext sollte bestatigt werden, wenn er Menuverfugbarkeit, Timing oder Store-Auswahl beeinflussen kann.
Design Read On This Screen
- Die personalisierte Begrussung macht den Screen zu einer Experience fur wiederkehrende Kunden statt zu einer generischen Landing Page.
- Die Order-Context-Leiste steht uber dem Merchandising Content, weil Verfugbarkeit, Preise und Angebote vom Market- und Store-Kontext abhangen.
- Grosse Hero-Karten priorisieren Appetit und Kampagnensichtbarkeit.
- Der Offers-&-Rewards-Bereich gibt Value Messaging eine eigene Flache, ohne die gesamte Homepage in eine Coupon-Liste zu verwandeln.
- Store-led Messaging erlaubt lokale kommerzielle Prioritaten, ohne die globale Seitenstruktur zu verandern.
- Reorder-Shortcuts unterstutzen Geschwindigkeit fur Kunden, die eine bekannte Bestellung erneut auslosen mochten.