Please preview mock-up on your phone screen to get a better feeling of the layout.

IOS system could have a  unavoidable compressed size 

High Resolution Version can be found through the attachment ヅ

Final Effect VX

UI Part

1/ Didn't use purple fish as the theme, don't want to break the unity of yellow

2/ The role of fish is not mentioned in the skill description.

3/ Star shards and stars are in a compositional relationship, so the appearance is treated similarly, and they are visually connected, teaching players that these two things achieve each other.

Tweaking Process

VX Beats:


1/ The upgrade button needs to be the brightest. After clicking, the Skill will be stamped, package is tear open, the star will fall into the box
3/ Star sweep
4/ Level up
5/ Adjust the beats, interlace the frames, put the character final appear as the the grand finale
6/ After the mock-up, I felt that we should put the final visual focus on skills, because after unlocking, Player will probably most concerned about the skill effect, but brief pointed out a exact sequence, so let's do this way.

UX Thoughts after reading the design brief:

1/ Arrange Upgrade btn in the middle, which is convenient for operation in the most comfortable place for fingers

2/ Skill need to be relocated, 1up 3down emphasizes a basic natural ability was given. The rest is empowered based on that one.

3/ Need to explain the logic of Shards-Unlock Skill-Mini Star up

4/ Few materials so far, worried about there is no place to display skill descriptions. How to make a quick and linear judgment?

5/ Trailing animation is necessary

6/ Need to combine blind boxes/toys/increase youthful fashion/mystery feeling

7/ The interaction details need to be more unique and unconventional

👆Version 1-10

👆Final Effect

That's a wonderful unforgettable memory anyway, Michelle yeoh won the Oscar said: Ladies and someone who being underestimate: Dream Big, and dream do come true! Actually There is one phrase missing behind. Put on your effort, keep harder practising than the rest, always being prepared, you still can be anyone you wanna be...

Last but not Least