Different stories, one website
A movie page, a character profile, and a book page each needed a different mix of content. The challenge was to give those pages a consistent design and navigation while keeping their content manageable in the CMS.
Building the franchise website
I built the Next.js frontend with the designers and technical lead, implementing responsive layouts and connecting the page content through GraphQL. The work brought related films, characters, and books into a shared interface.
I also contributed to a separate image-tracking WebAR experience using 8th Wall and A-Frame.
Explore the original website
Fans could move between the films, characters, and books in a responsive site, while editors maintained the content through the CMS. The preserved website keeps the original pages and navigation available to explore, including trailers played through YouTube.
Shared structure, distinct page types
Structured CMS content supplies the movie, character, and book pages. The frontend uses consistent presentation patterns across those content types, while each page keeps the media and information relevant to its subject.
The camera and image-tracking interaction runs in its own WebAR build, separate from the content website.
Built at TVGla for Lionsgate, with designers and the technical lead.