The mockup stage focuses on creating the visual representation of the application’s interface. At this stage, every screen is designed with attention to color palettes, typography, icons, spacing, and overall layout. The mockup showcases how the final app will look, including the arrangement of buttons, product cards, navigation bars, images, and interactive elements.

Although it is not yet functional, the mockup provides a clear picture of the app’s branding and aesthetic style. It helps visualize the user experience, maintain design consistency, and communicate the interface concept before moving into the interactive prototype phase. This step ensures that the design aligns with the brand identity and user expectations.