Marketing Designer
Stadia Developer Site
.
BACKGROUND
Stadia is Google's new cloud gaming service. It's capable of streaming video games up to 4K resolution at 60 frames per second. Stadia has state-of-the-art, high dynamic range graphics, without lagging. My team was tasked with designing a site that appeals to developers of video games, encouraging them to adapt their games to run on the Stadia streaming platform.
ROLE:
Visual Design
Wireframes
Mockups
TOOLS:
Sketch
Photoshop
DEFINE AND DISCOVERY
An in-depth discovery process included pouring through marketing materials and research decks and interviewing stakeholders. The define and discovery phase helped create the vision for the developer's site: High-definition gaming, supported by the magic of Google. This also inspired the vision for content: games-first imagery, versatility, and massive data centers that portray Google is an invested partner.
GUIDING PRINCIPLES FOR
HOMEPAGE CONTENT LAYOUT
ROBUST
TECHNOLOGY
GOOGLE IS A
COMMITTED
PARTNER
DEVS ARE FULLY SUPPORTED
MOOD BOARDS
Mood boards were created with imagery pulled from various Google sites, and some non-Google sources, for precedents that serve as inspiration and direction. I created a version 1 mockup, which was derived from a study of these boards to visualize a site that celebrated an all-new standalone product, that still felt like a part of the Google family of sites.
WIREFRAMES
While Google has extensive brand guidelines pertaining to web standards, there is still room for variety within the brand itself. This initial homepage wireframe demonstrates the early discussion of the project, as more information and materials would come later in the process. The wireframe is created according to a strategy devised during the discovery phase, which aims at promoting Google's investment in their new gaming platform, and firm positioning in the gaming industry at large.
Hero: With Stadia controller, or conceptual (without controller).
Three features of the product that communicate Google's support of the platform, it's dev tools, and ways for greater user engagement, which speaks to those with business-oriented interests.
Space for video promoting the advantages of developing games for Stadia.
A sampling of popular posts from dedicated blog to all things Stadia.
Highlights from Game Developers Conference.
MEDIUM FIDELITY MOCKUP—Version 1
FINAL MOCKUPS
For this project, I worked in a close-knit team with two other designers, and worked with product marketing managers, brand managers, and Google's business interests. Together we arrived at a system that would then extend to the blog and GDC pages.
The live site can be found here
Stadia Homepage
Stadia About Page
Stadia Blog
Stadia GDC News Page
