A visually charming match-three puzzle game with original characters. As the only UX/UI designer on the team, I handled everything from early wireframes and user flows to high-fidelity mockups and production-ready 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.
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
3.
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
1.
2.
3.
before
after
1.
2.
3.
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
before
after
2.
3.
1.
1.
2.
3.
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
