Interactive Worldbuilding
Presents the Strayverse mythology and story through a structured, immersive web experience.
FEATURED PROJECT · INTERACTIVE UNIVERSE
STRAYVERSE.
An immersive original universe combining interactive storytelling, five elemental clans, the Bound and Stray character system, and a growing archive of 100 characters.
06CASE STUDY
DESIGN
BUILD
DEPLOY
01 · OVERVIEWTHE PROJECT
THE PROJECT
BEHIND THE BUILD.
Strayverse transforms an original story world into an explorable digital experience. The interface brings its lore, clan identities, character relationships and expanding roster together in one cinematic destination.
An immersive original universe combining interactive storytelling, five elemental clans, the Bound and Stray character system, and a growing archive of 100 characters.
Next.jsTypeScriptTailwind CSSFramer MotionResponsive DesignVercel
02 · CORE FEATURESWHAT I
WHAT I
BUILT.
↗
Five-Clan System
Introduces Aerwyn, Vulkara, Neravia, Terraven and Noctyra through distinct identities and elemental themes.
Bound Archive
Organizes a roster of 100 original Bound and Stray pairings into a discoverable character collection.
Soulbond Concept
Explains the relationship system connecting human Bounds with their animal Strays and abilities.
Cinematic Interface
Uses motion, atmospheric styling and bold composition to give the original universe a distinctive digital identity.
Responsive Exploration
Keeps lore, characters and navigation accessible across desktop and mobile screens.
04 · CHALLENGESPROBLEMS I HAD
PROBLEMS I HAD
TO SOLVE.
01
Turning lore into navigation
A large fictional universe needed a clear information structure so new visitors could explore without being overwhelmed.
02
Maintaining visual continuity
Clan identities, character profiles and cinematic sections needed to feel distinct while belonging to one design system.
03
Supporting a large roster
The character experience needed to accommodate 100 entries while remaining discoverable and expandable.
05 · RESULTFROM IDEA
FROM IDEA
TO OUTPUT.
Strayverse became a live creative web experience that demonstrates original product thinking, large-scale content organization, UI design and front-end implementation.