03 / 07 SITEBYR / CASE STUDY

CAFE / INTERACTIVE WEB EXPERIENCE / STORYTELLING

KENAO CAFE

An interactive digital experience for Kenao Cafe, designed to take users through a visual journey across the brand story and website. A coffee cup moves with the user as they scroll, guiding them between different sections before leading into the menu and ordering experience through motion, visual storytelling and direct interaction.

Interactive Kenao Cafe website design
PROJECT OVERVIEW

An experience that begins with the story before reaching the menu.

Kenao was built around the idea that the cafe experience does not begin only when choosing a drink. The website uses motion and scroll-based storytelling to introduce the brand personality and atmosphere, then gradually guides users toward the menu and ordering experience.

THE CONCEPT

One cup guides the entire website journey.

The coffee cup was used as a continuous visual element throughout the experience. As users move through the page, the cup travels between scenes, becoming the visual thread that connects the website sections and maintains the continuity of the story from the opening moment to the menu.

WEBSITE EXPERIENCE

Watch the journey unfold in motion.

Signature Interaction

The cup moves — and the story moves with it.

Instead of using a static element in every section, the Kenao cup continues moving as the user scrolls and changes position between scenes, creating the feeling of one continuous journey.

Kenao cup used throughout the interactive website experience
01 / INTRO

THE JOURNEY BEGINS

The cup appears as a key visual element and begins guiding the user through the website.

02 / STORY

DISCOVERING THE BRAND

The cup moves with the content as Kenao's story and personality are revealed.

03 / MENU

REACHING THE MENU

The journey leads naturally into the menu and ordering experience.

Scroll Storytelling

The website reveals the brand as you explore.

The scenes were structured so users discover Kenao's identity and concept progressively as they move through the page, without separating the story from the website experience itself.

Opening scene of the Kenao Cafe website experience
01 / INTRO
Kenao Cafe brand storytelling section
02 / STORY
Kenao Cafe interactive menu experience
03 / MENU
Interactive Menu

From story to order.

After introducing the brand, the website transitions into a menu experience designed as a natural extension of the same visual language, presenting products clearly and interactively to support exploration and ordering.

Interactive Kenao Cafe menu design
Product presentation inside the Kenao Cafe menu
MOTION SYSTEM

Motion connects every scene.

01 Scroll Storytelling
02 Cup Journey
03 Section Transitions
04 Interactive Menu
Motion in Kenao was not used as decoration. It was designed to maintain continuity throughout the experience. The moving cup and scroll-driven scene changes help transform the website into one connected journey rather than separate sections.
PROJECT SCOPE

A complete digital experience.

01 Visual Identity
02 Interactive Website Design
03 Website Development
04 Scroll Storytelling
05 Interactive Menu
06 Domain Setup
07 Hosting Setup
08 Business Email Setup
09 Technical Support
THE RESULT

A brand story
turned into a journey.

The result is a website that does more than present Kenao. It takes users through a connected experience that begins with the story, continues with the cup's movement, and leads into the menu and ordering journey, creating a cohesive digital presence that reflects the cafe's personality.

LIVE PROJECT

KENAO CAFE

An interactive digital experience built around coffee, motion and visual storytelling.

VISIT WEBSITE
NEXT PROJECT / 04

GALAXY CAFE

Galaxy Cafe project preview