Clair Obscur: Fractured Paths
An interactive companion experience continuing the story beyond Expedition 33 — lore, characters, and narrative in one atmospheric home.
Client
Personal Project
Industry
Gaming · Interactive Media
Services
Web App · UI/UX · Narrative Structure
Timeline
4 Weeks
Year
2025
The problem
Lore-heavy games often scatter story information across wikis and forums, breaking immersion. The challenge was to build a centralized, intuitive companion that presents narrative content in an engaging, digestible way without diluting the atmosphere of the source material.
The solution
A focused, atmospheric UI that complements the game's tone while organizing lore into structured, explorable sections. The app emphasizes readability and immersion — generous type, restrained motion, spoiler-conscious pacing — without overwhelming users with walls of text.
What makes it work
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
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
Built with
Next.js & React
Modern framework for a fast, immersive user experience.
Tailwind CSS
Atmospheric styling that complements the game's aesthetic.
Structured Content System
Organized data models for lore and character info.
What shipped
- 01
Created a centralized lore experience that enhances fan engagement with atmospheric UI.
- 02
Delivered a companion app optimized for use alongside gameplay, with spoiler-conscious pacing.
- 03
Shipped in 4 weeks with top-tier Lighthouse scores across Performance, Accessibility, and Best Practices.
Have a similar project in mind?
Let's talk about what you want to build — and how to get there.