COFFEE & CAFE

Coffee & Cafe is an immersive BOTW Series web experience designed for a premium cafe offering curated beverages, warm interiors, and a refined cultural atmosphere. The project blends soft lighting, natural textures, and calm editorial compositions to elevate the cafe's sensory identity.

Design direction focuses on warmth, visual clarity, and gentle storytelling, allowing drinks, interiors, and merchandise to shine through elegant layouts and smooth interactions. The goal is a serene digital experience reflecting the essence of a modern, premium cafe.

Coffee & Cafe is an immersive BOTW‑series web experience for a premium cafe brand — curated beverages, warm interiors and a refined cultural atmosphere. The brief was to translate the sensory identity of a modern, premium cafe into a calm, editorial digital experience that makes drinks, interiors and merchandise feel desirable.

Hospitality sites often over‑sell. Here the goal was restraint: warmth, clarity and gentle storytelling rather than loud promotion.

We built the experience around soft lighting, natural textures and calm editorial compositions. A cinematic page loader introduces the cafe’s atmosphere before the content unfolds, and photography‑driven art direction highlights textures, colours and mood throughout.

Product collections — drinks, desserts, merchandise — were arranged in an elegant editorial structure so browsing feels like flipping through a beautifully art‑directed menu.

The scope covered UI/UX and web design, visual and creative direction, photography art direction, motion and interaction design, and product presentation. Every interaction was kept smooth and quiet so the focus stays on the sensory experience of the brand.

Coffee & Cafe delivers a serene, premium digital experience that reflects the essence of a modern cafe — a warm, editorial journey from landing to product that strengthens brand perception through calm design language.

Craft a premium and welcoming digital identity for a lifestyle-focused cafe brand.

• Showcase signature drinks, desserts, and interior ambience through high-quality visuals
• Develop a soft cinematic page loader to introduce the cafe's atmosphere
• Present product collections (drinks, cookies, merchandise) in an elegant editorial structure
• Use photography-driven art direction to highlight textures, colors, and mood
• Ensure a smooth BOTW-style browsing experience from landing to product detail
• Strengthen brand perception through clean typography and calm design language

Successfully delivered a premium cafe web experience.