Rolle: UI/UX Design · Visual Design · Art Direction
Überblick
Axis Protein ist eine moderne Marke für hochwertige Proteinprodukte (Whey Isolate, Plant Protein, Casein). Ziel der Website war es, ein klares, vertrauenswürdiges und motivierendes digitales Erlebnis zu schaffen, das Reinheit, Leistung und Genuss in den Vordergrund stellt.
Design Direction
Clean. Strong. Premium.
Das visuelle Konzept basiert auf einer hellen, luftigen Ästhetik mit viel Weißraum, kombiniert mit kraftvollen Kontrasten und einer sportlich-eleganten Anmutung.
Kernprinzipien:
- Sehr viel Weissraum und klare Hierarchie
- Starke, moderne Sans-Serif-Typografie mit fettem Headline-Stil
- Hohe Qualität der Lifestyle- und Produktfotografie
- Minimalistische Produktkarten mit Fokus auf die Verpackung
- Dezente schwarze CTAs für starke visuelle Präsenz
- Frische, energiegeladene Bildsprache (Athleten, Gym-Atmosphäre, natürliches Licht)
- Starke, moderne Sans-Serif-Typografie mit fettem Headline-Stil
- Hohe Qualität der Lifestyle- und Produktfotografie
- Minimalistische Produktkarten mit Fokus auf die Verpackung
- Dezente schwarze CTAs für starke visuelle Präsenz
- Frische, energiegeladene Bildsprache (Athleten, Gym-Atmosphäre, natürliches Licht)
Hero Experience
Der Hero-Bereich vermittelt sofort die Kernbotschaft der Marke: „Clean Fuel. Pure Power.“ Grosse, selbstbewusste Typografie kombiniert mit einer dynamischen Lifestyle-Aufnahme einer Athletin, die das Produkt in der Hand hält. Der direkte „Shop Whey Isolate“-Button sorgt für schnelle Conversion.
Der Hero-Bereich vermittelt sofort die Kernbotschaft der Marke: „Clean Fuel. Pure Power.“ Grosse, selbstbewusste Typografie kombiniert mit einer dynamischen Lifestyle-Aufnahme einer Athletin, die das Produkt in der Hand hält. Der direkte „Shop Whey Isolate“-Button sorgt für schnelle Conversion.
Produktpräsentation
Klare und ansprechende Darstellung der Produkte im Bereich „Featured Products":
Klare und ansprechende Darstellung der Produkte im Bereich „Featured Products":
- Einheitliches Grid mit viel Freiraum
- Hochwertige Produktfotos auf neutralem Hintergrund
- Übersichtliche Informationsstruktur (Name, Geschmacksrichtung, Grösse, Bewertung, Preis)
- Prominenter „Add to Cart“-Button
- Hochwertige Produktfotos auf neutralem Hintergrund
- Übersichtliche Informationsstruktur (Name, Geschmacksrichtung, Grösse, Bewertung, Preis)
- Prominenter „Add to Cart“-Button
Jedes Produkt wirkt professionell, hochwertig und leicht vergleichbar.
UX & UI
Navigation: Products · About · Recipes · Account · Cart
Navigation: Products · About · Recipes · Account · Cart
Sehr übersichtliche und intuitive Struktur. Der Fokus liegt auf schnellem Zugang zum Shop und inspirierenden Inhalten (Recipes). Klare User Flows und starke visuelle Hierarchie sorgen für eine angenehme Shopping-Erfahrung.
Key Sections
- Why AXIS? – Vertrauensbildung durch klare USPs (Pure Ingredients, Superior Quality, Delicious Taste)
- Starke Produktbewertungen (4,8/5 Sterne)
- Footer mit wichtigen Links und Social Proof
- Starke Produktbewertungen (4,8/5 Sterne)
- Footer mit wichtigen Links und Social Proof
Technische & Design-Umsetzung
- Konsistentes Design-System (Typografie, Farben, Buttons, Karten)
- Voll responsives Design
- Hoch optimierte Bilder für schnelle Ladezeiten
- Klare Übergabedokumentation für die Entwicklung
- Voll responsives Design
- Hoch optimierte Bilder für schnelle Ladezeiten
- Klare Übergabedokumentation für die Entwicklung
Ergebnis
Die Axis Protein - Website wirkt modern, vertrauenswürdig und leistungsstark. Sie positioniert die Marke klar im Premium-Segment und vermittelt die Botschaft: Reine Zutaten. Maximale Leistung. Exzellenter Geschmack.
Die Axis Protein - Website wirkt modern, vertrauenswürdig und leistungsstark. Sie positioniert die Marke klar im Premium-Segment und vermittelt die Botschaft: Reine Zutaten. Maximale Leistung. Exzellenter Geschmack.
