DreamDonuts Interactive Figma Prototype
- Brainstorming
- Drafting & Designing
- User Testing
- Summary
Project Goal:
The objective of this project was to create an interactive Figma mockup for the Sweet Dream Donuts iPad app. The app aims to provide users with a seamless and engaging experience for ordering donuts, exploring the donut menu, and enhancing overall user satisfaction
Brainstorming:
The project commenced with a comprehensive research phase, focusing on understanding user preferences and behaviors when it comes to ordering food through an app. This included creating user personas, identifying pain points, and gathering inspiration for the design. (refer to examples below).
VIEW PDFDrafting & Designing:
After the research phase, I moved on to wireframing the key screens of the Sweet Dream Donuts app. This involved planning the user flow, mapping out essential features such as browsing the menu, selecting donuts, and completing the order process.
Once the wireframes were finished, I transitioned to the design phase using Figma. The goal was to create a visually appealing and user-friendly interface that aligns with the brand identity of Sweet Dream Donuts. High-fidelity designs were crafted, incorporating vibrant colors, enticing images of donuts, and intuitive navigation elements.
The interactive elements of the Figma mockup were carefully implemented to simulate the user journey. This included transitions between screens, interactive buttons for selecting donuts, and a seamless checkout process. The Figma prototype allowed for a realistic preview of the app's functionality.
VIEW PDFUser Testing:
To ensure the effectiveness of the design, usability testing was conducted with a small group of potential users. Feedback was gathered to identify any usability issues, and necessary adjustments were made to enhance the overall user experience.
VIEW REPORTFinal Deliverables:
Based on user feedback and internal reviews, iterative changes were applied to the Figma mockup. This involved refining visual elements, optimizing navigation, and addressing any usability concerns.
Summary:
The final version of the interactive Figma mockup represents a cohesive and user-centric design for the Sweet Dream Donuts iPad app. Mockup was created in Photoshop, to showcase the project’s final look.