Interactive Design

Year : 2023
Disciplines : UI/UX Design – Prototype
Goal/Purpose : High-Fidelity Prototype
Project Type : Academic
Software/Tools : Adobe XD , Canva , Photoshop
Project Contribution : Individual
Testing Link : Pizza Ordering App

THEME : Crispy Crave Pizza App

USER STORY : Customer search and order different categories of pizza with a preferred delivery location/ pick-up.

BACKGROUND : Honey is a professional chef looking to expand her client base and move her ordering away from telecommerce. On her app, customers will be able to browse her pizza menu, customize pizza (Size, Base, Cheese, Sauce, Toppings), Add-ons (Dips, Coldrinks), and submit orders. Customer will also choose their pick-up time or delivery option. After their purchase, the customer will receive a confirmation email with their order details, order amount, as well as their confirmed delivery or pick-up time.

BRAINSTORMING PROCESS : It has been shown that those with busy schedules have less time to prepare meals and prefer to eat in food courts or order food online. People of all ages enjoy pizza over other cuisines, as I discovered while exploring several culinary genres. Following this investigation, I decided to create a pizza app. By using this application, users may place online pizza orders, saving time and satisfying their cravings.

GOAL : The goal was to create a Mobile Application High-Fidelity Prototype using Adobe XD covered in MDIA 2330–UI/UX/XD. The main purpose of Mobile Application High-Fidelity Prototype project is to show case student’s understanding of how to use the Adobe XD effectively.

USER FLOW : Created the User Flow to understand the requirement of specific user(target audience).

BRANDING : I made the decision to come up with a brand name for the pizza app before designing the logo. I looked through numerous brand names, but I settled on “Crispy Craving” because it is so distinctive and showcases the essence of the application. I concentrated on making sure the name related to the business so that people could quickly identify it.

LOGO DESIGN : I created logo concepts to further define the brand identity. I first began generating adjectives related to the brand characteristics I had already developed and sketched as many potential logos as I could. I Finalized this logo. This Logo depicts that the slice of pizza already eaten as its satisfied people’s craving and the shape of the pizza as a huge C which covered both crispy and crave creatively and I picked the red color for the logo because its represent the hunger (no limit of your craving).
UI KIT : The application’s UI Kit is a collection of already-existing UI components that serves as a resource for the design cooperation and future creation. It will be updated whenever there is a redesign because it is a dynamic document.

LO-FIDELITY WIREFRAMES : A drafts iteration of each screen of the app was created on paper. To make sure that the elements that made it to digital wireframes would be well-suited to satisfy user and easy understanding .Generally, the design flow concentrated on the simple and time-saving.

HIGH-FIDELITY WIREFRAMES : I generated high-fidelity wireframes by implementing defined styles. It also enables me to assess the application’s better visual feelings and aesthetic consistency

CONCLUSION : The high-fidelity website for a social professional meet platform is an effective way to showcase the key features and functionalities of the platform in a realistic and interactive manner. Users can easily visualize the website’s layout and get a sense of how it will work in practice. The high-fidelity website enables the development team to identify any potential usability issues or design flaws before the platform is launched. This allows for more efficient development and helps to ensure that the final product is of high quality. Creating a high-fidelity website can be time-consuming and expensive, but the benefits of doing so outweigh the costs in terms of improved user experience, reduced development time, and increased customer satisfaction. A high-fidelity website for a social professional meet platform can help to build trust and credibility among users, as it demonstrates a commitment to providing a high-quality, user-friendly platform. Overall, a high-fidelity website for a social professional meet platform can be a valuable tool in the development process, helping to ensure that the final product meets the needs of its users and is of high quality. It can also help to build trust and credibility among users, which is essential for the success of any social networking platform.