Pistachino is a high-end specialty coffee shop centered around a unique star ingredient: the pistachio. The goal was to create a digital presence that doesn't just sell coffee but invites the user into a space of tranquility and premium quality.

I was tasked with designing a landing page that felt "breathable," professional, and deeply aligned with the café’s calm, earthy atmosphere.

The client needed a visual identity that felt organic yet modern. The main challenge was balancing the vibrant greens of the pistachio with the deep, grounding browns of specialty coffee without making the site feel "heavy" or cluttered.

To achieve a state-of-the-art result, I integrated AI-driven ideation with industry-standard design tools:

Claude (AI): Used for conceptualizing the brand narrative, refining the copywriting for the landing page, and brainstorming the "Pistachino" brand voice.

LottieFiles for Figma: I utilized Lottie animations to bring subtle, fluid motion to the landing page. This added a layer of "premium feel" through interactive icons and smooth transitions that reflect the pouring of coffee and the café's peaceful vibe.

Gemini: The visual language relies on studio-quality photography with soft lighting, emphasizing the textures of the creamy latte art and the crushed pistachios.

We opted for a Soft Earth-Tone Palette:

Pistachio Green (#C7D59F): Represents freshness and the core ingredient.

Espresso Brown (#4B3621): Provides professional grounding and warmth.

Cream & Linen: Used for backgrounds to ensure the site feels spacious and aesthetic.

The logo features a minimalist fusion of a pistachio shell and a steaming coffee cup. It was designed to be clean and versatile, symbolizing the perfect blend of the two worlds.

The landing page features high-fidelity renders of the "Hero" products:

The signature Pistachio Cappuccino.

The refreshing Iced Pistachio Latte.

The indulgent Pistachio Mocha Affogato.

The final landing page is a masterclass in aesthetic tranquility. By combining professional "studio-shot" imagery with the interactive capabilities of LottieFiles, the site provides a tactile experience for the user.

The project successfully communicates that Pistachino isn't just a coffee shop, it's a sensory retreat.

You can check the design here: