![](https://static.wixstatic.com/media/f9069b_3b6e1b1462384b828aab9cc025071ffc~mv2.png/v1/fill/w_1920,h_1078,al_c,q_95,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_3b6e1b1462384b828aab9cc025071ffc~mv2.png)
![Akarus2.png](https://static.wixstatic.com/media/f9069b_0b99d89eb7b34b29be7bb8405c1b267a~mv2.png/v1/fill/w_82,h_80,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Akarus2.png)
![Akarus2.png](https://static.wixstatic.com/media/f9069b_0b99d89eb7b34b29be7bb8405c1b267a~mv2.png/v1/fill/w_79,h_78,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Akarus2.png)
TIMO DANTER
Concept Artist
Illustrator
Graphic Designer UI/UX Designer
![Messestand mit Logos.png](https://static.wixstatic.com/media/f9069b_826436bd019847219f598516efe490bd~mv2_d_1980_1485_s_2.png/v1/crop/x_52,y_20,w_1209,h_1465/fill/w_491,h_595,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Messestand%20mit%20Logos.png)
GAME FEATURES
C# Hero is a Serious HR Recruiting Game for the pre-selection and recruitment of employees (C# programmer).
​
-
Application process for players & application selection process for recruiters
​
-
Evaluation of the gaming behavior & decisions of the player
​
-
Player will be confronted with problem situations, tests & daily tasks
​
-
The gameplay consists of linear and individual parts
​
-
Actions of the player influence the course of the game
​
-
Simulation of the workroutine as a C# developer in a gaming company
​
​
![Grafik_mit_Logo(1).png](https://static.wixstatic.com/media/f9069b_61d1954eb14d468ba24841a89acf2f53~mv2.png/v1/fill/w_672,h_440,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Grafik_mit_Logo(1).png)
![C#Hero_Portfolio-01.png](https://static.wixstatic.com/media/f9069b_5a1ac15aae51443e9c5acac6edc2088e~mv2_d_1532_8374_s_2.png/v1/crop/x_0,y_1034,w_1532,h_845/fill/w_831,h_457,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/C%23Hero_Portfolio-01.png)
TASKS
C# Hero was supported by Fabula Games GmbH. The project was primarily developed and designed independently, including the following tasks:
![Digital_Art_Icon_w.png](https://static.wixstatic.com/media/f9069b_7d6a3d20fa2e4f3aa68c8be0314290ca~mv2.png/v1/fill/w_117,h_132,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Digital_Art_Icon_w.png)
![Scripting_Icon_w.png](https://static.wixstatic.com/media/f9069b_e11545dfc2474541abbf8e3247993f1c~mv2.png/v1/fill/w_116,h_131,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Scripting_Icon_w.png)
![Element 5.png](https://static.wixstatic.com/media/f9069b_1ad26345af584dbeb3e7edf984a76d91~mv2.png/v1/fill/w_116,h_131,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Element%205.png)
![Element 7.png](https://static.wixstatic.com/media/f9069b_4fdb67d971654dfbbb26bc29ee331c50~mv2.png/v1/fill/w_122,h_137,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Element%207.png)
![Element 6.png](https://static.wixstatic.com/media/f9069b_5cd81ae9a45f4ddab9fb225fef5f3182~mv2.png/v1/fill/w_122,h_137,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Element%206.png)
Company: Fabula Games
Date: 2019
SCRIPTING
DIGITAL ART
(2D & 3D)
STORYTELLING
GAME DESIGN
QUALITY
ASSURANCE
Implementing the logic, missions and game objects
​
​
-
Concept Art
-
UI/UX Design
-
Character Design
-
Logo Design
-
3D Modeling
-
Texturing
-
Creating the overarching storyline
-
Defining learning concent
-
Writing dialogues & object texts
-
Bug Tracking
-
Bug Fixing
-
Project Management
-
User Testings
-
Usability Inspection
-
Creating Mini Games
-
Quests
-
Level Design
SCREENSHOTS
![Task from Nina](https://static.wixstatic.com/media/f9069b_6c053b4234744f45897a72cafc06e162~mv2.png/v1/fill/w_980,h_531,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_6c053b4234744f45897a72cafc06e162~mv2.png)
![Workspace](https://static.wixstatic.com/media/f9069b_7de4ec90b5bd4522b524ac223469d505~mv2.jpg/v1/fill/w_980,h_544,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_7de4ec90b5bd4522b524ac223469d505~mv2.jpg)
![Interaction with an Object](https://static.wixstatic.com/media/f9069b_ca6d3fafe71045c48c7e68a4bcdbd27e~mv2.png/v1/fill/w_980,h_531,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_ca6d3fafe71045c48c7e68a4bcdbd27e~mv2.png)
![Task from Nina](https://static.wixstatic.com/media/f9069b_6c053b4234744f45897a72cafc06e162~mv2.png/v1/fill/w_980,h_531,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_6c053b4234744f45897a72cafc06e162~mv2.png)
The Big Picture of C# Hero is based on a prewritten storyline and gameplay concept documents.
​
It shows a simple and easy understandable vision of one or several complex processes.
​
The gameplay and setting (characters, objects, quests and mini games) are visually structured as a Big Picture.
Based on the Big Picture, the dialogues, quests and object texts were written.
​
​
![C# Hero_Big Picture.png](https://static.wixstatic.com/media/f9069b_a1b061bc2ce34757ae40244b31cbd280~mv2.png/v1/fill/w_975,h_550,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/C%23%20Hero_Big%20Picture.png)
BIG PICTURE
CONCEPT ART
![C# Programmer Application](https://static.wixstatic.com/media/f9069b_630ff3a242114436965fbc1623cf4bd5~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_630ff3a242114436965fbc1623cf4bd5~mv2.png)
![Introduction with Nina](https://static.wixstatic.com/media/f9069b_647fff3a862748118aab64c230abdbf0~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_647fff3a862748118aab64c230abdbf0~mv2.png)
![Further Development & Possibilities](https://static.wixstatic.com/media/f9069b_e7cef5d1ac55495ba44dfcbb2fe6e09c~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_e7cef5d1ac55495ba44dfcbb2fe6e09c~mv2.png)
![C# Programmer Application](https://static.wixstatic.com/media/f9069b_630ff3a242114436965fbc1623cf4bd5~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/f9069b_630ff3a242114436965fbc1623cf4bd5~mv2.png)
CHARACTER DESIGN
![maksim_standing_final.png](https://static.wixstatic.com/media/f9069b_91dff4d2903e41fba0e1138462fc7da1~mv2.png/v1/fill/w_182,h_606,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/maksim_standing_final.png)
![khaya_standing_sad_final.png](https://static.wixstatic.com/media/f9069b_df7b70af4dd54402aad798f7d6db9988~mv2.png/v1/fill/w_182,h_606,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/khaya_standing_sad_final.png)
![david_standing_final.png](https://static.wixstatic.com/media/f9069b_10f791e5409e40c681cf5c4b8b7a9f79~mv2.png/v1/fill/w_242,h_564,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/david_standing_final.png)
![nina_standing_final.png](https://static.wixstatic.com/media/f9069b_fec2c6c5a24c499f9c25fe9bc433c9d3~mv2.png/v1/fill/w_242,h_564,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/nina_standing_final.png)
![steve_standing_final.png](https://static.wixstatic.com/media/f9069b_80c71eaf6a1b4aa6aacbb7f8253f31f7~mv2.png/v1/fill/w_237,h_553,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/steve_standing_final.png)
The concept art of C# Hero was designed in Adobe Illustrator in a 2D Flat Art style.
The designs were used for acquisition and presentation purposes at serious game fairs
​
UI DESIGN
![C#Hero_UI_Wireframe.png](https://static.wixstatic.com/media/f9069b_c68311f650654ecba5a1532ecce0eb3d~mv2.png/v1/fill/w_618,h_367,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/C%23Hero_UI_Wireframe.png)
![C#Hero_UI_Concept_1.png](https://static.wixstatic.com/media/f9069b_66470c31577242de900739e86261ee99~mv2.png/v1/fill/w_599,h_336,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/C%23Hero_UI_Concept_1.png)
![C#Hero_UI_Concept_2.png](https://static.wixstatic.com/media/f9069b_5e55d05fd8314c25a222672840396915~mv2.png/v1/fill/w_600,h_337,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/C%23Hero_UI_Concept_2.png)
Wireframe
1. Iteration
2. Iteration
Iconoraphy
![ui_show.png](https://static.wixstatic.com/media/f9069b_e4ae127f30a048e88bf2a078f28826e1~mv2.png/v1/fill/w_128,h_128,al_c,q_85,enc_avif,quality_auto/ui_show.png)
![inventory_button.png](https://static.wixstatic.com/media/f9069b_73a260982c0741038edbf4b2b8d1fd44~mv2.png/v1/fill/w_160,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/inventory_button.png)
![ui_hide.png](https://static.wixstatic.com/media/f9069b_f0e289099cd24332abef345ca432dd40~mv2.png/v1/fill/w_128,h_128,al_c,q_85,enc_avif,quality_auto/ui_hide.png)
![phone.png](https://static.wixstatic.com/media/f9069b_b6af8e3163874982b8fa0da44b19da62~mv2.png/v1/fill/w_600,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/phone.png)
![phone_sms_final.png](https://static.wixstatic.com/media/f9069b_2c1a1838b43940e4b04e27bb491e6039~mv2.png/v1/fill/w_600,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/phone_sms_final.png)
![key_inventory_icon.png.png](https://static.wixstatic.com/media/f9069b_601afcb45f4c42dfa93ea8fe7c1cbb87~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/key_inventory_icon_png.png)
![toms_code.png](https://static.wixstatic.com/media/f9069b_ddc23a6ce251430b8ab590a6e617e43d~mv2.png/v1/fill/w_150,h_150,al_c,q_85,enc_avif,quality_auto/toms_code.png)
![suncoin_inventory_icon.png](https://static.wixstatic.com/media/f9069b_2bc3b7d4c7dd40a8af597b1e12fec22a~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/suncoin_inventory_icon.png)
![outlook_navigation_buttons.png](https://static.wixstatic.com/media/f9069b_f4e419fc77424b41a50b47f6136f8fed~mv2.png/v1/fill/w_400,h_400,al_c,q_85,enc_avif,quality_auto/outlook_navigation_buttons.png)
![phone_inventory_icon.png](https://static.wixstatic.com/media/f9069b_68da1cbbf6b5452c91c524a62a1f1ae1~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/phone_inventory_icon.png)
![ball_inventory_icon.png](https://static.wixstatic.com/media/f9069b_28df46538d8c46c694196674af02550c~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/ball_inventory_icon.png)
![notebook_inventory_icon.png](https://static.wixstatic.com/media/f9069b_8161c5496463490397641953d60a660e~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/notebook_inventory_icon.png)
![postcard_inventory_icon.png](https://static.wixstatic.com/media/f9069b_f99d36b7e96148dbb14bb7b10c69bb14~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/postcard_inventory_icon.png)
![space_mail_button.png](https://static.wixstatic.com/media/f9069b_39225bfa69d34deea38380247e1235e1~mv2.png/v1/fill/w_150,h_150,al_c,q_85,enc_avif,quality_auto/space_mail_button.png)
![tomsmugcoffee_inventory_icon.png](https://static.wixstatic.com/media/f9069b_87581f4fd13244b0a423f9630284673c~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/tomsmugcoffee_inventory_icon.png)
![options_button_small.png](https://static.wixstatic.com/media/f9069b_848c5827946d4447945819c232466a15~mv2.png/v1/fill/w_120,h_120,al_c,q_85,enc_avif,quality_auto/options_button_small.png)
![glowingobjects_button.png](https://static.wixstatic.com/media/f9069b_5d8cdae63fd04b73ad454c7d6539b509~mv2.png/v1/fill/w_160,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/glowingobjects_button.png)
![tasks_button.png](https://static.wixstatic.com/media/f9069b_577b659503c74c9fb67ede701b2de66f~mv2.png/v1/fill/w_160,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/tasks_button.png)
![dialogue_box_text.png](https://static.wixstatic.com/media/f9069b_0bae620c1a2842e28505b888c5de487f~mv2.png/v1/fill/w_600,h_150,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/dialogue_box_text.png)
![notification_task.png](https://static.wixstatic.com/media/f9069b_9e2f739bc8a543b7b01ee0078de55a0c~mv2.png/v1/fill/w_326,h_87,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/notification_task.png)
![Unity_logo_logotype_Unity_3D.png](https://static.wixstatic.com/media/f9069b_0c371467f5244ac4b7c49e0eabeb89ff~mv2_d_5000_1821_s_2.png/v1/fill/w_237,h_86,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Unity_logo_logotype_Unity_3D.png)
![fabula-serious-games-gamification-logo-r](https://static.wixstatic.com/media/f9069b_0719c537551e4381901845deafbbe2b2~mv2.png/v1/fill/w_223,h_94,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/fabula-serious-games-gamification-logo-r.png)