Overview
Visual Identity
Layout System
Web Experience

Atelier Élan Coffee

Visual & Web Designer

·

November – December 2025

Visual Identity
Logo Design
Web Design
Figma
Shopify
Illustrator
Visit Atelier Élan Coffee
Overview

Fuel for Creative Work

Atelier Élan Coffee is a specialty coffee concept inspired by creative work rituals, from early mornings before the editorials to late nights in the studio.

Working closely with the Creative Director, I developed the visual identity including the logo system, and designed and built the Shopify website using a combination of theme sections and structured product content.

Visual Identity

Visual identity system for Atelier Élan Coffee including art direction, color palette, typography, and logo design.

Layout System

Layout system for the Atelier Élan Coffee website demonstrating modular grid structure and collage based composition.

Web Experience

Hero + Prologue: Layered imagery and warm tones open the brand's world, deepening immediately into the Prologue, a story about creative rituals, late nights, and the people who live them. Atelier Élan Coffee homepage hero showing layered coffee imagery and the Prologue brand story section on a deep burgundy background
Product Spotlight: Editorial imagery and e-commerce sit side by side, letting the brand feel considered even at the moment of purchase.Atelier Élan Coffee homepage product spotlight showing the BOLD AND VELVETY Editorial Blend feature with barista photography and product card.
Brand Interlude: Collage compositions and bold typography create an interlude between story and shop, grounding the brand in the creative lives it's made for.Atelier Élan Coffee homepage brand interlude showing typographic callouts and collage photography including Before the Deadlines and There's Coffee sections.
Origins page: Story-driven sections trace the coffee from its source to your cup, building trust through place, process, and the people behind each blend.Atelier Élan Coffee Origins page showing "Where It Begins" sourcing story with coffee photography
Product Detail Page: Each product page frames the blend as an object worth knowing: editorial photography, tasting notes, and copy that reads like a story, not a spec sheet.Atelier Élan Coffee product detail page for the Editorial Blend showing framed product photography, tasting notes, and add to cart functionality
The Collection Page: Clean and scannable, the collection page lets the packaging do the talking against a warm, consistent backdrop.Atelier Élan Coffee collection page showing six coffee blend products in a clean grid layout against a warm burgundy background
/ home/ project/ about/ contact
Say Hi Back!
© 2026 Jasmine Putri
⇱ view project