ODDLI: A satisfying game

UI Case Study: ODDLI

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

01

Figma - prototype

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.

ODDLI: Level loading screen

Figma document with sample screens and exporting elements

ODDLI: ‘Level selection’ prototype

ODDLI: Settings menu

UI implementation

After exporting individual assets from Figma, I implemented the UI using Unity UI Toolkit. The animations are created in-engine with the Unity Timeline.

02

Screen Recording of the UI in Unity (Desktop)

Settings UI implementation inside Unity UI Toolkit

Animation of the Start screen using Unity Timeline

More UI