Maximilian Lippert Velarde

For Rosada, a Swiss premium brand from Zurich with the country's first rose lemonade, I completely re-conceived, designed, and developed the entire web presence from scratch. The brand thrives on an unusual tension: Arab heritage meets European restraint. The rose as a symbol of hospitality in the Orient and elegance in the West. This is exactly what the site had to convey.

The result at rosada.ch is an editorial, cinematic presence, built in Next.js (App Router) with fully integrated bilingualism (DE/EN) and Arabic typography accents. Video-driven storytelling on the hero section, product-focused collection with bottle and can, dedicated story page for the brand world, as well as clean contact, imprint, privacy, and terms pages. Performance-optimized next/image pipeline, responsive across all breakpoints, with subtle microcopy changes between German, English, and Arabic script (صُنعت للحظات الجميلة, Made for beautiful moments).

In addition, a fully integrated shop connection: checkout, shopping cart, and product management directly in the frontend, coupled with the necessary APIs and MCPs for an end-to-end order pipeline. The interface to the logistics partner was implemented cleanly. Orders flow automatically from the frontend into the fulfillment system, including shipping, tracking, and status synchronization. No manual handovers, no workflow interruptions.

From brand direction input, UX architecture, visual design, motion, frontend development, shop and logistics integration to live deployment. End-to-end in one hand. No template, no page builder. A website that feels like the product: clear, balanced, subtly refined.

For PepsiCo, one of the world's largest FMCG corporations, I produced graphic design and motion graphics in video format in collaboration with a partner through whom the contract was managed. The content focused on visually presenting the corporation's internal processes and explaining them to employees in a clear, understandable, and aesthetically pleasing way.

The task: to translate complex internal workflows into a format that not only informs but also inspires. Instead of classic explainer videos with a standard look, a deliberately high-quality, editorial visual style was chosen. Clean composition, precise typography, sophisticated color palettes, and a consistent design language that meets the standards of a global premium corporation.

On the motion side, very modern animation techniques were used: smooth transitions, kinetic typography, precisely timed easing curves, layered compositions, and fluid scene changes. Each frame was designed to function as a standalone still image while also being part of a cohesive overall flow. The result is videos that feel more like a brand campaign than internal training material, without losing their explanatory character.

Role in the project: Graphic Design, Motion Design, Animation, and Visual Concept Development. The order processing was handled by my partner, while the creative execution came from me. A project at a corporate level where visual quality, brand appeal, and didactic clarity had to align simultaneously.

For Teaching Finance, a company in the social media marketing sector, I conceived, designed, and developed a website redesign. Instead of a classic static page, it became an interactive scrolling experience that directly conveys the creative signature of a modern marketing agency visually.

Technically in use: GSAP ScrollTrigger for precise scroll-position-bound animations, custom easing curves for a natural motion feel, Lenis-based smooth scrolling, and a well-thought-out layer system to keep even complex scenes performant. Additionally, cursor-based interactions: elements react live to the mouse pointer's movement, hover states turn into micro-interactions, swipe gestures trigger visual responses. The result feels less like a classic website and more like an interactive showcase.

On the design side, uncompromisingly high-end: clear typographic hierarchies, bold use of whitespace, consistent color guidance, and visual anchors that give each section its own character. Performance optimization was part of the concept from the start, not an afterthought: GPU-accelerated transforms, intelligent lazy loading, optimized asset pipeline. Responsive across all breakpoints, without sacrificing interactivity on mobile.

Role in the project: Concept development, UX architecture, visual design, motion design, and end-to-end frontend development. A redesign that elevates the appearance of a social media agency to a level usually only seen from leading creative studios.