Back

Khatyrka

UI/UX Designer & Unity Developer
4 Month Duration

Khatyrka is an open-world 3rd-person shooter which was being developed by a team of 12 talented game students and headed by the creators of How fish is Made. I joined to design and implement the games unique diegetic menu system and UI.

Watch Trailer

Context

The team developing Khatyrka was expanding and asked me to join after seeing my previous UI work on school game projects. They specifically wanted someone who could create a diegetic UI and implement it in Unity using C#.

Journal
Inventory
Map
Settings
Keybindings
Exit

Problem

Unorthodox style and keyboard only controls

The team leads wanted a creative soviet-style diegetic interface in line with the “weird” style they are known for. They needed the device displaying the UI to be rather unusual and were also clear on using only keyboard controls for navigating the interface.

Solution

Asymmetry and consistent navigation rules

I designed a device inspired by the pip-boy from fallout, utilizing two screens with lots of asymmetry. The user navigates menus using the small screen (selector) and enters the large screen to view and modify content.

I worked on a userflow diagram and came up with a keyboard navigation system allowing the user to switch back and forth between screens and edit settings in an intuitive way.

Device map & User flow

HUD

Features player health, weapon, ammo, and a dialog box. Stylized to resemble old analog displays.

Style Guide

All of the fonts, colours, and icons are placeholders that never got finalised due to the project being cancelled.

38px, Regular
36px, Regular
26px, Regular
Colors
#222222
#CEE5B1
#D9654F
Icons

Other Projects

OpenPenny

Mobile and web app UI/UX design project for an open banking solution fintech start-up.

Camros Tech

Web design and development for B2B Data Analytics & Software Development organization.