Treyarch Studios Site
A closer look at the home base for Treyarch Studios
01
My role
Designer and Lead Developer reporting directly to studio heads
02
The approach
A fresh and modern facelift for the long time Call of Duty developer's website
03
The outcome
A complete refresh to Treyarch's primary site with editable components for content authors
Above the fold
A clean hero section with a background video element and fallback static asset for slow internet connections
Mission critical
An image mosiac featuring a call to action emphasizing the studio's dedication to crafting truly memorable gaming experiences
Studio values
An animation heavy hover section emphasizing each of the studio's values each with their own CTA to another landing page
The studio blog
An aggregation component that dynamically pulls in the 3 latest articles from the studio's official blog page
Latest intel
Another component that fetches the blog's latest featured article for users to read the latest news from the studio
Our games
A JavaScript powered carousel (Slick.js) that's accessible and showcases the portfolio of the studio's recently shipped titles
Closing the experience
A final call to action to recruit new industry talent and closing things out with a global site footer component