Sifu - Replay Editor UI

Sifu's Replay Editor is a tool that allow the player to capture gameplay and edit the camera to create cinematographic clips of gameplay.
Steam Page
Client
Sloclap - 2022
Software

<div class="programs-tag">Figma</div>

<div class="programs-tag">Unreal Editor</div>

Roles
UI Designer
UI Designer
UX Designer
UX Designer
Motion Designer
Motion Designer
Motion Designer
Artist
Marketing Artist
Game Designer
What I did on this project:

<a class="idlinkmain" href="#polish">[UX,UI] Render Polish</a></br>

<a class="idlink" href="#kmenus">Key Menus</a></br>

<a class="idlink" href="#icons">Icons</a></br>

<a class="idlinkmain" href="#takeaways">Takeaways</a></br>

<div style="display: flex; justify-content: center; align-items: center;"><a class="mainbutton" href="https://politessier.webflow.io/project/sifu-replay-editor">Access UX Part of Replay Editor</a></div>

<a id="polish">Render Polish</a>

<a id="kmenus">Key Menus</a>

One of the key features introduced to simplify the key creation was the addition of the Key Templates menu.

‍

<a id="icons">Icons</a>

I had to produce icons in the style of Sifu's Artistic direction.

<a id="takeaways">Takeaways</a>

Designing an innovative tool for players who have a wide variety of approaches is tricky, because they will not be a one-size-fits-all solution to different workflows and habits. In the end, we ended up needing to publish tutorial guides to the Replay Editor. However its goal was achieved, as it was invested by Sifu's players who created truly beautiful, funny and even cinematographic clips of their gameplay.

‍