Mealplan · Wochenplaner

Planner Layout — 5 Konzepte

Problem: Desktop zeigt ~80 % leeren Platz. Die linke Sidebar hat den Variety-Score nur am unteren Rand. Rechtes Panel beginnt mit „Kein Tag ausgewählt". Die Kacheln sind zu flach für die Datendichte die wir hätten. Alle 5 Konzepte nutzen ausschließlich vorhandene API-Daten.

01 Score Dashboard Sidebar Einfachster Win — Sidebar von oben befüllen
Wochenplaner 7.–13. Apr
Mo
7

Hähnchen-Curry

35 Min

mittel Hähnchen
Di
8

Pasta Bolognese

45 Min

mittel Rind
Mi
9

Gemüse-Stir-fry

20 Min

einfach Tofu
Do
10

Lachsfilet mit Kartoffeln

30 Min

einfach Fisch
Fr
11

Pizza Margherita

50 Min

aufwändig vegetarisch
Sa
12
+ wählen
So
13
+ wählen
Mittwoch, 9. Apr

Gemüse-Stir-fry

20 Min · einfach

Was ändert sich: Variety Score wird an den Anfang der Sidebar verschoben. Darunter folgen Teilwerte (3 Mini-Balken), Aufwandverteilung (Farbbalken), Top-Warnungen, und ein 5/7-Fortschrittsindikator. Kacheln werden auf 160 px min-height erhöht und zeigen Effort-Badge + Protein-Tag.

Vorteile: Minimaler Aufwand, keine Layout-Änderung, alle Daten bereits vorhanden (varietyScore API liefert sub-scores + overlaps). Die Sidebar ist jetzt von oben bis unten gefüllt. Kacheln vermitteln mehr Kontext auf einen Blick.
02 Stats-Leiste + Fullscreen-Kalender 2-Spalten-Layout, Kennzahlen als Kopfzeile
Wochenplaner 7.–13. Apr
7.8
Abwechslungs-Score
5/7
Tage geplant
34 Min
Ø Kochzeit
Aufwand
Protein-Verteilung
Hähnchen ×2 Rind ×1 Fisch ×1 Tofu ×1
Montag
7

Hähnchen-Curry

35 Min

mittel Hähnchen
Dienstag
8

Pasta Bolognese

45 Min

mittel Rind
Mittwoch
9

Gemüse-Stir-fry

20 Min

einfach Tofu
Donnerstag
10

Lachs mit Kartoffeln

30 Min

einfach Fisch
Freitag
11

Pizza Margherita

50 Min

aufwändig vegetarisch
Samstag
12
+ Gericht wählen
Sonntag
13
+ Gericht wählen
Mittwoch, 9. Apr

Gemüse-Stir-fry

20 Min · einfach

Score-Vorschau
7.8 /10 ▲ +0.4
Was ändert sich: Die linke Sidebar entfällt — stattdessen gibt es eine horizontale Stats-Leiste direkt unter der Topbar. Sie zeigt Score, geplante Tage, Ø Kochzeit, Aufwand-Farbbalken und Protein-Tags kompakt nebeneinander. Der Kalender wächst auf die volle verbleibende Breite. Rechtes Panel zeigt beim ausgewählten Tag jetzt auch den aktuellen Score.

Vorteile: Maximaler Platz für den Kalender. Stats auf einen Blick ohne Scrolling. Variety-Score immer sichtbar. Schwäche: Keine persistente Sidebar für Warnungen.
03 Rechtes Panel als Wochenübersicht „Kein Tag ausgewählt" durch echte Daten ersetzen
Wochenplaner 7.–13. Apr
Mo
7

Hähnchen-Curry

35 Min

mittel
Di
8

Pasta Bolognese

45 Min

mittel
Mi
9

Gemüse-Stir-fry

20 Min

einfach
Do
10

Lachs mit Kartoffeln

30 Min

einfach
Fr
11

Pizza Margherita

50 Min

aufwändig
Sa
12
+
So
13
+
Diese Woche
5
geplant
2
offen
34
Ø Min
Ungeplante Tage
Samstag, 12. Apr Noch kein Gericht — Klicken zum Planen
Sonntag, 13. Apr Noch kein Gericht — Klicken zum Planen
Heute Abend

