ANIMATED 3D SITE

Meison Velora 

A specialty coffee house in Paris with a 3D coffee hero and seasonal menu.

Meison Velora homepage

PROJECT SNAPSHOT

An immersive website for a Parisian specialty coffee brand, with a 3D coffee cup scene, seasonal menu, salon locations, a journal and a membership programme.

01 · PROJECT

Meison Velora

02 · TYPE

Animated 3D Site

03 · SERVICES

Website Design3D Web ExperienceFrontend Development

04 · TOOLS

Next.jsTypeScriptThree.jsReact Three FiberGSAPTailwind CSS

05 · KEY CAPABILITIES

3D Hero SceneSeasonal MenuLocationsMembershipAmbience Audio

06 · STATUS

Live

01 / OVERVIEW

Project
Overview

Meison Velora is a coffee brand that sells a ritual, not just a drink. The hero is a real-time 3D scene: a branded cup on a pedestal with floating coffee beans and sculpted cones, behind an elegant serif headline "Coffee, Reimagined in Paris".

The rest of the site tells the story: a philosophy section, animated stats, a seasonal menu with signature drinks and pastries, three Paris salons with live open status, journal stories and a Velora Circle rewards programme, plus a café-ambience sound toggle.

02 / KEY FEATURES

Key Features

01

Real-time 3D hero

A React Three Fiber scene with a cup, beans and sculptural forms.

02

Seasonal menu

Signature drinks and pastries with descriptions and prices.

03

Paris spaces

Three salon locations with address and open-now status.

04

Membership rewards

A Velora Circle section explaining points, invites and perks.

05

Café ambience

An optional ambient sound toggle that makes the site feel alive.

06

Smooth scroll motion

Text reveals, marquees and scroll-linked animation throughout.

MORE PROJECTS

Explore more work.