I was tasked in coming up with a design for a platform for party booking, food and drinks purchase and delivery. From user research, user flows, paper wireframes, design and prototypes in Figma and handoff to developers.
Product Design
Design System
Animation
Figma
Adobe CC
Lottie Files
We are filling the gap in delivery services by bringing food & drinks, alcohol, and party accessories delivered right to your door!
Creating easy to use platform for ordering and scheduling party experiences, drinks and food delivery, all in one product.
Incorporating all the features for consumers, vendors, bartenders and delivery drivers using the same platform.
We compiled questionnaires that bartenders gave at parties, and from them we figured out who the customers are, where do they live as well as their spending potential and the party sizes. We collected emails from those questionnaires and sent new ones using Google Forms to synthesize the data we got, and configure our user persona for this project.
During the user research phase I also did a competitive analysis to understand what the main competitors were doing right and what were they doing wrong. This also helped with the MVP features combined with the user research and feedback from the initial questions we asked in questionnaires.
From the available data and the research I did, we were able to conclude that the existing users were mostly female, from certain parts of town with similar spending and consumption habits. From that we were able to determine the drinks, food and hookah options that were going to be prominent in the product.
Based on the research and goals, user flow focuses on Tipsy service booking and upsells like additional drinks or food.
I created some quick sketches, exploring the possible layout combinations based on the brief, goals and the existing content to understand which design directions might work.
After the paper and wireframing in Figma was done and selecting which design layouts might work, I moved on to UI design using the brand colors, typography and layout exploration I did during the wireframing process.
Mobile first approach was used to design every screen. These sizes were then adjusted to work on all devices from tablets to laptops and large desktop devices.
Style guide and a design system was created and the handoff was done via Zeplin.
Component creation, optimization and shipping went really well. Documentation for developers was easily understood and handover process was smooth.
Initial animations were done in Lottie, but Rive is a much better and more versatile choice. Problem was the initial pricing so we went with Lottie at the end.
Component export could improve further using Cursor AI+ existing plugins to reduce junk code and reduce shipping new platform features even further.
Let’s discuss your project and see how I can help you bring it to life.
Let's connect
aleksandarcucukovic@gmail.com
Explore more projects
Watch my tutorials
