Vladimir Jankovic's profile

Dark State: Aftermath, developing the UI Style

Dark State: Aftermath intro screen
Intro animation (Music theme by Ivan Cirovic)
Dark State is a personal project of mine in which I wanted to explore UI style around surveillance and spying theme. Premise is that you would be a Drone operator going out on missions gathering data, intel, and eliminating targets given to you by the central command of 'Ministry of peace'.

Visual style spins around Microfische technology: imagine the world basically technologically stuck in the 70s/80s where majority of things are analog. Fast forward that some 50 years in the future and this is where we're at with Dark State. The drone operator would be looking at the screen of a device not unlike projector, and slides he would be seeing are transferred to his device in a fax-machine like fashion, but instead of a paper these would be transparent foils (this is the spot where you suspend the disbelief and just roll with it :P).
In game look of the HUD
Activating the pulse to track points of interest
Visual style spins around Microfische technology: imagine the world basically technologically stuck in the 70s/80s where majority of things are analog. Fast forward that some 50 years in the future and this is where we're at with Dark State.

The drone operator would be looking at the screen of a device not unlike projector, and slides he would be seeing are transferred to his device in a fax-machine like fashion, but instead of a paper these would be transparent foils (this is the spot where you suspend the disbelief and just roll with it :P).
Main Menu
Campaign screen
Transition from main screen into campaign (Music theme by Ivan Cirovic)
Even though majority of these show static frontal UI (for the sake of presentation) actual intention is for it to be like in the videos, to have depth and to move around.
Current Mission
Map Screen
Intel is a collection of characters related to the story
Drone loadout where you tweak the power in order to adjust it's performance
Parts of the drone that are not working properly and need maintenance
Loader bar acting as a censoring tool covering the hints as the game loads. Point of this was to be a little bit annoying, to feel what censoring something looks like (and hints being not so crucial element were a good place to show this)
Simple settings screen
Another in-game look, this time in the bomb devastated zone.
Another thing I wanted for the UI is to evolve with the storyline. The more you would progress through the story the more your 'projector device' would be tainted by resistance hackers: glitches would start to happen, wrong slides would get loaded and new and changed slides would get injected in your transmission link. The Intention behind this idea is as you progress as a drone operator doing more and more complex and morally tough missions, UI would visually evolve to put you under pressure matched by the story, touching upon your sanity, morality and questioning whether your choices were right.
Main screen hacked.
Hacked mission screen. Obviously to counter the monochromatic tones of the default state, hacked slides are colorful
Intel screen under attack.
Drone screen hacked.
Changed settings screen.
High fives to all of the people who provided me feedback to make this turn out better, and double thanks to Ivan Cirovic for mixing up the main melody theme, he captured the feel of the project just right!
I hope you enjoyed looking at this project and don't hesitate to drop a comment, it is very much appreciated :)
Thank you!
Dark State: Aftermath, developing the UI Style
Published:

Dark State: Aftermath, developing the UI Style

Dark State is a personal project of mine in which I wanted to explore UI style around surveillance and spying theme. Premise is that you would be Read More

Published: