UX/UI
Branding
Flavorfusion
Für die Rezept-App FlavorFusion habe ich eine ansprechende und conversion-orientierte Landingpage entwickelt, die das Produkt attraktiv positioniert und potenzielle Nutzer motiviert, die App zu entdecken und herunterzuladen. Das Projekt umfasst Brand-Elements, visuelle Gestaltung, Informationsarchitektur sowie die konzeptionelle Ausarbeitung von Textinhalten und Nutzerführung.
Rolle:
UX/UI Design
visuelle Gestaltung
Content-Konzeption
Prototyping
Fokus:
Zielgruppenorientierte Landingpage
starke visuelle Identität
Conversion-Optimierung
Tools:
Figma
Perplexity
Excalidraw
Figjam
Projektdauer:
1 Woche
(in UX/UI-Weiterbildung)
Flavorfusion
Landingpage zur Präsentation der neuen Rezept-App FlavorFusion
Kontext & Zielsetzung
FlavorFusion soll das Kochen zu Hause angenehmer machen, indem die App:
eine große Auswahl an Rezepten bietet
personalisierte Empfehlungen liefert
und praktische Einkaufslisten erstellt
Die Landingpage musste daher:
klare Wertversprechen kommunizieren,
visuell einladend und appetitanregend wirken
und einen intuitiven, conversion-orientierten Flow bieten
Designprinzipien
Auf Basis der Zielsetzung habe ich folgende Leitprinzipien definiert:
🍴
Appetit durch Ästhetik
Hochwertige Food-Fotografie und appetitanregende Farben erzeugen emotionale Attraktivität.
🌶️
Würze
Typografische Elemente (z. B. eine individuell verformte Headline-Typo) schaffen visuelle Identität und Charakter.
👨🏼🍳
Intuitiv wie ein Rezept
Die Informationsstruktur folgt einem klaren, logischen Verlauf, der sich wie ein Rezept „liest“.
💛
Vertrauen schmeckt
Bereiche wie Social Proof, Nutzer-bewertungen und FAQ-Sektionen unterstützen die Glaubwürdigkeit und schaffen Vertrauen.
Visuelle Identität & Branding
Das Logo wurde aus der Typografie heraus entwickelt: Einzelne Buchstabenformen symbolisieren Zutaten oder Küchenwerkzeuge, was sowohl Kreativität als auch kulinarischen Fokus widerspiegelt. Diese visuelle Metapher stärkt die Markenidentität und sorgt für Wiedererkennungswert.
Farben
Die Farbpalette übersetzt die Markenwerte in ein visuelles Geschmackserlebnis. Als Primär- und Appetitanregende Farben werden ein Tomatenrot und Mangogelb eingesetzt. Die Namensgebung stärkt dabei die Markenidentität und Emotionalität.
Tomate
HEX: #e92023
RGB: 233, 32, 35
Mango
HEX: #ffd269
RGB: 255, 210, 105
Basilikum
HEX: #15a440
RGB: 21, 164, 64
Salz
HEX: #f9f9f9
RGB: 249, 249, 249
Tomatelight
HEX: #f9b0b1
RGB: 249, 176, 177
Mangolight
HEX: #ffe5aa
RGB: 255, 229, 170
Basilikumlight
HEX: #a7e5ba
RGB: 167, 229, 186
Pfeffer
HEX: #2f2f2f
RGB: 47, 47, 47
Typographie
Die Kombination aus Categories Elegant Demo und Open Sans bildet eine perfekte Balance zwischen Marken- und funktionalem App-Charakter. Während Categories mit ihrer verspielten, geometrischen Formensprache, die den Fusionsaspekt wiederspiegelt, für Wiedererkennung, Emotionalität und Kreativität sorgt, bringt Open Sans als serifenlose Systemschrift Klarheit, Lesbarkeit und Zugänglichkeit ins Design.
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Prototyp
Die Landingpage ist so aufgebaut, dass sie:
Above the fold die Kernaussage und den ersten CTA sichtbar macht
die USPs der App in klaren, nutzerzentrierten Statements präsentiert
durch visuelle Elemente und Food-Fotografie Emotion schafft
die Nutzer*innen durch logisch folgende Sektionen führt
Social Proof und FAQs integriert, um Conversion-Barrieren zu reduzieren
Ergebnisse und learnings
Die Seite transportiert die Markenwerte und spricht sowohl visuelle als auch rationale Motivationsfaktoren an. Die strategische CTA-Platzierung, verständliche Informationshierarchie und attraktiven visuellen Elemente unterstützen den Besucherfluss und können zu höheren Download-Raten beitragen.
Eine Landingpage profitiert von starker visueller Identität, die Emotion und Funktion verbindet.
Nutzerorientierte Inhalte (klare Nutzenkommunikation, Social Proof) sind entscheidend für Engagement und Conversion.
In weiteren Iterationen könnten Nutzer-Feedback-Tests zur Verbesserung der Informationshierarchie und zur Messung tatsächlicher Conversion-Effekte integriert werden.
UX/UI
Branding
Flavorfusion
Für die Rezept-App FlavorFusion habe ich eine ansprechende und conversion-orientierte Landingpage entwickelt, die das Produkt attraktiv positioniert und potenzielle Nutzer motiviert, die App zu entdecken und herunterzuladen. Das Projekt umfasst Brand-Elements, visuelle Gestaltung, Informationsarchitektur sowie die konzeptionelle Ausarbeitung von Textinhalten und Nutzerführung.
Rolle:
UX/UI Design
visuelle Gestaltung
Content-Konzeption
Prototyping
Fokus:
Zielgruppenorientierte Landingpage
starke visuelle Identität
Conversion-Optimierung
Tools:
Figma
Perplexity
Excalidraw
Figjam
Projektdauer:
1 Woche
(in UX/UI-Weiterbildung)
Flavorfusion
Landingpage zur Präsentation der neuen Rezept-App FlavorFusion
Kontext & Zielsetzung
FlavorFusion soll das Kochen zu Hause angenehmer machen, indem die App:
eine große Auswahl an Rezepten bietet
personalisierte Empfehlungen liefert
und praktische Einkaufslisten erstellt
Die Landingpage musste daher:
klare Wertversprechen kommunizieren,
visuell einladend und appetitanregend wirken
und einen intuitiven, conversion-orientierten Flow bieten
Designprinzipien
Auf Basis der Zielsetzung habe ich folgende Leitprinzipien definiert:
🍴
Appetit durch Ästhetik
Hochwertige Food-Fotografie und appetitanregende Farben erzeugen emotionale Attraktivität.
🌶️
Würze
Typografische Elemente (z. B. eine individuell verformte Headline-Typo) schaffen visuelle Identität und Charakter.
👨🏼🍳
Intuitiv wie ein Rezept
Die Informationsstruktur folgt einem klaren, logischen Verlauf, der sich wie ein Rezept „liest“.
💛
Vertrauen schmeckt
Bereiche wie Social Proof, Nutzer-bewertungen und FAQ-Sektionen unterstützen die Glaubwürdigkeit und schaffen Vertrauen.
Visuelle Identität & Branding
Das Logo wurde aus der Typografie heraus entwickelt: Einzelne Buchstabenformen symbolisieren Zutaten oder Küchenwerkzeuge, was sowohl Kreativität als auch kulinarischen Fokus widerspiegelt. Diese visuelle Metapher stärkt die Markenidentität und sorgt für Wiedererkennungswert.
Farben
Die Farbpalette übersetzt die Markenwerte in ein visuelles Geschmackserlebnis. Als Primär- und Appetitanregende Farben werden ein Tomatenrot und Mangogelb eingesetzt. Die Namensgebung stärkt dabei die Markenidentität und Emotionalität.
Tomate
HEX: #e92023
RGB: 233, 32, 35
Mango
HEX: #ffd269
RGB: 255, 210, 105
Basilikum
HEX: #15a440
RGB: 21, 164, 64
Salz
HEX: #f9f9f9
RGB: 249, 249, 249
Tomatelight
HEX: #f9b0b1
RGB: 249, 176, 177
Mangolight
HEX: #ffe5aa
RGB: 255, 229, 170
Basilikumlight
HEX: #a7e5ba
RGB: 167, 229, 186
Pfeffer
HEX: #2f2f2f
RGB: 47, 47, 47
Typographie
Die Kombination aus Categories Elegant Demo und Open Sans bildet eine perfekte Balance zwischen Marken- und funktionalem App-Charakter. Während Categories mit ihrer verspielten, geometrischen Formensprache, die den Fusionsaspekt wiederspiegelt, für Wiedererkennung, Emotionalität und Kreativität sorgt, bringt Open Sans als serifenlose Systemschrift Klarheit, Lesbarkeit und Zugänglichkeit ins Design.
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Prototyp
Die Landingpage ist so aufgebaut, dass sie:
Above the fold die Kernaussage und den ersten CTA sichtbar macht
die USPs der App in klaren, nutzerzentrierten Statements präsentiert
durch visuelle Elemente und Food-Fotografie Emotion schafft
die Nutzer*innen durch logisch folgende Sektionen führt
Social Proof und FAQs integriert, um Conversion-Barrieren zu reduzieren
Ergebnisse und learnings
Die Seite transportiert die Markenwerte und spricht sowohl visuelle als auch rationale Motivationsfaktoren an. Die strategische CTA-Platzierung, verständliche Informationshierarchie und attraktiven visuellen Elemente unterstützen den Besucherfluss und können zu höheren Download-Raten beitragen.
Eine Landingpage profitiert von starker visueller Identität, die Emotion und Funktion verbindet.
Nutzerorientierte Inhalte (klare Nutzenkommunikation, Social Proof) sind entscheidend für Engagement und Conversion.
In weiteren Iterationen könnten Nutzer-Feedback-Tests zur Verbesserung der Informationshierarchie und zur Messung tatsächlicher Conversion-Effekte integriert werden.
UX/UI
Branding
Flavorfusion
Für die Rezept-App FlavorFusion habe ich eine ansprechende und conversion-orientierte Landingpage entwickelt, die das Produkt attraktiv positioniert und potenzielle Nutzer motiviert, die App zu entdecken und herunterzuladen. Das Projekt umfasst Brand-Elements, visuelle Gestaltung, Informationsarchitektur sowie die konzeptionelle Ausarbeitung von Textinhalten und Nutzerführung.
Rolle:
UX/UI Design
visuelle Gestaltung
Content-Konzeption
Prototyping
Fokus:
Zielgruppenorientierte Landingpage
starke visuelle Identität
Conversion-Optimierung
Tools:
Figma
Perplexity
Excalidraw
Figjam
Projektdauer:
1 Woche
(in UX/UI-Weiterbildung)
Flavorfusion
Landingpage zur Präsentation der neuen Rezept-App FlavorFusion
Kontext & Zielsetzung
FlavorFusion soll das Kochen zu Hause angenehmer machen, indem die App:
eine große Auswahl an Rezepten bietet
personalisierte Empfehlungen liefert
und praktische Einkaufslisten erstellt
Die Landingpage musste daher:
klare Wertversprechen kommunizieren,
visuell einladend und appetitanregend wirken
und einen intuitiven, conversion-orientierten Flow bieten
Designprinzipien
Auf Basis der Zielsetzung habe ich folgende Leitprinzipien definiert:
🍴
Appetit durch Ästhetik
Hochwertige Food-Fotografie und appetitanregende Farben erzeugen emotionale Attraktivität.
🌶️
Würze
Typografische Elemente (z. B. eine individuell verformte Headline-Typo) schaffen visuelle Identität und Charakter.
👨🏼🍳
Intuitiv wie ein Rezept
Die Informationsstruktur folgt einem klaren, logischen Verlauf, der sich wie ein Rezept „liest“.
💛
Vertrauen schmeckt
Bereiche wie Social Proof, Nutzer-bewertungen und FAQ-Sektionen unterstützen die Glaubwürdigkeit und schaffen Vertrauen.
Visuelle Identität & Branding
Das Logo wurde aus der Typografie heraus entwickelt: Einzelne Buchstabenformen symbolisieren Zutaten oder Küchenwerkzeuge, was sowohl Kreativität als auch kulinarischen Fokus widerspiegelt. Diese visuelle Metapher stärkt die Markenidentität und sorgt für Wiedererkennungswert.
Farben
Die Farbpalette übersetzt die Markenwerte in ein visuelles Geschmackserlebnis. Als Primär- und Appetitanregende Farben werden ein Tomatenrot und Mangogelb eingesetzt. Die Namensgebung stärkt dabei die Markenidentität und Emotionalität.
Tomate
HEX: #e92023
RGB: 233, 32, 35
Mango
HEX: #ffd269
RGB: 255, 210, 105
Basilikum
HEX: #15a440
RGB: 21, 164, 64
Salz
HEX: #f9f9f9
RGB: 249, 249, 249
Tomatelight
HEX: #f9b0b1
RGB: 249, 176, 177
Mangolight
HEX: #ffe5aa
RGB: 255, 229, 170
Basilikumlight
HEX: #a7e5ba
RGB: 167, 229, 186
Pfeffer
HEX: #2f2f2f
RGB: 47, 47, 47
Typographie
Die Kombination aus Categories Elegant Demo und Open Sans bildet eine perfekte Balance zwischen Marken- und funktionalem App-Charakter. Während Categories mit ihrer verspielten, geometrischen Formensprache, die den Fusionsaspekt wiederspiegelt, für Wiedererkennung, Emotionalität und Kreativität sorgt, bringt Open Sans als serifenlose Systemschrift Klarheit, Lesbarkeit und Zugänglichkeit ins Design.
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Preview
Heading Hero
Subhead Hero
Heading 1
Menüpunkte
Button Text
Subheading
Caption
Prototyp
Die Landingpage ist so aufgebaut, dass sie:
Above the fold die Kernaussage und den ersten CTA sichtbar macht
die USPs der App in klaren, nutzerzentrierten Statements präsentiert
durch visuelle Elemente und Food-Fotografie Emotion schafft
die Nutzer*innen durch logisch folgende Sektionen führt
Social Proof und FAQs integriert, um Conversion-Barrieren zu reduzieren
Ergebnisse und learnings
Die Seite transportiert die Markenwerte und spricht sowohl visuelle als auch rationale Motivationsfaktoren an. Die strategische CTA-Platzierung, verständliche Informationshierarchie und attraktiven visuellen Elemente unterstützen den Besucherfluss und können zu höheren Download-Raten beitragen.
Eine Landingpage profitiert von starker visueller Identität, die Emotion und Funktion verbindet.
Nutzerorientierte Inhalte (klare Nutzenkommunikation, Social Proof) sind entscheidend für Engagement und Conversion.
In weiteren Iterationen könnten Nutzer-Feedback-Tests zur Verbesserung der Informationshierarchie und zur Messung tatsächlicher Conversion-Effekte integriert werden.