ODDLI

UI Case Study

Tools used

  • The UI of the game was prototyped in Figma and improved during multiple iterations. ODDLI aims to be released in both mobile and desktop, so the interface is designed to addapt to both scenarios.

  • I built the functional UI using Unity UI Toolkit.

  • The UI animations were made in-engine using Unity's Timeline connected to UI Toolkit

UI implementation

I implemented the UI using Unity UI Toolkit. The animations are created in-engine using Unity’s Timeline. The High Fidelity Mock-ups were made in Figma

Loading Screen - Figma High Fidelity Mockup

Loading Screen + HUD - Unity UI Toolkit + Unity Timeline

Level Complete - Unity UI Toolkit + Unity Timeline

Level Complete - Figma High Fidelity Mockup

Main Menu - Figma High Fidelity Mockup

Level Complete - Unity UI Toolkit + Localization

Level Selection - Figma High Fidelity Mockup

Level Selection - Unity UI Toolkit + Script

Settings - Figma High Fidelity Mockup

Settings - Unity UI Toolkit + Script

Level Selection - Responsive in different desktop sizes

Settings UI implementation inside Unity UI Toolkit

Animation of the Start screen using Unity Timeline

Alternative Level Selection

Game HUD

More UI