Clair Obscur: Fractured Paths
An interactive companion experience that continues the story beyond Expedition 33
Project Overview
Clair Obscur: Fractured Paths is an interactive companion experience that continues the story beyond Expedition 33. The platform allows users to explore characters, story elements, and narrative structure in a clean, immersive format designed for fans who want deeper engagement beyond the game itself.
Client
Personal Project
Industry
Gaming, Lore & Interactive Media
Services
Web App Development, UI/UX Design, Narrative Structuring
Timeline
4 Weeks
The Challenge
Lore-heavy games often scatter story information across wikis and forums, breaking immersion. The challenge was to create a centralized, intuitive experience that presents narrative content in an engaging and digestible way.
Our Approach
I designed a focused, atmospheric UI that complements the game's tone while organizing lore into structured, explorable sections. The app emphasizes readability and immersion without overwhelming users with walls of text.
Key Features
Lore & Character Exploration
Structured narrative presentation for deep fan engagement.
- Character profiles
- Story summaries and references
Immersive UI Design
Design aligned with the game's atmospheric tone.
- Subtle visual hierarchy
- Minimal distractions
Responsive Companion App
Optimized for desktop and mobile use alongside gameplay.
- Mobile-friendly interface
- Quick reference while playing
Narrative Organization
Structured content that respects the story's flow.
- Logical content grouping
- Spoiler-conscious design
Technical Details
Technologies Used
Next.js & React
Modern framework for fast, immersive user experience.
Tailwind CSS
Atmospheric styling that complements the game's aesthetic.
Structured Content System
Organized data models for lore and character information.
Results & Takeaways
Project Outcomes
Created a centralized lore experience that enhances fan engagement.
Delivered an atmospheric UI that complements the source material.
Built a companion app optimized for use alongside gameplay.
Key Learnings
Atmosphere and tone are critical for fan-focused companion apps.
Content organization directly impacts user immersion.
Visit the Live Project
Explore Clair Obscur: Fractured Paths and dive deeper into the world of Expedition 33