Select Page

Cloud Save

Project: Ultimate Sackboy

Ultimate Sackboy, an endless runner game developed by Exient, is available on the Apple Store and Google Play. The game plunges players into the captivating universe of Sackboy, a renowned hero from PlayStation. Your mission is to guide the character through an exhilarating run, dodging obstacles and striving to reach the goal while earning valuable points. I had the delightful opportunity to contribute to the development of several features within this exciting game.

Details

01

Role

Product/UX Designer
02

Date

March 2023 – April 2023

03

Skills Used

Competitor Research
Wireframing & Prototyping
Visual Communication
Collaboration
Critical Thinking
Documentation

04

Tools Used

Figma
Adobe Photoshop
Unity
Confluence
In-house localisation software

The Challenge

How can we ensure players won’t lose any of their progress and purchases?

The Solution

We will add the functionality for players to save their progress via Cloud storage. Data will be transferred off-site for storage and it will become the responsibility of Nebula, our in-house cloud provider. The Nebula account must be linked to an ID provider (e.g. Apple, Google, Facebook, Game Centre, Play Games) from which players must sign in from the front end.

01
Competitor Analysis

I started off by researching and testing direct and indirect competitors’ cloud save methods to understand their design approach, strengths, and weaknesses. This provided me with an understanding of the system and insights for ideating and improving our own process. The following are some snippets from the research process:

02
Ideation

After conducting thorough research, I collaborated with backend Coders to explore the capabilities of the chosen cloud storage system. Using this valuable information, I ideated and sketched potential user flows for the project. I started by focusing on two main scenarios: the first-ever install of the game and the second install, whether on the same device or a different one.

These where the final scenarios I decided on:

03

Wireframes

Afterward, I moved on to sketching out my ideas, and then I jumped right into Figma to transform those concepts into interactive wireframes. These wireframes comprehensively cover all the different user flows, breathing life into the project.

04

Prototypes

I then developed clickable prototypes to test the design and user flow. I wanted to spot any additional edge cases and focus on making the user experience flow seemlesly before moving on to documentation.

First install – Accounts linked

Accounts cannot be linked

First boot after second install

Delete Account Flow

Progress is already linked to this account

05

Documentation & Iteration

Finally, I compiled a design document with additional requirements for stakeholders from Art, Design, Code, and QA disciplines. The Lead Designer reviewed and provided feedback for iteration. The design underwent a review by all stakeholders and after receiving feedback, we discussed the necessary iterative improvements to the flow, prototype, and the entirety of the document. The following is a snippet from the design document:

06

Implementation

I then provided Code and UI support to ensure alignment until the design was fully implemented. The design was tested by myself and QA and any bugs that came up were reported and fixed.

Log in from Settings Menu

Delete Account

More Projects

PROJECT: ULTIMATE SACKBOY

Creating a first time user experience

A UX designer & product person passionate about creating simple and innovative user experiences.
PROJECT: ULTIMATE SACKBOY

Creating a first time user experience

A UX designer & product person passionate about creating simple and innovative user experiences.