Website design concept

CoffeeX

An expressive coffee concept with floating beans, colourful packaging and an interactive brew guide.

My role

Design Direction & Local Development

Explore the website

Project category

  • Website design concept
  • Interaction design

Delivery

  • HTML
  • CSS
  • JavaScript

Overview

An expressive coffee concept with floating beans, colourful packaging and an interactive brew guide. An illustrative portfolio concept with locally packaged HTML, styles, scripts and assets. Enquiries remain demonstrations; no message is sent.

How I Built It

  1. Direction

    Developed the existing concept into a distinct visual identity with its own typography, content and interaction.

  2. Interaction

    Preserved the approved scrolling and page controls, with keyboard access and reduced-motion support.

  3. Delivery

    Packaged the editable HTML and its local assets as a standalone portfolio demo.

01

CoffeeX website concept

CoffeeX website concept