UI Design, Visual Guideline, User Flows
This is a match three puzzle game with very charming art style and original characters.
I was the only UX/UI Designer for this project.
I deliver wireframes, user flows, visual mockups and final UI assets.
Visual treatment and UI style exploring
Juice Jam is a game has been released over 3 years. Executives wanted to revamp the look and layout design for it so it's more updated with the other games on the market. Here are the visual treatment I worked on for the pre-level popup because it's the scene you see the most from the game.
3.
There are three screens I redo the layouts for a better user flow because they are so important that monazite the most for this game.
-
Pre-game popup
-
Out of moves popup
-
Event
​
Here are some thinking that I'd like to share with you when I was redesigning.
Pre-game popup
After discussed with our product, there are three elements we'd like to prioritize the hierarchy in this screen.
-
Pre-game Boosters
-
Play Button
-
Leaderboard
before
after
1.
2.
3.
3.
1.
​
​
2.
Out of moves popup
After discussed with our product, there are three elements we'd like to prioritize the hierarchy in this screen.
-
Remained Objects
-
How Much Coins You Owned
-
Play On For #Coins
after
1.
​
2.
3.
1.
​
​
2.
3.
before
Event​
After discussed with our product, there are three elements we'd like to prioritize the hierarchy in this screen.
-
Remained Timer
-
Collected Objects
-
Play Button
after
2.
​
​
​
​
​
​
3.
1.
1.
2.
3.
before
UI Assets Guideline
I redesigned the render style for the assets and the color code for each purpose.
Play
Unavailable/Locked
Support page
Connect to Facebook
Available
Unavailable/Locked
Help
Exit
Numbers
Final UI Screen Mockup
NEW FEATURES
Below are the live event I worked on
wireframes and User Flows - Ernesto's exchange store"
Layout Options
Screen Mockups
A big feature called "Town Square" is designed for End of Content players
Screen Mockups for Daily Quest
Screen Mockups for Placing the Decor
Character Card Design
Spinning Wheel Animation