Notes

🖤 AYVERDIS App – The Cinematic Ordering Experience
Concept Overview

The AYVERDIS App transforms food ordering into a luxury, cinematic experience.
It uses a minimalist black-and-gold design, polygonal 3D icons, and smooth right-ward transitions to make every interaction feel elegant, fast, and premium.

The concept focuses on emotion, flow, and simplicity.
Every tap feels like entering a different “scene” in the AYVERDIS universe — clean, calm, and golden.

1️⃣ Home Screen

4 main glowing icons sit in one horizontal line:
🥙 Create Your Kebab | 🍟 Snacks | 🥤 Drinks | 🍰 Dessert

Background: deep black with soft moving gold particles.

The AYVERDIS logo stays at the top center with a subtle glow.

Beneath the icons: “Chef’s Choice” section with a few highlighted items (e.g., Gourmet Kebab, Crispy Chicken).

Interaction Logic:
When the user taps an icon, that icon slides left to the first position and expands its category horizontally to the right.
Each category feels like its own luxury “mini-universe” with glowing cards and smooth motion.

2️⃣ Create Your Kebab (Main Journey)

This is the emotional center of the app — a 5-step creation flow that guides the user through the process like a calm cinematic sequence.

Each step slides smoothly to the right with soft golden transitions.
No clutter, no heavy text — just glowing icons, short titles, and elegant visuals.

Step 1 — Your Heart ❤️

Choose your base:
Taschenbrot | Fladenbrot | Box | Teller

Step 2 — Your Soul 🔥

Choose your protein:
Kebab Fleisch | Kebab Poulet | Crispy Chicken | Pouletbrust | Falafel

Step 3 — Your Senses 🥗

Add your vegetables:
Salat | Zwiebel | Tomaten | Gurken | Mais | Rüebli | Röstzwiebeln | Chabis | Granatapfel | Rucola

Step 4 — Your Feelings 🧀

Add cheese or creamy textures:
Ei | Mozzarella | Toastkäse | Parmesan | Feta | Guacamole | Pommes

Step 5 — Your Moments 💫

Choose your sauces:
Scharf | Joghurt | Cocktail | Sweet Chili | Ketchup | Mayo | Trüffel-Mayo | Knoblauch

After finishing Step 5, the screen fades into a “Complete Your Experience” page.

3️⃣ Complete Your Experience (Upsell Flow)

A golden wave slides in with the headline:

“Complete Your Experience ✨”

Below it, three horizontal scrolling sections appear:

Snacks (Pommes, Crispy Chicken Portion, Falafel Portion)

Drinks (AYSTEA, Coca-Cola, Ayran, Red Bull, AYS Water)

Dessert (Baklava, AYCE Baklava mit Stil, Espresso, Kaffee, Tee)

Every card has a “+ Hinzufügen” button that lights up gold when tapped, with a sparkle animation flying to the cart.

This upsell section always appears at the end of the kebab-creation journey, maximizing conversions in a natural, elegant way.

4️⃣ Category Behavior (When Tapping Icons Instead of “Create”)

Each main icon opens its own horizontal flow:

🍟 Snacks

Pommes Frites | Pommes mit Trüffelgeschmack | Falafel Portion | Crispy Chicken Portion

Golden glowing product cards with price + add button.

Cards spread horizontally to the right.

🥤 Drinks

AYSTEA (Red Forest, Nature Haze, Don Zero)

AYS Water (Mit / Ohne Kohlensäure)

Ayran, Coca-Cola, Red Bull, AYS Bier

Slight condensation effects and light reflections on bottles.

🍰 Dessert & Kaffee

Baklava | Baklava AYCE mit Stil | Espresso | Kaffee | Tee

Soft coffee steam and warm lighting.

Transition Rule:
Each category replaces the left icon (Create Your Kebab) and slides to the right with a soft motion.
A swipe left or back arrow returns to the home line of icons.

5️⃣ Kids Menu (Mini Me)

This is a separate category — not part of “Create Your Kebab.”

Represented by colorful balloon icons.

Playful, bright, slightly bouncy transitions.

Includes items like:
Mini Me Kebab im Fladenbrot mit Pommes | Mini Me Falafel | Mini Me Crispy Chicken.

Background still dark, but with lighter gradient highlights for a friendly tone.

6️⃣ Extras

A minimalist page or overlay with small polygonal icons (sauces, breads, spice levels).
Represents “final custom touches.”

Includes:
Guacamole | Hummus | Truffle Mayo | IT Dressing | Ketchup | Sweet Chili | Knoblauch | Fladenbrot | Taschenbrot | Scharf 5/5.

Design: small floating puzzle-piece icons symbolizing personalization.

7️⃣ Chef’s Choice

Located at the bottom of the home screen — always visible.
Curated ready-to-order options for users who want no customization.

Gourmet Kebab

Crispy Chicken Kebab

Falafel Teller
Each card uses deeper golden glow and a “GO GO GO” label to emphasize quick ordering.

8️⃣ Design Principles

Color Palette

Black (#000000) – main background

Deep Gold (#C5A25A) – highlights and text

Soft Light Gold (#FFE8A0 at 20% opacity) – subtle glow

White (#FFFFFF) – clean text contrast

Typography

Titles: Montserrat Bold / SemiBold

Body Text: Inter Medium / Regular

Motion & Transitions

Every interaction = slide right or fade-in gold shimmer

Transition duration: 0.5–0.7s

Easing: Ease In-Out Quartic (smooth & cinematic)

Ambient background: subtle floating gold particles

Lighting

Objects softly illuminated from above with warm tone.

Each icon emits a faint halo glow.

Mood

Calm, luxurious, premium.

Every screen feels like entering a different golden “scene.”