ALYURE®DIGITAL DESIGN / REACT DEVELOPMENT
Selected projectsCASE STUDY 06 / 10

Interactive 3D Lore Map / 2026

SENGOKU ATLAS

An explorable 3D knowledge world built for discovery and repeat visits.

An immersive interactive atlas of the Naruto universe with a sculpted 3D world, elemental regions, animated city markers and detailed lore panels.

sengoku-atlas.caseLIVE SYSTEM
SENGOKU ATLAS website homepage06 / 10
CLIENT TYPEInteractive entertainment product
DELIVERY10–14 weeks
ROLECreative direction / 3D / React
Explore the case

DESIGNED AROUND
THE DECISION.

Large fictional universes are difficult to understand through a conventional wiki. Geography, factions and lore lose their relationship when every subject becomes a separate article.

Sengoku Atlas turns the knowledge base into an interactive world where movement, location and narrative context stay connected.

01 / CHALLENGE

Large fictional universes are difficult to understand through a conventional wiki. Geography, factions and lore lose their relationship when every subject becomes a separate article.

02 / FOCUS

Regions, cities and lore are organised around a navigable world instead of a flat menu.

03 / OUTCOME

A knowledge product that makes the universe easier to understand because exploration and information are part of the same interaction.

ONE PRODUCT.
SEEN IN MOTION.

The case unfolds as an article rather than a gallery: each screen is paired with the decision, interaction or business job it was designed to handle.

SENGOKU ATLAS: Opening experience and positioning
01Opening experience and positioning
THE OPENING MOVE

Spatial information

Regions, cities and lore are organised around a navigable world instead of a flat menu.

02 / THE JOURNEY

Sengoku Atlas turns the knowledge base into an interactive world where movement, location and narrative context stay connected.

SENGOKU ATLAS: Discovery, navigation and content structure
02Discovery, navigation and content structure
STRUCTURE

Performance-aware 3D

Progressive loading, level of detail and restrained effects protect the experience on everyday hardware.

THE DECISION

Narrative interaction

Motion and focus states explain relationships without turning exploration into a game UI tutorial.

SENGOKU ATLAS: Primary decision and conversion flow
03Primary decision and conversion flow
SENGOKU ATLAS: Lore becomes a place the visitor can enter.
04FEATURE INTERACTION
NEW FEATURE STUDY

Lore becomes a place the visitor can enter.

The archive connects cities, factions and historical context to the world map, turning reference material into a layered path of discovery.

THE SYSTEM, NOT JUST THE SCREEN

A knowledge product that makes the universe easier to understand because exploration and information are part of the same interaction.

Large fictional universes are difficult to understand through a conventional wiki. Geography, factions and lore lose their relationship when every subject becomes a separate article.

SENGOKU ATLAS: Responsive interface detail
05Responsive interface detail
SENGOKU ATLAS: Operational handoff and final system
06Operational handoff and final system

A knowledge product that makes the universe easier to understand because exploration and information are part of the same interaction.

FROM STRATEGY
TO A WORKING PRODUCT.

01

Spatial information

Regions, cities and lore are organised around a navigable world instead of a flat menu.

02

Performance-aware 3D

Progressive loading, level of detail and restrained effects protect the experience on everyday hardware.

03

Narrative interaction

Motion and focus states explain relationships without turning exploration into a game UI tutorial.

DELIVERABLES
  • 3D interaction concept
  • World navigation
  • Lore panel system
  • WebGL optimisation
  • Responsive fallbacks
TECHNOLOGY
ReactThree.jsWebGLGSAP

LAUNCH IS WHERE
LEARNING STARTS.

Google Analytics 4 is prepared around meaningful actions rather than vanity numbers. These are the signals the product is designed to measure after launch—not invented performance results.

analytics-plan.jsonGA4 READY
01LANDING
02INTERACTION
03INTENT
04LEAD
01region_enter

Shows which parts of the world attract the most exploration.

02lore_panel_open

Measures the connection between spatial discovery and deeper reading.

03return_explorer

Tracks repeat engagement without relying on a linear content path.

PROJECT PERSPECTIVE
A knowledge product that makes the universe easier to understand because exploration and information are part of the same interaction.
Interactive entertainment productALYURE / CASE 06

NEED A SYSTEM WITH A SIMILAR JOB TO DO?

LET'S BUILD THE
NEXT CASE.

Start a project
MAKE AN ORDER