Overview
Oggi was designed to be a seamless experience across desktop, mobile, virtual and augmented reality. UI continuity was paramount to keep Oggi intuitive and easily adopted.
Avatars are an integral component of the platform experience, one of the few indicators of real-time interactivity and connection to other users. The avatar disk view moves throughout the environment and needed to be easily legible with a minimal UI layout.
Natural light, shadowing and surface reflection is evident in the environment design, providing a texture, scale and added dimension crucial to a game environment interior.
The unit height of avatars and camera pitch was challenging considering the array of mixed media, interactive elements and playback of humanoid avatars in the environment.
Spatial audio was critical after adding overlapping real-time streaming media with sound from interactive objects, avatars and networking features.
Through the collaboration and co-innovation of teams around the world.
Brand identity was set by Accenture and provided little room for added input. I did, however, contribute to the overall brand appearance utlizing gradients, accent colors, and logo sizing and placement throughout Oggi applications.
One of the most critical browser design layouts was the Choose Your Experience landing page. It needed to be intuitive and make clear the experience mode options available without too little or too much detail.
Early versions of the page followed initial brand style guidelines (i.g. uppercase and repeated shadow type treatment) which were later modified and abandoned by the client.
After several iterations, I decided to tone down the overall appearance by reducing the number of colors, deepening the background gradient to show better contrast with type.
I decided to serve user mode options based on the device used to access this page. If accessed via mobile, the “browser experience” column and “download desktop app” column were hidden. If desktop, the URI for downloading the Oggi app would be specific to the operating system and version. A simple script was added to the page to determine device and OS version.