✏️ [Full case study](https://www.behance.net/gallery/129200119/ZHED-UIUX-Development)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FILimlBgwZjoYssFC9eAz%2Fd8f4aa8c-4c05-47e9-a3ae-db6bb5ff4342.jpg?alt=media&token=19fbe0c9-c5e8-4625-ad6b-7c23c7e866c0","id":"d8f4aa8c-4c05-47e9-a3ae-db6bb5ff4342","width":1920,"height":1080,"filename":"main_menu.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FILimlBgwZjoYssFC9eAz%2F325b39dd-681f-4052-90dc-c9ed1c8fc0c5.jpg?alt=media&token=b43669eb-f3a7-4d20-902f-78f6375bb454","id":"325b39dd-681f-4052-90dc-c9ed1c8fc0c5","width":1920,"height":1080,"filename":"game_screen.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FILimlBgwZjoYssFC9eAz%2F6df92a21-0f85-4e88-b6a8-f59c70e8c931.jpg?alt=media&token=2490de18-6b20-40ae-a9b5-4c8e75e3cfb2","id":"6df92a21-0f85-4e88-b6a8-f59c70e8c931","width":1920,"height":1080,"filename":"key_mapping_conflict.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FILimlBgwZjoYssFC9eAz%2F7c85ef12-cfab-4518-8ee8-935132cd6f4e.jpg?alt=media&token=13f9a73a-71c0-4fec-8dd8-f23eb36d085c","id":"7c85ef12-cfab-4518-8ee8-935132cd6f4e","width":1920,"height":1080,"filename":"game_settings.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FILimlBgwZjoYssFC9eAz%2F1f99b723-0b3c-495f-9673-600612f6be46.jpg?alt=media&token=5a100e47-d7d8-4f7c-afb2-3f6f55c22b8c","id":"1f99b723-0b3c-495f-9673-600612f6be46","width":1920,"height":1080,"filename":"pack_selection.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FILimlBgwZjoYssFC9eAz%2F259b5d14-f103-4590-bfd5-fbbf6222d96e.jpg?alt=media&token=c789da17-b3fa-4187-949b-08a326ab24ec","id":"259b5d14-f103-4590-bfd5-fbbf6222d96e","width":1920,"height":1080,"filename":"gamepad_disconnect.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FILimlBgwZjoYssFC9eAz%2Fd092bb92-cb06-4e5d-99f6-12e736905735.jpg?alt=media&token=cb93e23b-6de5-4d08-a09b-ebf6eaf54da5","id":"d092bb92-cb06-4e5d-99f6-12e736905735","width":1920,"height":1080,"filename":"keyboard_remapping.jpg","type":"image/jpeg","caption":"","border":false}]}
```

### **THE GAME:**

ZHED is an instant classic puzzle game. Based on a simple mechanic, it builds onto increasingly complex puzzles that challenge you to a level you would not imagine. No timers, no clocks, no stars and no tricks, just pure puzzles for you to enjoy.

### **MY ROLE:**

**UI Design**

* Restructured the entire game layout to work responsively in any aspect ratio and screen resolutions.

* Designed and implemented new screens

* Designed and implemented all button and key prompts icons.

**UI Programming**

* Redid the whole game's navigation system to work seamlessly with all controller types.

* Implemented seamless support for keyboard, mouse and gamepad input with button prompts and icons for the 3 main controller layouts (PS, XBOX and Nintendo), for the Steam version.

* Implemented seamless support for all Joy-Con play modes, Pro Controllers and touch input, for the Nintendo Switch version.

* Designed and implemented a dynamic key icon generator for keyboard input.

* Implemented controls remapping for both keyboard and gamepad input on both versions.

* Also implemented the haptic feedback system for all gamepad controllers, both for the Steam version and the Nintendo Switch version.

* Developed and animated the interaction states for menu selection buttons, icons and the game's piece selector.

* Tool development to optimize UI (and its systems) implementation.

ZHED

Demo for Unity3D. A compilation of cool interactions/animations for UI.

**Current tricks, from left to right:**

1. **WAVE INTERACTION**

2. **RIPPLE EFFECT**

3. **SWIPE/DRAG INTERACTION**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FOXt0gVCCSZ3UlS28bcrn%2F96fcdcc4-2017-4272-9f94-d58fd5da91af.gif?alt=media&token=f523523e-c8fb-4abc-bf8c-c5855524316a","id":"96fcdcc4-2017-4272-9f94-d58fd5da91af","width":925,"height":522,"filename":"GustavoCarneiro_UI_WaveInteraction.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FOXt0gVCCSZ3UlS28bcrn%2F8a7b988a-7808-40ca-b56a-95cd93a330fe.gif?alt=media&token=b14f262e-9c2d-4b2d-a883-0b2caa232efc","id":"8a7b988a-7808-40ca-b56a-95cd93a330fe","width":925,"height":522,"filename":"GustavoCarneiro_UI_Ripple.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FOXt0gVCCSZ3UlS28bcrn%2F60fa4301-1ec0-4837-ad84-b20fa04423bb.gif?alt=media&token=96ad7190-a9ca-4361-bf5d-c18b63d8b2bb","id":"60fa4301-1ec0-4837-ad84-b20fa04423bb","width":562,"height":1000,"filename":"GustavoCarneiro_UI_SwipeAnimation.gif","type":"image/gif","caption":"","border":false}]}
```

Unity UI Tricks

✏️ [Full case study](https://www.behance.net/gallery/148423945/Smooth-Tilt-Unity-Plugin)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FScmWn3ZUN9oFt4RWbRxN%2Fbee5a57d-5826-44cc-a197-e2218bdb4fd3.gif?alt=media&token=2b768c60-4092-4adf-b982-ad715bac5c72","id":"bee5a57d-5826-44cc-a197-e2218bdb4fd3","width":720,"height":402,"filename":"GustavoCarneiro_UI_SmoothTilt.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FScmWn3ZUN9oFt4RWbRxN%2F2ad6ea36-1b01-4973-a426-361072a2eefe.gif?alt=media&token=4950446b-caf4-4bec-867e-fb061cc98bf2","id":"2ad6ea36-1b01-4973-a426-361072a2eefe","width":720,"height":402,"filename":"GustavoCarneiro_UI_SmoothTilt_4.gif","type":"image/gif","caption":"","border":false}]}
```

A free plugin for Unity3D, that allows the addition of a cool tilt effect on any object, camera or UI element.

### FEATURES:

* Apply easy and smooth tilt to any object

* Control the range of the tilt

* Adjust the smoothness and speed of the effect

* Supports mouse, touch, accelerometer (NEW!), gamepad or keyboard input

* In mouse/touch input it supports local mode (the effect only takes place when input is within the object bounds)

* Supports UI elements, 2D and 3D objects

Smooth Tilt

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FVEqc1FrP16ButH7GM6AF%2F818020bc-d31d-4854-8e62-ea905b263228.mp4?alt=media&token=7a468cf9-f3b9-45e6-a343-1b0dbffabcf4","id":"818020bc-d31d-4854-8e62-ea905b263228","width":1920,"height":1080,"filename":"HyperGods_GustavoCarneiro_UI.mp4","type":"video/mp4","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FVEqc1FrP16ButH7GM6AF%2F2097dac3-e081-422e-a0b3-2691966de190.png?alt=media&token=efe08f3c-b725-4cee-8d28-a713f25415d6","id":"2097dac3-e081-422e-a0b3-2691966de190","width":1296,"height":916,"filename":"HyperGods_GustavoCarneiro_UI_OfflinePrompts_s.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FVEqc1FrP16ButH7GM6AF%2Ff010a699-078e-455c-b9a7-9bf84981c833.png?alt=media&token=b14e7c92-2ec7-4dd5-b848-b8d70f86b6f4","id":"f010a699-078e-455c-b9a7-9bf84981c833","width":812,"height":864,"filename":"HyperGods_GustavoCarneiro_UI_OfflineIcon_s.png","type":"image/png","caption":"","border":false}]}
```

### THE GAME:

Hyper Gods is a 2D cinematic 80's-influenced shoot'em up that places you in frantically fast 1v1 battles against the Gods. Dodge, boost and shoot your way to protect Mankind and prevent its extinction!

### MY ROLE:

**Additional UI Design**

* Developing mockups for online leaderboard prompts fitting the current visual style and brand.

* Designing and animating ship customization unlockables.

* Design the Ship Customization screen and its control scheme.

**UI/UX support and consulting over development**

Hyper Gods

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F09497594-b1ae-4977-a088-5d9209b82d02.mp4?alt=media&token=b8224b19-8bcb-4823-9327-0ceff6dae165","id":"09497594-b1ae-4977-a088-5d9209b82d02","width":720,"height":720,"filename":"GustavoCarneiro_UI_Vectober.mp4","type":"video/mp4","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F285d2362-74c7-4378-bca9-caeb93094826.png?alt=media&token=3242b1b3-177c-49c4-8286-99ae88f42ad6","id":"285d2362-74c7-4378-bca9-caeb93094826","width":720,"height":720,"filename":"01_GustavoCarneiro_UI_Vectober_Restore.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F3d937697-18b6-44c5-b524-1c3eeb5641c3.png?alt=media&token=27342048-eb1f-4117-aaf2-08d0f5ff099e","id":"3d937697-18b6-44c5-b524-1c3eeb5641c3","width":720,"height":720,"filename":"02_GustavoCarneiro_UI_Vectober_Love.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fb2a40842-4310-4b90-964c-af0367176605.png?alt=media&token=5f6dca91-b0ca-4915-8fc1-9c3d512fd567","id":"b2a40842-4310-4b90-964c-af0367176605","width":720,"height":720,"filename":"03_GustavoCarneiro_UI_Vectober_Fear.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F37ba754a-205f-4701-809f-2b3534cb685c.png?alt=media&token=b82f8eae-e66d-4ee6-b9ed-f131240b84fb","id":"37ba754a-205f-4701-809f-2b3534cb685c","width":720,"height":720,"filename":"04_GustavoCarneiro_UI_Vectober_Freedom.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fb38ae601-b532-41a2-a1de-70fa9e9a5a48.png?alt=media&token=2923b5d0-a693-4713-b590-00785909e5e7","id":"b38ae601-b532-41a2-a1de-70fa9e9a5a48","width":720,"height":720,"filename":"05_GustavoCarneiro_UI_Vectober_Champion.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fd1919761-697d-45e0-a292-540ab5d87520.png?alt=media&token=afaf81a1-cbe4-4f14-a53b-0ef49d9f1cbc","id":"d1919761-697d-45e0-a292-540ab5d87520","width":720,"height":720,"filename":"06_GustavoCarneiro_UI_Vectober_City.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F0877472a-1077-4edd-b3fc-26c3d332ec98.png?alt=media&token=e8c50f46-33ab-41e0-9cc3-f0027beba8ba","id":"0877472a-1077-4edd-b3fc-26c3d332ec98","width":720,"height":720,"filename":"07_GustavoCarneiro_UI_Vectober_Health.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F440729d3-fee6-485f-b7a6-bc471ba69733.png?alt=media&token=2a9ef855-690a-4e9e-a278-40afcf0d0cf2","id":"440729d3-fee6-485f-b7a6-bc471ba69733","width":720,"height":720,"filename":"08_GustavoCarneiro_UI_Vectober_Galactic.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F1573d33f-cfb5-4ca0-ac7f-21e22c9c55e7.png?alt=media&token=55af7329-c251-4a47-b1e9-a0a890d4fcfb","id":"1573d33f-cfb5-4ca0-ac7f-21e22c9c55e7","width":720,"height":720,"filename":"09_GustavoCarneiro_UI_Vectober_Magic.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F92f38672-f0a6-4556-9f06-0a9099f9eb6f.png?alt=media&token=cd6a4d86-b60c-4cc6-87a2-40e1f39280ed","id":"92f38672-f0a6-4556-9f06-0a9099f9eb6f","width":720,"height":720,"filename":"09-1_GustavoCarneiro_UI_Vectober_Magic_Alternate.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F4e398a2f-d2df-4257-9b56-017f9fab434b.png?alt=media&token=ba91c04b-c1ca-4441-bd98-4283801a407f","id":"4e398a2f-d2df-4257-9b56-017f9fab434b","width":720,"height":720,"filename":"10_GustavoCarneiro_UI_Vectober_Home.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F4684abbb-75e5-485d-9071-b044bcbb6857.png?alt=media&token=ac3456ab-c9f5-451e-978d-ddfb54bc50f5","id":"4684abbb-75e5-485d-9071-b044bcbb6857","width":720,"height":720,"filename":"11_GustavoCarneiro_UI_Vectober_Music.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fc0330940-9540-4b88-9a0e-81579a6fe1da.png?alt=media&token=47c8db97-8da0-4958-9e3a-9f1f47079e26","id":"c0330940-9540-4b88-9a0e-81579a6fe1da","width":720,"height":720,"filename":"12_GustavoCarneiro_UI_Vectober_Power.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F1e71dcff-8e62-49ce-98e7-8f1a12311da0.png?alt=media&token=1362359a-3d9e-469e-a821-9e0426d80097","id":"1e71dcff-8e62-49ce-98e7-8f1a12311da0","width":720,"height":720,"filename":"13_GustavoCarneiro_UI_Vectober_Vulnerable.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fed3414a2-1469-4479-a246-40cc7122b1e8.png?alt=media&token=42438fb1-4ba9-4606-9d60-652c9a176c8e","id":"ed3414a2-1469-4479-a246-40cc7122b1e8","width":720,"height":720,"filename":"14_GustavoCarneiro_UI_Vectober_Plant.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fe4e69f12-7131-440d-8d0f-b471d15f1b28.png?alt=media&token=e5c14587-dffe-4354-a505-a88ebdd2d0e3","id":"e4e69f12-7131-440d-8d0f-b471d15f1b28","width":720,"height":720,"filename":"15_GustavoCarneiro_UI_Vectober_Sleep.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F1d2adc95-8a5b-47a3-b42e-b71ec9a53e52.png?alt=media&token=464044dc-2975-46c3-beca-20df55a748b9","id":"1d2adc95-8a5b-47a3-b42e-b71ec9a53e52","width":720,"height":720,"filename":"16_GustavoCarneiro_UI_Vectober_Shield.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F802860bc-d623-4e8a-8086-500da32f662e.png?alt=media&token=8fbf135d-3c48-4bfd-afe7-8fa7de604900","id":"802860bc-d623-4e8a-8086-500da32f662e","width":720,"height":720,"filename":"17_GustavoCarneiro_UI_Vectober_Fire.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fbd9b3e81-cf25-4e82-b1dd-7e05d912acc4.png?alt=media&token=f10e466b-2587-47ca-a38c-9c4fc9f270ab","id":"bd9b3e81-cf25-4e82-b1dd-7e05d912acc4","width":720,"height":720,"filename":"18_GustavoCarneiro_UI_Vectober_Rich_Alternative.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fb3635c8b-dda0-4598-98de-34a8cf80ccbc.png?alt=media&token=66af3792-2b9f-4162-947a-3e0872f0b0dd","id":"b3635c8b-dda0-4598-98de-34a8cf80ccbc","width":720,"height":720,"filename":"19_GustavoCarneiro_UI_Vectober_Fight.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F54359b09-b267-40fc-bbf9-b0fcd6526c23.png?alt=media&token=da3a223c-1131-4571-8328-319f7e71641f","id":"54359b09-b267-40fc-bbf9-b0fcd6526c23","width":720,"height":720,"filename":"20_GustavoCarneiro_UI_Vectober_End.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F1329f7cc-ddb0-4418-8cb2-492fe4a38b54.png?alt=media&token=32cfb2d8-bc8d-45d7-af59-7de8d1b0e755","id":"1329f7cc-ddb0-4418-8cb2-492fe4a38b54","width":720,"height":720,"filename":"21_GustavoCarneiro_UI_Vectober_Speed.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F1443a146-4473-47c7-88da-6723659d5de6.png?alt=media&token=adad67c8-9990-43b8-abc8-e561b878f73c","id":"1443a146-4473-47c7-88da-6723659d5de6","width":720,"height":720,"filename":"22_GustavoCarneiro_UI_Vectober_Play.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F0359854c-3cc7-45f5-93e8-25eb50b1ec8b.png?alt=media&token=43d05beb-0d3b-4f77-bfd4-17a169885fbf","id":"0359854c-3cc7-45f5-93e8-25eb50b1ec8b","width":720,"height":720,"filename":"23_GustavoCarneiro_UI_Vectober_Soul.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F5e48a417-c5d5-4ecf-a67e-d45763548018.png?alt=media&token=44126ca3-f025-4425-91b5-52d3b34392b7","id":"5e48a417-c5d5-4ecf-a67e-d45763548018","width":720,"height":720,"filename":"24_GustavoCarneiro_UI_Vectober_Faith.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2Fb7d166b6-84a5-4462-8a30-6cd5540ef063.png?alt=media&token=a328f549-7a26-4a9c-892f-342601a176bb","id":"b7d166b6-84a5-4462-8a30-6cd5540ef063","width":720,"height":720,"filename":"25_GustavoCarneiro_UI_Vectober_Shiny.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F1886bb35-cba6-408b-851c-46d932a7fca2.png?alt=media&token=89f44fdb-8ac0-4d2c-a5bb-5340f6b8dc87","id":"1886bb35-cba6-408b-851c-46d932a7fca2","width":720,"height":720,"filename":"26_GustavoCarneiro_UI_Vectober_Ice.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F8e3d479d-76b8-454a-bae3-bd2e7a3b2e57.png?alt=media&token=bf3f5f96-30ba-4e66-8b54-01782f456476","id":"8e3d479d-76b8-454a-bae3-bd2e7a3b2e57","width":720,"height":720,"filename":"27_GustavoCarneiro_UI_Vectober_World.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F8e8ffbee-a8f5-4501-a8e3-35d2f31eb07e.png?alt=media&token=22108820-cce0-46fa-a856-3d62783a429f","id":"8e8ffbee-a8f5-4501-a8e3-35d2f31eb07e","width":720,"height":720,"filename":"28_GustavoCarneiro_UI_Vectober_Poetry.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F926dcc9c-faec-4f66-9c07-8b1b1d4f656e.png?alt=media&token=c78faed1-c61e-4015-8c8c-39f977477768","id":"926dcc9c-faec-4f66-9c07-8b1b1d4f656e","width":720,"height":720,"filename":"30_GustavoCarneiro_UI_Vectober_Family.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FlAy7uSXEc8v22iQBGInP%2F9c42e1b4-da9b-4c6e-8434-260460526e99.png?alt=media&token=5957e44e-4b3b-4677-bbce-a0873c989bec","id":"9c42e1b4-da9b-4c6e-8434-260460526e99","width":720,"height":720,"filename":"31_GustavoCarneiro_UI_Vectober_Ghost.png","type":"image/png","caption":"","border":false}]}
```

Vectober 2020

✏️ [Full case study](https://www.behance.net/gallery/160365233/Dakar-Desert-Rally-User-Interface)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2Fca4f6825-b3a6-4efd-b6b2-4a3168232a7c.jpg?alt=media&token=2c347f3d-063c-44f0-b925-bc2bab780892","id":"ca4f6825-b3a6-4efd-b6b2-4a3168232a7c","width":2560,"height":1439,"filename":"GustavoCarneiro_UI_Menus.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2Ff8fd47c0-ac9c-461a-a3ec-8db5d4a3bf10.png?alt=media&token=9eb87166-f860-436b-b764-07e325d495d0","id":"f8fd47c0-ac9c-461a-a3ec-8db5d4a3bf10","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_Catalogue.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F494ce22f-c2a7-4927-8606-40d88f04c4fd.png?alt=media&token=a4f56a43-cb50-4700-b7d1-42075fac8c9c","id":"494ce22f-c2a7-4927-8606-40d88f04c4fd","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_CareerRankings.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F8cd99159-c80d-4eb6-b151-83da0ef88575.png?alt=media&token=2747a6cb-aa36-4b0a-ba61-6dde996b4b2a","id":"8cd99159-c80d-4eb6-b151-83da0ef88575","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_EventMap.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F33c4eb70-9887-4714-9ea4-f5c510786ae9.png?alt=media&token=be449153-e949-4c5f-af7d-89512065c702","id":"33c4eb70-9887-4714-9ea4-f5c510786ae9","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_StageSelection.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F96f8a6f1-6161-48a3-bf82-a98402f6b04f.png?alt=media&token=963fe183-c019-41f6-855d-ff9afcd54914","id":"96f8a6f1-6161-48a3-bf82-a98402f6b04f","width":2580,"height":1080,"filename":"DakarDesertRally_GustavoCarneiro_UI_HUDp.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F4cc31ae1-e48f-4495-bf48-617eae511bc1.png?alt=media&token=eb90237d-0907-4523-b3dd-2c44c336a92e","id":"4cc31ae1-e48f-4495-bf48-617eae511bc1","width":2560,"height":1072,"filename":"DakarDesertRally_GustavoCarneiro_UI_Cockpits.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F73ddf7aa-329e-4c1f-88e9-0d8975bc0d7f.png?alt=media&token=7458adea-f2c4-45a8-a258-5e1629697075","id":"73ddf7aa-329e-4c1f-88e9-0d8975bc0d7f","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_GameMode.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2Fd6606f49-b65b-44bc-a195-bbf8543c0b1d.png?alt=media&token=097c32bb-795e-4329-af92-d598309e0914","id":"d6606f49-b65b-44bc-a195-bbf8543c0b1d","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_TeamSelection.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2Fff463684-6d36-41cc-b89e-3233779bbdbe.png?alt=media&token=e2e7ce4e-f34e-46e1-9868-197a5677515c","id":"ff463684-6d36-41cc-b89e-3233779bbdbe","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_Showroom_.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2Fa6d9eb71-5fad-4fcd-918c-e69edd0715c3.png?alt=media&token=a5bbd536-388d-4592-8376-309ee5af9ad8","id":"a6d9eb71-5fad-4fcd-918c-e69edd0715c3","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_TuningMenu.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2Fae85e6b0-c08c-4acc-a181-ef21fde620ee.png?alt=media&token=d9ed1aea-4e60-4bbb-8767-1e88ec4d31d9","id":"ae85e6b0-c08c-4acc-a181-ef21fde620ee","width":2557,"height":1438,"filename":"DakarDesertRally_GustavoCarneiro_UI_Options.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F7d56ac11-6b85-4ce7-951f-f9069c6e43b3.png?alt=media&token=beaf8524-4642-49fc-80fd-cbf57d628cc7","id":"7d56ac11-6b85-4ce7-951f-f9069c6e43b3","width":2560,"height":1439,"filename":"DakarDesertRally_GustavoCarneiro_UI_RepairMenu.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F8923487f-40f7-47b6-a0b1-3ea39ae773a8.png?alt=media&token=1b22e994-c2b2-484d-a2b2-d68a297f09f3","id":"8923487f-40f7-47b6-a0b1-3ea39ae773a8","width":2560,"height":1439,"filename":"DakarDesertRally_UI_GustavoCarneiro_InviteFriends.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FvFbaP1cLwG8Udw5aYMb1%2F26606b4b-b537-47f7-af11-e885b06dc5d2.jpg?alt=media&token=8dc64ddc-bf9d-4eb6-b311-94bee1db7895","id":"26606b4b-b537-47f7-af11-e885b06dc5d2","width":2472,"height":1097,"filename":"GustavoCarneiro_UI_Cockpits.jpg","type":"image/jpeg","caption":"","border":false}]}
```

### **THE GAME:**

Dakar Desert Rally is the biggest off-road rally racing adventure ever developed. Experience the speed and excitement of the largest rally race on the planet, featuring a wide variety of licensed vehicles from motorcycles, cars, trucks, quads and SSVs.

### **MY ROLE:**

**UX Design**

* Responsible for creating user-flows for crucial interactions in the game, such as the career mode.

* Developed wireframes and low-fi mockups for crucial features and user-flows throughout the game.

* Collaboration with key stakeholders, game designers and director to improve the user experience across the game and provide input over best-practices on game's interactions and overall usability.

**UI Design**

* Developed a style guide and layout grid to use as base for all menus in the game.

* Designed, implemented in-engine and animated every menu and screen.

* Responsible for integrating every new element in the UI across development, making sure the style, navigation and layout remained consistent across every menu.

* Updated the design and structure of the HUD from the previous entry in the franchise (Dakar 18), optimizing it and making sure it fit the visual style of the game.

* Developed the entire game layout to work responsively in any aspect ratio and screen resolutions in-engine.

* Designed all button and key prompts icons for every platform (Xbox, Playstation 4, Playstation 5 and PC).

* Designed most new iconography and updated existing icon designs from the previous entry in the franchise (Dakar 18), to properly fit the new style.

* Recreated the gadget screens from all vehicle cockpits (100+) according to the real world versions and implemented them in-game.

**Animation and VFX**

* Animated all UI elements in the game, both through keyframe animation as well as scripting procedural animation.

* Developed materials/shaders in-engine for all UI visual effects, including: Map clouds and water, button states, race results and rewards, glow and sweep effects.

**Marketing**

* Provided assistance on developing key art for game covers, special editions and DLCs.

Dakar Desert Rally

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FxUCeUsQlk6SFxfqwsghX%2Fe084c8f2-8282-4348-bded-fe4de87b6306.png?alt=media&token=af24ffd2-d6b2-48e7-8379-6f67385b1833","id":"e084c8f2-8282-4348-bded-fe4de87b6306","width":1920,"height":1080,"filename":"KitchenBuilder_GustavoCarneior_UI_main.png","type":"image/png","caption":"Software main menu.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FxUCeUsQlk6SFxfqwsghX%2Fc858ef9c-d64d-458e-83c0-8eff46cc529d.png?alt=media&token=44bbcd4a-f9f2-4f6c-8105-dc89289a281d","id":"c858ef9c-d64d-458e-83c0-8eff46cc529d","width":1920,"height":1080,"filename":"KitchenBuilder_GustavoCarneior_UI[1].PNG","type":"image/png","caption":"Kitchen room setup. You can define room dimensions (with visual representation) and utility points (eletricity, water, sewage and gas).","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FxUCeUsQlk6SFxfqwsghX%2F59969c30-aa39-4cd8-9947-c69edc329741.png?alt=media&token=bf9e8f20-9749-4ea0-9158-6fd2d561301f","id":"59969c30-aa39-4cd8-9947-c69edc329741","width":1920,"height":1080,"filename":"KitchenBuilder_GustavoCarneior_UI_2.PNG","type":"image/png","caption":"Kitchen builder screen (3D camera view).","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FxUCeUsQlk6SFxfqwsghX%2Ff278b260-8d3f-4854-819b-1ca562c714e7.png?alt=media&token=281c202e-9ff6-48d3-bc13-349bd4874b6c","id":"f278b260-8d3f-4854-819b-1ca562c714e7","width":1920,"height":1080,"filename":"KitchenBuilder_GustavoCarneior_UI_3.PNG","type":"image/png","caption":"Kitchen builder screen (2D camera view).","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FxUCeUsQlk6SFxfqwsghX%2Fbf812084-02a5-4af1-9b96-2f14ea0b5e43.png?alt=media&token=c8fd7aa4-3b32-4d13-a128-a658c3f26e5c","id":"bf812084-02a5-4af1-9b96-2f14ea0b5e43","width":1920,"height":1080,"filename":"KitchenBuilder_GustavoCarneior_UI_7.PNG","type":"image/png","caption":"Contextual menu. Most pieces can change type, position and rotation of the handles and color.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FxUCeUsQlk6SFxfqwsghX%2F0113113d-cf84-4de8-831f-aab4d534cc08.png?alt=media&token=70839fee-a61f-429a-b9bc-6787c9f44e57","id":"0113113d-cf84-4de8-831f-aab4d534cc08","width":1920,"height":1080,"filename":"KitchenBuilder_GustavoCarneior_UI_4.PNG","type":"image/png","caption":"Budget screen, it displays all kitchen products chosen in the kitchen builder.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FRPdeVUhWq4YHn532hasjbItkiaZ2%2FxUCeUsQlk6SFxfqwsghX%2F4d0a045c-a317-4e59-aab5-d9a00e258783.png?alt=media&token=8adc2a08-8ad9-4661-98a0-e0cfaa04e45e","id":"4d0a045c-a317-4e59-aab5-d9a00e258783","width":1920,"height":1080,"filename":"KitchenBuilder_GustavoCarneior_UI_5s.png","type":"image/png","caption":"3D realistic render viewer. The images are rendered in real time with Unreal Engine. They can then can be viewed in the software as seen in the example.","border":false}]}
```

### **THE PROJECT:**

A kitchen configuration solution for Maxmat, a portuguese DIY retailer, that enables real-time creation, estimation and realistic rendering of kitchen spaces, allowing store employees to budget customers kitchens quickly and efficiently.

### **MY ROLE:**

**Additional UI Design**

Responsible for designing additional features of the software and subsequent updates, such as:

* Kitchen room planning configurator

* Kitchen/walls/floor color picker & display

* Form to automatically send the kitchen budget to the client

* Kitchen 3D render visualization screen

**UI Programming**

Responsible for the implementation of all UI elements and their features in the software, such as:

* Kitchen room planning configurator

* Furniture selection

* Furniture color and handles picker

* Budget items listing

* 360 degree camera navigation

* Etc.