Dreamy Panini

UX/UI Design

Project Overview

Dreamy Panini is a sandwich company that had a need for an app that would allow the user to order sandwiches quickly on the go. It was up to me as a UX/UI developer to create an app that met Dreamy Panini's needs while also delivering an enjoyable experience to their customers. My work included creating personas, researching Dreamy Panini's customer base, designing wireframes and prototypes in Adobe XD, writing content for the app, and testing the product with Dreamy Panini's own users.My role in Dreamy Panini was inventing the idea of the company, and doing the branding and logo design as a design challenge for myself to hopefully one day launch the company in a physical space. Dreamy Panini is an up-and-coming sandwich shop that sells delicious paninis. I created a custom app for Dreamy Panini using UX/UI design principles to help Dreamy Panini reach more customers and improve its services. As a startup sandwich shop I wanted to develop an app for targeting the loyal customers of apps like seamless, that trust the process of ordering food from an app. I was the UX/UI designer to create this app from scratch, and I developed it with Dreamy Panini's needs in mind. My role was to design the user experience of the Dreamy Panini App, including designing screens and wireframes, creating prototypes, and conducting user research.

My Contributions

I was responsible for the entire process of developing Dreamy Panini's app, including the UX/UI design, development of the app itself, content writing for Dreamy Panini's marketing pages and other promotional materials, as well as user testing. My main goal was to create an intuitive and easy-to-use app that Dreamy Panini could use to reach more customers and provide them with a better experience when ordering their delicious paninis. I then created personas and conducted research of Dreamy Panini’s customer base to better understand who their target audience is. Additionally, I wrote copy for the Dreamy Panini app in order to explain features, highlight the benefits of using the app, and provide onboarding instructions. Finally, I tested Dreamy Panini's product with its own users to ensure a smooth user experience.The idea was that I would launch an app that allowed users to order their dream sandwich with a couple of clicks. I came up with the name, Dreamy Panini, the 2D logo, the food icons, the vectors, the fonts, the wireframing, the 3d logos, the content, and the app. I wish I had a team but unfortunately didn't. To develop the app I used visly.ai to wireframe and come up with the user flow and images. I used illustrator and photoshop to make the content. I used UX/UI to make all the controls and buttons work efficiently. were developing the idea of a sandwich company that would act as a seamless type app that would deliver custom and premade sandwiches to their doorstep. Like seamless but just for sandwiches. I came up with the idea in 2019 and have been working on it ever since. I did user testing to see if the app worked and flowed well. I then took the feedback from the user testing and applied it to the final model.

My goal was to create an app that would make it easier for Dreamy Panini owners to manage orders, track inventory, calculate costs, and advertise specials or promotions in order to increase sales. I wanted Dreamy Panini's customers to have a pleasant experience with the app so that they would return often. My primary goal was to develop an app that Dreamy Panini could use to reach more customers and give them a great experience when ordering their paninis. I also wanted to make sure Dreamy Panini had the tools they needed to optimize their processes, save time and money, and increase customer satisfaction. Another goal of this project was to identify what does success look like for this brand? The user will use my product to accomplish their goal of ordering their dream sandwich. That the brand will stand out from others with its unique branding and stand-out graphics. My goal was also to find colors and fonts that aligned with the branding. Make a 3D logo to make the brand more futuristic.

My Goal

Marie Aiello
Creator of Dreamy Panini

February 2023

The Problem:

Dreamy Panini wanted an easy way for customers to be able to order their sandwiches on the go. The challenge was to create an app that would meet Dreamy Panini's needs while also providing an enjoyable user experience for their customers. Dreamy Panini needed an efficient way to manage orders as they came in so that customers would get their food quickly. They also needed a way to keep track of inventory and marketing campaigns. I took it as a design challenge to create the branding and logo and the iPhone app. I plan to one day take this app to go live, but also need funding to do so and an engineer. I needed an interactive platform I could use to reach potential customers and streamline their processes efficiently. I identified the issue Dreamy Panini was facing and focused on a solution that would modernize Dreamy Panini's presence in the market, when it is ready, with the goal of providing customers with a reliable service.

Research & Analysis:

To create Dreamy Panini's app, I conducted extensive research on UX/UI principles. I analyzed data from Dreamy Panini’s current customer base to understand their needs better. Additionally, I studied Dreamy Panini's competitors’ apps in order to identify features that would set Dreamy Panini apart from the competition. After conducting my research and analysis, I created a user-friendly mobile app for Dreamy Panini customers. The app allowed customers to easily place orders with one click, track inventory through notifications or alerts, calculate costs automatically, receive promotional offers for discounts or free items, and even share their favorite Dreamy Panini dishes with friends via social media platforms.In order to make sure Dreamy Panini had a successful launch, I researched current make the content. I used UX/UI to make all the controls and buttons work efficiently. were developing the idea of a sandwich company that would act as a seamless type app that would deliver custom and premade sandwiches to their doorstep. Like seamless but just for sandwiches. I did user testing to see if the app worked and flowed well. I then took the feedback from the user testing and applied it to the final model.I used a focus group to do user testing on the app visibly which allows me to view the app in its draft stage. This allowed my focus group to use the app on their computer to test the interactions, buttons, and usability of the app. One of the questions I asked the users was to go and order a custom sandwich on the app. The reason I did this is to make sure the app was functional, user-friendly, and did what it was supposed to do in a UX/UI sense. The key findings were that the ordering process took too long with added promo codes that added an unnecessary extra step. I fixed that problem by adding promo codes automatically. I conducted research on Dreamy Panini's current market position as well as past efforts in digital marketing. This included looking at competitor strategies, analyzing Dreamy's target audience, and understanding Dreamy’s current capabilities. Through this process, I was able to identify key areas for improvement that would help Dreamy obtain greater success with its app.

