Back to Game UI/UX

Design Game UI/UX

Ertugrul of Ulukayin

UI/UX generalist

The complete UI of a historical action game: an animated HUD from health bars to quick-time events, cursors and icons, the intro sequence, and every menu, modal and options screen.

Project

Ertugrul of Ulukayin

The complete UI of a historical action game: animated HUD, quick-time events, intros, menus and every options screen.

Role
UI/UX generalist
Scope
Menu & HUD
Year
2023
Shown
32 screens · 23 animations
  • Unreal Engine

Ertugrul of Ulukayin

HUD (2)

Ertugrul of Ulukayin HUD, general view, game UI design by DryreL
HUD, general view
Ertugrul of Ulukayin HUD, new location & compass, game UI design by DryreL
HUD, new location & compassCompass with Ayberk Aytekin

Ertugrul of Ulukayin

HUD animations (16)

Story begins
Chapter name
Cutscene mode with subtitles
Tutorial, press any key
Quest updated
Bottom tutorial, item received / dropped / used, crosshair
Bloody screen
Stamina bar
Enemy head healthbar, normal
Enemy head healthbar, stronger enemy
Boss healthbar
Interaction
Collect items
Wheel menuDeveloped with Uğur Tunç
Quick time event, successDeveloped with Ayberk Aytekin
Quick time event, failureDeveloped with Ayberk Aytekin

Ertugrul of Ulukayin

Game assets (5)

Ertugrul of Ulukayin Game cursors, game UI design by DryreL
Game cursors
Ertugrul of Ulukayin Game icons, game UI design by DryreL
Game icons
Ertugrul of Ulukayin Game splashes, game UI design by DryreL
Game splashes
Ertugrul of Ulukayin Game UI plugins, game UI design by DryreL
Game UI plugins
Ertugrul of Ulukayin Game upscalers, game UI design by DryreL
Game upscalers

Ertugrul of Ulukayin

Intros (4)

Tekden Film & Tekden Studio introAnimation by Rıdvan Aktaş
Unreal Engine bumper
Fire FX introAnimation by Rıdvan Aktaş
Brands, warning and information

Ertugrul of Ulukayin

Options (15)

Ertugrul of Ulukayin Options, audio, game UI design by DryreL
Options, audio
Ertugrul of Ulukayin Options, audio, game UI design by DryreL
Options, audioModified button visibility.
Ertugrul of Ulukayin Modal, apply settings, game UI design by DryreL
Modal, apply settings
Ertugrul of Ulukayin Modal, restore defaults, game UI design by DryreL
Modal, restore defaults
Ertugrul of Ulukayin Controls, keyboard & mouse [1/5], game UI design by DryreL
Controls, keyboard & mouse [1/5]
Ertugrul of Ulukayin Controls, keyboard & mouse [2/5], game UI design by DryreL
Controls, keyboard & mouse [2/5]
Ertugrul of Ulukayin Controls, keyboard & mouse [3/5], game UI design by DryreL
Controls, keyboard & mouse [3/5]
Ertugrul of Ulukayin Controls, keyboard & mouse [4/5], game UI design by DryreL
Controls, keyboard & mouse [4/5]
Ertugrul of Ulukayin Controls, keyboard & mouse [5/5], game UI design by DryreL
Controls, keyboard & mouse [5/5]
Ertugrul of Ulukayin Modal, controls restore defaults, game UI design by DryreL
Modal, controls restore defaults
Ertugrul of Ulukayin Options, video [1/5], game UI design by DryreL
Options, video [1/5]
Ertugrul of Ulukayin Options, video [2/5], game UI design by DryreL
Options, video [2/5]
Ertugrul of Ulukayin Options, video [3/5], game UI design by DryreL
Options, video [3/5]
Ertugrul of Ulukayin Options, video [4/5], game UI design by DryreL
Options, video [4/5]
Ertugrul of Ulukayin Options, video [5/5], game UI design by DryreL
Options, video [5/5]

Keep exploring

More game UI/UX

More on Behance

See it in full quality

This project lives on our Behance profile. Need menus or a HUD for your game? Let's talk.