Gelato Blu — Artisan Gelato Parlor Website

Challenge

Gelato Blu is a pastel parlor on Mission Bay with sixteen flavors churned daily, but its old site was a generic template that could have belonged to any dessert shop. The parlor needed a website with the same personality as the shop: playful, colorful, family-run, and unmistakably about gelato. It also had to do practical work — showcase the signature flavors, explain the daily churn process, and drive foot traffic and gelato-cake orders — while staying fast and cheerful on mobile, where most visitors arrive.

Approach

We built the entire visual world in pure CSS and SVG: a hand-drawn gelato cone hero illustration, floating flavor dots, pastel puffs, and chunky Baloo 2 headlines. The palette — sky tint backgrounds with raspberry accents — mirrors the parlor's interior. Content follows a visitor's curiosity: the parlor's offerings, the signature flavors with their stories, the four-step daily churn, and guest voices. Every flavor description names real ingredients, and the process section makes the "churned daily" claim tangible.

Design highlights

The hero centers a custom SVG gelato cone — layered scoops, a cherry, a waffle cone with crosshatch — surrounded by floating flavor dots (Stracciatella, Blu Raspberry, Mango, Mint Chip) and trust chips. Signature flavors get bold gradient cards with oversized emoji-style visuals and swirl decorations. The process uses numbered gradient badges, and the CTA band leans into the brand voice with "Life's short. Eat the gelato." The whole site uses a consistent bubbly radius language that feels handcrafted, not templated.

Outcome

The site is now as fun as the parlor — visitors meet the flavors before they meet the address, and the daily-churn story gives the "fresh" claim real substance. The pure-CSS visual approach keeps the site blazing fast on mobile while looking completely custom. It's a site that could only belong to Gelato Blu, which is precisely the point of a neighborhood parlor's website.