UI Mockup & Wireframe | The Johnson Wallet

This project goes over the creation of a wireframe and user flow mockup based on set criteria and a sample user persona. The user persona was created to represent a type of buyer that may potentially interact with the product and so the design was to have this persona in mind. Furthermore, the design follows a specific flow requested by the company stakeholders.

A wireframe was created first to show the user's journey through the process. This was then followed by determining the design colors using a moodboard to find the ethos of the design. The design elements were then created and the mockup design was completed in Figma.