top of page

Improved overall UX by designing visual mockups, creating UI animations, and integrating assets directly within Unreal Engine 5.

 

Color Picker 

 

I was told to improve the old color picker menu in Fortnite to make it more user friendly.

A lot of device has the option to allow the creator choosing the color he wants to use, however, it was all listed by names. You won't know how it looked like until you saved it and exit out the settings.

before.png

Before the update

Here's the final product's user flow.

Color_Picker_2.1.png
Color_Picker_2.2.png
Color_Picker_2.3.png
Color_Picker_2.4.png

After the update

Implemented in Unreal 4

Final releasing look

after.png

Since we pushed the change to Creative in season 17, we've got a lot of positive feedback from the creators. It's so much easier for them to pick and choose the color swatches they like to use. 
This improvement is a huge winning for both side. And we have more upcoming update very soon.

See the reveal by Youtuber: Mustard Plays

  • YouTube

Creative HUD revamp

 

There are many UI overlapping issues Creative.
It's often feeling overwhelmed by so many informations going around in the HUB when you simply trying to enter a game. Here's a quick example. 

After many rounds discussion with Epic, here are some common solutions we agreed on.

  • Simplified the information displaying on the screen.

  • Have a dedicate detail screen to display all the details about the game you are going to enter.

  • Moved the "support the creator" function to the place before you exiting the game.

Cr_HubRevamp_v.6.3.png

Here's the final product's user flow.

The UI animation I did in Unreal 4 for the detail screen.

See the reveal by Youtuber: Mustard Plays

  • YouTube

Pop Up Dialogue Device

 

We wanted to design a new device that's able to display some messages on the popup.
There should be one default OK button or two YES/NO buttons.

I provided four frame styles for the popup box.

review_backgroundstyles.png

We also talked about the possibility to place the popup box in different positions, but still keep the style.

Here are the visual mockups I made for each style that we can do in v.2.

review_positions_FN_W.png
review_positions_Sq.png
review_positions_FN_Sq.png
review_positions_R.png

End of Movement animation concepts

 

Here are some ideas for how we can show the end game movements.
I was working in Figma and Protopie. 

RichText editor 

 

I was the UI artist implementing the assets and layouts with the developer closely for this feature.

bottom of page