02 / 07 SITEBYR / CASE STUDY

BURGER RESTAURANT / INTERACTIVE WEB EXPERIENCE

THE FROG

An interactive English-language website for a burger restaurant, built around scroll storytelling. As the user scrolls, scenes and elements evolve progressively, turning the browsing journey into a digital story that reveals the brand personality, burger details and ingredients, and the menu through advanced animation and direct interaction.

Interactive website design for The Frog burger restaurant
PROJECT OVERVIEW

A website that does more than present the brand — it tells its story.

The Frog experience was designed to go beyond the idea of a traditional restaurant website. Instead of presenting content statically, the site uses a scroll-driven journey in which elements move and scenes evolve progressively, allowing users to discover the brand, product, and menu through an interactive experience.

VISUAL IDENTITY

A playful, bold, and memorable personality.

The Frog identity was developed to give the restaurant a distinctive personality that translates naturally from the logo and visual elements into the website experience, motion system, and digital menu.

THE CONCEPT

Every scroll reveals a new part of the story.

The website journey was designed so that scrolling is not simply a way to move between sections. Each scroll action introduces a new visual event: an element moves, a scene changes, ingredients separate, or new content appears. In this way, the act of browsing becomes part of the brand experience itself.

WEBSITE EXPERIENCE

See the experience in motion.

Scroll Storytelling

From one scene to the next, without interrupting the user journey.

The scenes and motion were sequenced so the story continues as the user moves down the page. Each stage builds on the previous one, moving the experience from the brand introduction to the product, then to the ingredients and menu as one connected journey.

First scene of the scroll storytelling experience on The Frog website
01 / BRAND
Burger scene within The Frog interactive website
02 / PRODUCT
Interactive menu display on The Frog website
03 / MENU
Interactive Menu

The menu is part of the experience, not a separate page.

The interactive approach continues through the menu to keep the brand personality consistent throughout the user's journey from discovering the restaurant to exploring its products.

Interactive menu design for The Frog website
The Frog restaurant products displayed within the digital menu
MOTION SYSTEM

Animation is the backbone of the experience.

01 Scroll Storytelling
02 Layer Animation
03 Advanced Interaction
04 Interactive Menu
Motion was designed as a fundamental part of the website structure. Rather than using isolated effects, the scenes follow a sequence linked to user movement, where one scroll leads into the next as part of a connected visual story.
PROJECT SCOPE

From concept to launch.

01 Interactive Website Design
02 Website Development
03 Scroll Storytelling
04 Advanced Animation
05 Domain Setup
06 Hosting Setup
07 English Website
THE RESULT

A website that becomes
part of the brand.

The result is an interactive website that does more than display the restaurant's products. It uses motion and scrolling to communicate The Frog's personality. From deconstructing the burger and revealing its ingredients to the interactive menu, every part of the website works together as one connected digital journey.

FINAL PROJECT

THE FROG

An interactive web experience for a burger restaurant, built around scroll storytelling, motion, and product presentation.

VISIT WEBSITE
NEXT PROJECT / 03

KENAO CAFE

Preview of the Kenao Cafe project