Pasta Bolognese

45 Min · mittel

Was ändert sich: Nur das rechte Panel im Idle-Zustand. Statt „Kein Tag ausgewählt" zeigt es eine echte Wochenübersicht: Geplant/Offen/Ø Kochzeit, ungeplante Tage als Einladung zum Klicken, und „Heute Abend" als schnellen Koch-Modus-Einstieg.

Vorteile: Kein leerer Zustand mehr. Nutzer sehen sofort den Stand ihrer Woche. „Heute Abend" löst den häufigsten Use-Case (abends schnell kochen starten) direkt. Minimale Änderungen am restlichen Layout.
04 Variety rechts, Kalender breiter Variety-Analyse ins rechte Panel, kein linkes Sidebar mehr
Wochenplaner 7.–13. Apr 2026
Mo, 7.

Hähnchen-Curry

35 Min

mittel Hähnchen
Di, 8. ★

Pasta Bolognese

45 Min

mittel Rind
Mi, 9.

Gemüse-Stir-fry

20 Min

einfach Tofu
Do, 10.

Lachs mit Kartoffeln

30 Min

einfach Fisch
Fr, 11.

Pizza Margherita

50 Min

aufwändig vegetarisch
Sa, 12.
+ Gericht wählen
So, 13.
+ Gericht wählen
7.8
Protein
8.0
Zutaten
7.2
Aufwand
8.2
Aufwand diese Woche
3 einfach
2 mittel
1
Überschneidungen
⚠ Hähnchen an Mo, Mi, Do
⚠ Tomaten an Di, Do
Variety-Analyse →
Heute Abend

Pasta Bolognese

Dienstag · 45 Min · mittel

Was ändert sich: Linke Sidebar komplett entfernt → Kalender gewinnt ~200 px Breite. Das rechte Panel wird zum permanenten Variety-Dashboard: Score-Ring, Teilwerte, Aufwand-Balken, Warnungen. Ganz unten: „Heute Abend" als direkter Koch-Modus-Einstieg. Beim Klick auf einen Tag ersetzt das Day-Detail-Panel diesen Inhalt.

Vorteile: Variety-Score ist immer im Blick, nicht nur am unteren Sidebar-Rand. Breiterer Kalender = mehr Platz für Rezeptnamen. Klarer Haupt-CTA (Koch-Modus) ohne Tab-Wechsel.
05 Mobile — Wochengitter statt Tagesstreifen Alle 7 Tage auf einmal sichtbar, Score im Header
Aktueller Zustand
9:41●●●
Diese Woche
7.8 /10 Abwechslungs-Score
⚠ Hähnchen in 3 Mahlzeiten
Mo
Di
8
Mi
9
Do
Fr
Sa
12
So
13
Mittwoch, 9. April

Gemüse-Stir-fry

20 Min · einfach

Neuer Vorschlag — 2-Spalten-Gitter
9:41●●●
Diese Woche
7.8 /10
Montag · 7.
Hähnchen-Curry
35 Min · mittel
Dienstag · 8. ★
Pasta Bolognese
45 Min · mittel
Mittwoch · 9. — Ausgewählt
Gemüse-Stir-fry
20 Min · einfach
Donnerstag · 10.
Lachs mit Kartoffeln
30 Min · einfach
Freitag · 11.
Pizza Margherita
50 Min · aufwändig
Samstag · 12.
+
wählen
Sonntag · 13.
+
wählen
Was ändert sich (Mobile): Die gelbe Score-Banner wird aus dem Scroll-Bereich herausgelöst und als kompaktes Badge in die Topbar integriert (spart ~80 px). Der horizontale Tagesstreifen + separate „Restliche Woche" Liste werden ersetzt durch ein 2-Spalten-Gitter, das alle 7 Tage auf einmal zeigt. Der ausgewählte Tag expandiert zur vollen Breite mit integrierten Aktionen (kein separater großer Card mehr).

Vorteile: Auf einem Blick sieht man die ganze Woche. Kein Scrollen nötig um alle Tage zu sehen. Score-Badge bleibt jederzeit sichtbar ohne Platz zu fressen. Expandierter Tag ersetzt das separate Tagesdetail-Pattern.