Clair Obscur: Fractured Paths
An interactive companion experience continuing the story beyond Expedition 33: lore, characters, and narrative in one atmospheric home.
Hover the screen to scroll through it.
Client
Personal Project
Industry
Gaming · Interactive Media
Services
Web App · UI/UX · Narrative Structure
Timeline
4 Weeks
Year
2025
At a Glance
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.
Features
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
Stack
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.
Outcomes
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.
More from the Archive
— Let's Build
Have a similar project in mind?
Tell me what you want to build. I'll tell you exactly how I'd get there.