SeenTK

Case Study

CLÉ CAFÉ

Conceptual café website prototype

CLÉ CAFÉ conceptual Arabic website with a cinematic scroll-driven hero

The product idea

An experimental concept site for an Arabic café brand, created to showcase cinematic scrolling, visual identity, and a sample menu on one page. It is not a client engagement or an operating café.

The problem

Explore how a fictional café brand could combine its story, sample menu, and calls to action in a responsive Arabic experience.

Intended users

Prospective visitors to an Arabic café concept who want to explore its atmosphere and sample menu on mobile or desktop.

The goal

Build a showcase prototype that tests cinematic motion and a clear structure before connecting the concept to a real brand.

User flow

The visitor sees the scroll-driven hero, learns about the concept, explores the sample menu and showcase sections, then reaches example calls to action.

SeenTK’s role

We created the concept, organized the page experience, prepared the RTL interface, implemented the cinematic scrolling effect, and built sample sections.

The solution

A concept page with a frame-by-frame scroll hero, story section, experimental trust strip, sample menu, calls to action, and visual gallery.

Key challenges

The primary challenge was keeping frame-by-frame motion smooth on mobile and desktop while preserving clear Arabic text and controlling media cost.

Technical implementation

The responsive page draws an image sequence onto Canvas based on scroll position. Video assets were processed with FFmpeg, and the implementation includes RTL styling, Arabic fonts, Open Graph metadata, and foundational SEO.

Implemented capabilities

Scroll-driven video hero, Conceptual visual identity, Sample menu and example calls to action, Visual gallery, Responsive RTL design

Technology and scope

Single-page prototype, Interactive video hero, Sample menu, Responsive RTL interface

HTMLCSSJavaScriptCanvasFFmpegRTL UISEO

What we learned

A strong concept prototype communicates the idea, technology, and project boundaries honestly before becoming a product connected to a real brand.

Documented result

The publishable result is an experimental technical demonstration. It does not represent an operating café, and no traffic or commercial outcomes are claimed.

Status and what this project proves

Experimental conceptual prototype — Not a client project. This case study demonstrates the technical ability to build a cinematic website prototype for a fictional brand without presenting it as client work.

Planning a similar product?

Share the idea and we will help turn it into a clear scope and a practical first step.

View prototype Discuss your project