The 2020 Tokyo Summer Olympics is a
360 VR and mobile app where fans can experience various
Olympics Events in VR.
These experiences allow users to choose between multiple
cameras that were positioned strategically around the events, providing a more
immersive experience than traditional broadcast.
The core loop of these experiences
is the consumption of both 180, 360 VR, and volumetric content on mobile and
VR.
EXPERIENCE RESEARCH
We partnered with a 3rd party market research firm to
analyze data from the successful launch of the 2018 Winter Olympics VR app. Many key insights were learned and applied to
the 2020 Summer Olympics design efforts. We observed users using the app, conducting various IDI sessions.
Before beginning work on the 2020 Summer Olympics, we also conduced an in-depth post mortem on the previous Winter Olympics. We gathered this data, and combined the learning with the 3rd party researchers. These insights were used to identify usability issues with the previous product ,and incorporate that data into the new application.
I partnered with product and marketing to generate supporting creative documents that were used to outline each key element from the research findings.
EXPERIENCE CONCEPTING
The
goal was to build off
of the experiences developed for the
2018 Winter Olympics in PyeongChang, South Korea. After initial meetings between OBS and Intel, it was decided to lean into the "World Map" concept again, but to incorporate the usability learnings from the data analysis.
The experience was again divided into two
distinct scenes, "Home" and "Consumption." Each scene would have its own unique destinations and content.
The concept we aligned on for the Homescene was a rooftop “World Map” of a Japanese city skyline.
The consumption scene was envisioned as the same scene, but with a day to night transition when a users choose to watch videos.
I created supporting creative briefs that were used to outline each of the major features of the experience.
UX DOCUMENTATION
After defining the concept and direction of the experience, I created initial mockups, UX/UI user
flows and creative briefs for the initial prototypes. The user flow would be referenced heavily by engineering during the prototyping stages of the project.
I
partnered with the product
manager to
visualize features in the PRD.
(Figma, Adobe XD, Unity)
3D PROTOTYPES
I partnered with engineering and product to create prototypes of both the "Home" and "Consumption" scenes in the experience.
I created UX and creative briefs to define the prototypes, highlighting the main features of the home and consumption scenes.
(Sketch, Adobe XD. Maya, Photoshop)
3D PROTOTYPES
I began the process by working with rough sketches and simple 3D geometry to block out placement and layouts in 3D.
I created the Unity scenes and did initial asset integration for prototypes.
Additionally, I managed an external vendor on engineering efforts for home and consumption scenes in the prototype.
After the prototypes were successfully completed and tested, I further refined the experience based on feedback collected from the internal users.
(Maya, Photoshop, Unity)
VISUAL DESIGN (3D HOMESCENE)
I worked directly with OBS brand and marketing
teams to insure all the style guides and branding elements were consistent with
OBS/Olympics aesthetics.
(Maya, Photoshop, Unity)
VISUAL DESIGN (3D HOMESCENE)
I created the Unity scenes and handled asset integration for the final build. I managed internal resources that produced final 3D models. I managed a sound and video designer on the project. I developed the 3D pipeline that was used in production. I managed internal 2D and 3D resources that created additional production assets. I led efforts to optimize the assets for mobile devices. I provided art direction to internal designers as well as 3rd party vendors on project. Internal dev team created final build.
(Maya, Photoshop, Unity)
VISUAL DESIGN (3D CONSUMPTION SCENE)
I lightmapped the Unity scene for day and night scenarios. I partnered with internal tech artist to prototype and develop the day night cycle transition. I partnered with internal tech artist to prototype and develop various particle effects. (Fire, water, smoke)
(Maya, Photoshop, Unity)
VISUAL DESIGN (2D ELEMENTS)
I partnered with OBS and various sponsors design teams to ensure the consistency of their branding elements, and style guides.
I managed internal and 3rd party resources on 2D graphic designs. I managed internal artists on final production 2D and 3D assets integration. I provided art direction to internal designers as well as 3rd party vendors on project.
(Maya, Sketch, Zeplin, Photoshop, Unity)
SUMMER OLYMPICS MOBILE APP
In
addition to the Olympics VR product, Intel sports also produced a mobile experience. I
worked directly with OBS brand and marketing teams to insure all the style
guides and branding elements were consistent with OBS/Olympics aesthetics.
I partnered with internal mobile UX team to define the mobile experience. I managed an internal resource for 2D mobile element integration. I led efforts to optimize the assets for mobile devices. I provided art direction to internal designers on project. Internal dev team created final build.