Maximilian Lippert Velarde

Für Rosada, eine Schweizer Premium Marke aus Zürich mit der ersten Rosen Limonade des Landes, habe ich die komplette Webpräsenz von Grund auf neu konzipiert, designed und entwickelt. Die Marke lebt von einer ungewöhnlichen Spannung: arabisches Erbe trifft europäische Zurückhaltung. Die Rose als Symbol für Gastfreundschaft im Orient und Eleganz im Westen. Genau das musste die Seite tragen.

Das Ergebnis unter rosada.ch ist ein editorial cinematischer Auftritt, gebaut in Next.js (App Router) mit voll integrierter Bilingualität (DE/EN) und arabischen Typografie Akzenten. Video driven Storytelling auf der Hero, produktzentrierte Collection mit Flasche und Dose, eigene Story Page für die Markenwelt sowie saubere Contact, Imprint, Privacy und Terms Pages. Performance optimierte next/image Pipeline, responsive über alle Breakpoints, mit feinem Microcopy Wechsel zwischen Deutsch, Englisch und arabischer Schrift (صُنعت للحظات الجميلة, Made for beautiful moments).

Dazu eine vollintegrierte Shop Anbindung: Checkout, Warenkorb und Produktverwaltung direkt im Frontend, gekoppelt an die nötigen APIs und MCPs für eine End to End Order Pipeline. Die Schnittstelle zum Logistik Partner wurde sauber implementiert. Bestellungen fließen automatisch vom Frontend in das Fulfillment System, inklusive Versand, Tracking und Status Sync. Keine manuellen Übergaben, kein Bruch im Workflow.

Vom Brand Direction Input über UX Architektur, Visual Design, Motion, Frontend Development, Shop und Logistik Integration bis zum Live Deployment. End to End in einer Hand. Kein Template, kein Page Builder. Eine Webseite, die sich anfühlt wie das Produkt: klar, ausgewogen, leise veredelt.

Für PepsiCo, einen der weltweit größten FMCG Konzerne, habe ich in Zusammenarbeit mit einem Partner, über den der Auftrag lief, Graphic Design und Motion Graphics in Videoform produziert. Inhaltlich ging es darum, interne Prozesse des Konzerns visuell aufzubereiten und für die Mitarbeitenden klar, verständlich und ästhetisch ansprechend zu erklären.

Die Aufgabe: komplexe interne Workflows in ein Format zu übersetzen, das nicht nur informiert, sondern auch begeistert. Statt klassischer Erklärvideos im Standard Look wurde ein bewusst hochwertiger, editorial geprägter Visual Style gewählt. Saubere Komposition, präzise Typografie, ausgefeilte Farbwelten und eine konsequente Designsprache, die dem Anspruch eines globalen Premium Konzerns gerecht wird.

Auf der Motion Seite kamen sehr moderne Animationstechniken zum Einsatz: smoothe Transitions, kinetische Typografie, präzise getimte Easing Kurven, layered Compositions und fließende Szenenwechsel. Jedes Frame wurde so gestaltet, dass es einzeln als Still funktioniert und gleichzeitig Teil eines stimmigen Gesamtflusses bleibt. Ergebnis sind Videos, die sich eher wie eine Brand Kampagne anfühlen als wie internes Trainingsmaterial, ohne dabei ihren erklärenden Charakter zu verlieren.

Rolle im Projekt: Graphic Design, Motion Design, Animation und visuelle Konzeption. Die Auftragsabwicklung lief über meinen Partner, die kreative Umsetzung kam aus meiner Hand. Ein Projekt auf Konzern Niveau, bei dem visuelle Qualität, Markenanmutung und didaktische Klarheit gleichzeitig stimmen mussten.

Für Teaching Finance, ein Unternehmen aus dem Bereich Social Media Marketing, habe ich ein Website Redesign konzipiert, designed und entwickelt. Statt einer klassischen statischen Seite entstand ein interaktives Scroll Erlebnis, das die kreative Handschrift einer modernen Marketing Agentur visuell direkt erlebbar macht.

Technisch im Einsatz: GSAP ScrollTrigger für präzise an die Scrollposition gebundene Animationen, eigene Easing Kurven für ein natürliches Bewegungsgefühl, Lenis basiertes smoothes Scrolling und ein durchdachtes Layer System, damit auch komplexere Szenen performant bleiben. Dazu cursorbasierte Interaktionen: Elemente reagieren live auf die Bewegung des Mauszeigers, Hover States werden zu Mikrointeraktionen, Wischbewegungen lösen visuelle Reaktionen aus. Das Ergebnis fühlt sich weniger an wie eine klassische Webseite und mehr wie ein interaktives Showcase.

Auf der Design Seite kompromisslos high end: klare typografische Hierarchien, mutige Whitespace Nutzung, konsequente Farbführung und visuelle Anker, die jeder Sektion ihren eigenen Charakter geben. Performance Optimierung war von Anfang an Teil des Konzepts, nicht nachträglich draufgeschraubt: GPU beschleunigte Transforms, intelligentes Lazy Loading, optimierte Asset Pipeline. Responsive über alle Breakpoints, ohne dass die Interaktivität auf Mobile auf der Strecke bleibt.

Rolle im Projekt: Konzeption, UX Architektur, Visual Design, Motion Design und Frontend Development End to End in einer Hand. Ein Redesign, das den Auftritt einer Social Media Agentur auf ein Niveau hebt, das man sonst nur von führenden Creative Studios kennt.