02 CASE STUDY

2025 - 2026 Personal graduation

Arcanum Escape

Arcanum Escape

Arcanum Escape

Immersive escape, written as a narrative

Immersive escape, written as a narrative

Role

Art Direction & Web Design

Scope

Visual Identity

Web Design

Art Direction

Introduction

Arcanum Escape est une enseigne d'escape game fictive situé à Paris. Il a donc fallu que je conçois un site internet qui permet de lui donner une présence en ligne et permettre aux clients de réserver directement depuis le net

01 — context

Passionné par les escape games et les univers narratifs, j'ai imaginé une enseigne fictive qui propose une expérience plus immersive et plus qualitative que les offres classiques. L'objectif était de concevoir une présence en ligne crédible pour donner envie aux visiteurs de découvrir l'enseigne, comprendre ses salles et réserver facilement leur session.

Passionné par les escape games et les univers narratifs, j'ai imaginé une enseigne fictive qui propose une expérience plus immersive et plus qualitative que les offres classiques. L'objectif était de concevoir une présence en ligne crédible pour donner envie aux visiteurs de découvrir l'enseigne, comprendre ses salles et réserver facilement leur session.

Passionné par les escape games et les univers narratifs, j'ai imaginé une enseigne fictive qui propose une expérience plus immersive et plus qualitative que les offres classiques. L'objectif était de concevoir une présence en ligne crédible pour donner envie aux visiteurs de découvrir l'enseigne, comprendre ses salles et réserver facilement leur session.

02 — problem

How do you design an escape-game website that is immersive, legible and reassuring — capable of appealing to varied profiles while quickly guiding them to booking?

03 — Goals

01

Present the brand's universe in a strong, immersive way

02

Let users discover the offering quickly

03

Make booking and contact effortless

04

Build a responsive, intuitive and coherent website

05

Develop a full digital presence with a multichannel communication logic

04 — My role

01

Research and scoping

02

Persona creation

03

Information architecture

04

User flows

05

Wireframes.

06

Web and mobile UI mockups

07

Prototyping

08

Visual identity

09

Wordpress Integration

10

HTMl/CSS on selected pages

11

SEO

12

Digital and print communication assets

05 — Ux Approach

I first defined the site goals, target audience and key user needs. I then created personas to better understand the expectations of different profiles: groups of friends, families, young players and companies looking for team-building. From there I built a simple and efficient site map, with a journey designed to minimise friction between discovering the offer and booking.

06 — Visual Direction

The visual identity rests on a mysterious, elegant and immersive atmosphere drawn from the world of escape rooms. I chose a typographic pairing that conveys the narrative, playful and serious sides of the project at once. The logo was designed to evoke time, puzzles and resolution — reinforcing the brand's wider universe.

07 — Ui et integration

Once the wireframes were validated, I produced final web and mobile mockups. I then integrated the site with WordPress and Elementor, and reinforced selected parts in HTML/CSS to show I can customise the rendering. The site was also designed responsively to deliver a smooth experience across screen sizes.

08 — Seo

I put together a solid SEO baseline to improve visibility and search-engine performance. I also accounted for accessibility best practices, mobile performance, and security & user-data considerations.

09 — Brand Communication

To go beyond a simple showcase site, I also developed a communication strategy around Arcanum Escape. I created social media content, a poster, a business card, and promotional visuals to ensure brand coherence across every communication materials.

10 — Outcome

This project let me build a complete digital experience with real coherence between branding, UX, UI and communication. It's one of the projects I'm most proud of, because it shows my ability to think about a product as a whole rather than just produce interfaces.

11 — What this project shows

01

My ability to structure a project end-to-end.

02

Ma sensibilité à l'identité visuelle.

03

My user central approach

04

Mastery of Ux/UI Fondamentals.

05

My ability to build a coherent experience across web, mobile and communication.

Next case

Group travel, without the chaos

Abderahman LebeauProduct Designer

© 2026 — PARIS

Abderahman LebeauProduct Designer

© 2026 — PARIS

Abderahman LebeauProduct Designer

© 2026 — PARIS

Create a free website with Framer, the website builder loved by startups, designers and agencies.