Design for an E-Wallet App

Onboarding

Our designer joined the project when it was already in full swing and all the necessary UX research and studies had been prepared by the client’s in-house business analyst. So, our specialist delved into the details and set about exploring the outcomes of BA ‘s work.

Prototyping

After a thorough examination of the project team’s preliminary work, Itexus designers began creating wireframes and mockups.

• A wireframe is the first stage of layout creation. In a nutshell, it is a scheme that illustrates the main content blocks and the general functions of the user interface. It includes gray fields, lines, buttons, and text samples. The wireframe gives a superficial idea of how the future user interface will work, allowing the team to assess the quality of user interaction at an early stage without having to delve into visual details.
• A mockup provides a more detailed design overview and shows how the screens of the future solution will look. With the goal of presenting the look of the solution, mockups show color schemes, logos, images, UX copies instead of real text samples, and so on.
• Finally, the designer creates a clickable prototype. This is the final model of the future product, which, unlike mockups, contains all visual and functional elements as well as content elements and can function as a finished product, where all buttons are clickable and fields fillable with data, and so on. This way, designers and stakeholders can test the prototype as if they were interacting with a real product.

Documentation

After completing the design of the user interface, our specialist created an UI guideline. This is a document that contains all the elements of the visual style of a brand and aims to ensure consistent design and facilitate the work of designers and engineers. A UI guideline standardizes the grid system, layout, color scheme, typography, iconography, logos, and images.