The client had a rough idea for a game called "Game of Beasts," a fantasy NFT card game where players can buy, collect, and use cards to battle. The goal was to convert the client's basic desktop mockups into a mobile format.
Client Input
The client provided desktop mockups created on Adobe XD and illustrations of fantasy creatures with human bodies and animal faces, dressed in medieval-style armor. Some missing graphics were created by me using parts of the provided illustrations.
Analysis
I created a flow chart to get a clear vision of the project's game flow and better understand the app's structure.
Wireframes
Based on the provided screens, I developed the initial low-fidelity wireframes to define the structure of the mobile app.
UI Design
I defined the new UI and applied it to the wireframes, gradually transforming them into detailed and refined mockups. Missing graphics were created using the provided illustrations.
Final Mockup
I created the final mockup with the new UI, ensuring consistency and an intuitive design for the user.
Conclusion
The client was extremely satisfied and impressed with the transformation of his basic sketch into a fully-fledged mobile app for "Game of Beasts."