← Projects
soloCheck App ↗

Veloura Brew Society

Veloura Brew Society

Challenge

18days

Lead Full-Stack Developer & UI/UX Designer

Veloura Brew Society is a brutalist, editorial coffee experience that turns a premium roastery into a cinematic membership brand. The challenge was to balance raw visual intensity with a polished customer journey spanning discovery, rewards, events, and storytelling.

My contribution

I designed and built the full Next.js application, including the homepage narrative, brews catalog, rewards tiers, sessions content, and story pages. I also shaped the motion system and visual language to keep the interface tactile, bold, and performant.

Problem

““I want a coffee site that feels like a cultural publication and a members club, not a generic storefront.””

User Needs

Coffee fans need a brand experience that feels premium and distinct, while still making it easy to explore products, loyalty rewards, and cultural programming.

Constraints

The site had to support high-impact imagery, thick borders, and motion without losing responsiveness or production build stability.

Internal Factors

Balancing the brutalist typography and editorial layout with clear conversion paths for membership and product discovery.

External Factors

Specialty coffee brands often look interchangeable; Veloura needed a digital identity that felt culturally specific and memorable.

Solution

A high-performance Next.js portfolio project with an editorial home page, product discovery, rewards tiers, event showcases, and story-driven brand pages, all wrapped in a brutalist design system.

Deliverables

  1. 01Editorial Home Page and Brand Story
  2. 02Brews Product Showcase
  3. 03Rewards and Membership Tiers
  4. 04Sessions and Events Modules
  5. 05Story and Culture Pages

Key Decisions

  1. 01Use a high-contrast brutalist palette with editorial typography
  2. 02Keep product, rewards, and events content separate but visually linked
  3. 03Use motion sparingly for hierarchy instead of decoration
  4. 04Lean on story pages to make the brand feel cultural, not transactional

Process

01

Brand Audit & Brutalist Editorial Direction

02

Homepage Narrative and Motion Hierarchy

03

Brews, Rewards, and Sessions Content Models

04

Story Pages and Cultural Narrative System

05

Build Stability and Responsive Polish

Impact

Delivered a cohesive brand experience that merges commerce, culture, and membership into one visually distinctive site. The final build is responsive, content-rich, and production-ready, with a stronger narrative identity than a conventional coffee shop homepage.

Team

  • CopilotLead Developer