User Persona & User Flow

User Persona: The key tasks that my users can do are make their own sandwiches, have the app remember their sandwiches and recommend new sandwiches the next time they order, and search for sandwiches based on their personal preference of their favorite meat or cheese. I Ensured the user persona contained these key tasks. The users’ priorities are that their sandwich is delivered to them, the exact way they ordered it, and that there wasn't a bunch of pages they had to click through to get them to that point, the point where the sandwich is ordered and they can relax knowing it is coming to their location.
User Flow: How I created this user flow was I modeled it after already existing apps like seamless and more specific apps like Lenwich (a sandwich shop here in New York. This affected my design by creating a home page that was user-friendly, had a working search bar that made ordering easier, and had a flow to the pages that felt like a regular food delivery app. As the UX/UI Designer on Dreamy Panini’s project, my major contribution was developing an intuitive mobile application that Dreamy Panini's customers could use quickly and easily. Specifically, I created detailed User Flows, Design Specs (Style Guide), and wireframing.

Concepts, Sketching, Wireframes:

My process of working through my sketches and wireframes was very fun. My discovery was figuring out what my users went through using Dreamy Panini, compared to their process using seamless. My research synthesis was that my app needed to have more interactions, sliding pages, and more options for sandwiches because seamless had many options whereas my app was only one restaurant. The low-fidelity explorations required a lot of imagination from the userThe concepts, and prototypes, of dreamy panini, were too minimal in a world of vast online orderingDreamy Panini needed to be a different, more interactive, and more interesting experience. Updating Dreamy Panini through visual explorations was essential to get the project off the ground.

My Inspiration: The things that helped me explore ideas, possibilities, and possible solutions were seamless, GrubHub, and post-mates home pages, these apps helped me understand how to make a food delivery app that was user-friendly and trustworthy.

Testing: Validation, Usability, Feedback

By working with Dreamy Panini’s feedback group, I was able to create a more visually appealing and interactive ordering experience for their customers. Once the design had been finalized, I converted the wireframes into HTML/CSS code that could be implemented in Dreamy Panini's app. The feedback, testing, or validation research phase will have designs that are more closely aligned with a real user or customer’s needs and goals. The focus group feedback detailed that the usability of the app needed work, the needs and goals of the app needed to be explained more clearly, and the branding needed to be more minimalistic. My experience of testing or gathering feedback on these interactions with users and/or customers was illuminating and I applied all of it to fix the app.

Conclusion:

Dreamy Panini's new app is now ready to go live and has been well-received by the feedback group. I was pleased that my research, analysis, and design were successful in developing an app that improved Dreamy Panini’s online presence, content management capabilities, and customer engagement. Dreamy Panini can now look forward to enhanced customer satisfaction, efficient processes, and a greater return on investment for their digital marketing efforts. Overall, this project was an exciting example of the power of UX/UI design to create meaningful solutions that make a real difference. I am confident Dreamy will be able to build upon its current state and continue growing into the future. Overall, I played an integral role in Dreamy Panini's app development by facilitating the rapid prototyping of the UX/UI visuals. Not everything went as planned, we had to fix some things. The usability of the app. I put the user feedback into action by making the changes to the app when it comes to what worked and what didn't. For example, The buttons, sections, and functions were slow to respond at first because of the imagery and large svg files that were slowing the app down, I fixed that by compressing them and making it responsive. I learn from this experience that i needed to pay attention to every detail in the app when it came to functionality and learned a lot about UX/UI. I can apply this knowledge to future projects. The coding process allowed me to quickly test various features and make necessary changes to ensure a smooth user experience. After completing the coding process, Dreamy Panini is ready to launch its new ordering platform, delivering an efficient and enjoyable order process for its customers. The visily sketches allowed me to create wireframes that were suitable for Dreamy Panini’s user base. Dreamy Panini's users wanted an easy-to-use ordering platform with plenty of options for customization. The key elements I focused on in my wireframes included: making each page easier to understand, adding features such as add ons (e.g., extra ingredients), splitting up sandwich sections into different pages to reduce cognitive load, and including more visuals and animations on each page. I learned a lot about how to make a functional app using UX/UI and testing. I can apply this information I learned to future UX/UI projects and succeed at getting the client's ideas into a usable app for them to launch.