Take AWAY
TAKE AWAY is a food delivery app developed to meet the needs of both clients and restaurants combining beauty and simplicity.
Project overivew
During 5 weeks a multidisciplinary team and I joined strengths to develop a MVP for a food delivery app. Using Agile methdologies we came up with Take Away as a solution for Restaurants and Clients to connect. The Task: develop a functional app that meets the user stories within the timeline.
The Client
No-country is a non-profit organization that meants to guide IT professionals into the best industry practices while connecting their projects with potential clients. They took the role of stakeholders, assigned us a TL and evaluated our work at a final committee.
MY PROCESS
Define
[ Scope ]Research
[ Activities ]Ideate
[ features ]Design
[ and Iterate ]The research
During this phase, I conducted market audits with a clear focus on defining the project’s scope and identifying industry best practices. By analyzing competitors and trends, I gained insights that helped shape a strategic foundation for our product. This research-driven approach ensured that our design decisions were informed, user-centered, and aligned with real market demands.
I gathered data, developed user personas, and benchmarked key features that aligned with our goal: creating an MVP that effectively met our users' needs.
the ideation
With a clear understanding that our core features needed to align with user needs, we began development using a CRUD-based approach. At this stage, iteration and communication were crucial. Continuous feedback loops allowed us to refine our approach, address challenges, and make necessary adjustments in real time.
By maintaining close collaboration, we ensured that our product evolved in a way that remained both functional and user-centric.
Desing System
For our design system, we chose ShadCN as our foundation due to its technical feasibility and strong visual aesthetics.
Building upon this base, I expanded and customized the system to align with our specific needs, crafting a cohesive visual language tailored to our app.
Design Phase
During this stage, I translated research insights into wireframes, created high-fidelity mockups, and established a consistent design language to guide development. I focused on interaction patterns, accessibility considerations, and usability testing to validate design decisions. I built and maintained the design system, documented UI components for seamless handoff, and provided continuous feedback to developers to guarantee a smooth implementation.
Through an iterative approach, we fine-tuned the experience, ensuring the final product met both usability standards and project requirements.
Feature #1 [DASHBOARD]
Client or Restaurant? doesn't matter, you can be both, with Take Away personalize Dashboard you can search, find, buy or administrate your business in one place.
Feature #2 [PROFILES]
Create, edit and personalice your profile with relevant info, either if you are a client or a restaurant. Happen to be both? no problem, you switch seamlessly between your accounts.
Feature #3 [PRODUCT LIFECYCLE]
Create, organice, discover and buy, this are the phases of a product lifecycle across the Restaurant and Client user experience.
Feature #4 [ORDER PLACEMENT]
Make, receive and track your orders state from wherever you are, by clicking into the "orders" buttom on the tool bar.
Feature #5 [PAYROLL]
Once your order is placed you can check, add and modify your order, even switch between your payment methods and delivery addresses.
Desktop Screens
For more details, visit the figma prototype link in the top section.
the takeawayS
Agile development and team work was, above all, what this project teached me. There is a synergy in it that you cannot achieve by yourself. A level of refinement that can only be reached working with others.
A wish for the future? Let's create something that innovates.
Next Project
[ Teller-API ]
