Designing a High-Fidelity Prototype with Figma and Midjourney
The Story Behind the Project
Honey has been cherished for centuries as a natural sweetener and a symbol of health and vitality. While the market for honey and honey-based products is thriving, I noticed a gap in apps that not only sell products but also educate users about bees, and the benefits and uses of honey, while emphasizing sustainability. With that in mind, I embarked on this project to create a minimal high-fidelity mockup for a honey-selling app that showcases my ability to conceptualize a product, design for usability, and align user needs with business objectives. All images used within the mockup were creating using Midjourney. Through tailored prompting, I was able to achieve a unified look and feel for all of the visual media within the prototype. The aim here was for a dreaming, almost fairytale-like vibe, that really plays up golden hues of honey.
Features and Design Highlights
The app includes six main screens, which attempt to quickly communicate the app's basic look and feel. As a Product Manager, I would use this mock-up as a starting point for team or group discussions. The prototype includes mockups of the home, cart, and product detail screens. Two variations for product listings have been mocked-up showing both tiled and horizontal scrolling UX. Noteworthy content, features, and interactions include:
Tap to show/hide the navigation menu
Tiled and horizontal product views
Breadcrumbs, filtering, sorting
Variants of assets pre/post user interactions
User form mockup
What’s Next
While this mockup is not in any way pixel-perfect, it could be used as a starting point for communicating a basic app idea with engineers, other product managers, leadership, and a designer who could further perfect the concept. As a next step, I would build out additional user flows, fine-tune interactions, make sure the design closely adheres a specific brand identity (if established).
You can checkout the source file for this project here.
