01

01

01

UI & Game Design

UI & Game Design

UI & Game Design

Alara—Game UI & Interaction

Alara—Game UI & Interaction

Alara—Game UI & Interaction

Overview

The fine folks at Fall Damage, a gaming studio in Stockholm, approached me to help explore UX, UI design and interaction animation for their upcoming tactical FPS game Alara Prime.

The main challenge was solving a design system that would accommodate HUD, Settings, and various use cases across the game, as well as solutions that would play nice with animation and interaction.

Overview

The fine folks at Fall Damage, a gaming studio in Stockholm, approached me to help explore UX, UI design and interaction animation for their upcoming tactical FPS game Alara Prime.

The main challenge was solving a design system that would accommodate HUD, Settings, and various use cases across the game, as well as solutions that would play nice with animation and interaction.

Overview

The fine folks at Fall Damage, a gaming studio in Stockholm, approached me to help explore UX, UI design and interaction animation for their upcoming tactical FPS game Alara Prime.

The main challenge was solving a design system that would accommodate HUD, Settings, and various use cases across the game, as well as solutions that would play nice with animation and interaction.

Outcomes

Outcomes

A large number of design elements were created to be modular, allowing for design flexibility as well as provide small visual cues that helped to keep a visual continuity across various applications.

This extended to interaction, with primary and secondary parts having consistent motion languages. Ornamental elements such as dots and outlines added a secondary layer of visual feedback that helped unify the design language, regardless of where it was applied.

Kits and design references were created in Figma, with a library of animation references (and kits) assembled in After Effects. These were used to evaluate solutions as well as gather feedback before proceeding into Unreal.

Skills

UI, UX, Motion Design, Prototyping

Skills

UI, UX, Motion Design, Prototyping

Skills

UI, UX, Motion Design, Prototyping

Tools

Figma, After Effects, Protopie, Unreal Engine

Tools

Figma, After Effects, Protopie, Unreal Engine

Tools

Figma, After Effects, Protopie, Unreal Engine

⭐️

Connect to Content

Add layers or components to make infinite auto-playing slideshows.

⭐️

Connect to Content

Add layers or components to make infinite auto-playing slideshows.

⭐️

Connect to Content

Add layers or components to make infinite auto-playing slideshows.