Project Overview
A coffee shop looking to develop a user-friendly Android app to streamline their order management process.
The app will be crucial for receiving real-time notifications, managing pick-up orders placed through our website, setting realistic pick-up times, and efficiently notifying customers when their orders are ready.
NOTE: The scope is for mobile only. We'll do tablet and PC on the next phase.
I'm using Material UI Kit for this project and keep the Android Developer Tools website open to design with technology in mind. I don't have an Android or SME present in this project so AI and research are my decision backup colleagues.
Functionality
Real-time Order Notifications:
When a new order arrives, the app should:
✅ Play a distinct ringing sound (customizable ringtone via Samsung [Android] App Settings)
✅ Display a notification on the screen with a clear message about a new order.
You can set up actions in your notification and priority levels, this would be a high level alert, with sound and no actions other than "Tap", Tap opens the app -always running on the background.
The below link will launch you to the Instagram post with the Intro video from the Figma prototype:
Order Acceptance:
Acceptance criteria: Before viewing details, require staff to accept the order with a dedicated button. This ensures we don't miss any orders.
Directly from Figma prototype:
✅ Accept Order 0067: After tapping the notification, you are sent to an in-app notification.
When you press Received, the order changes from received to On time. There's a series of changes that can happen to the order, if a product is no longer available, they use their POS to connect with the client, update the cart and collect payment at pick up time.
Order Details Screen:
Provide a dedicated screen showcasing all details for each order.
This includes:
✅ A clear breakdown of ordered items with quantities.
✅ Customer name and contact information for easy reference.
✅ A dedicated section for displaying any comments or special requests left by the
customer.
Reject and send email
✅ Accept the order but add time to the delivery time
Pick-up Time Adjustment:
✅ After accepting the order, display a section to confirm the pick up time.
"+5 minutes," "+10 minutes," and selecting a button adds the chosen time to the estimated pick-up time sent to the customer.
Figma Components: Two fixed buttons plus custom that open the phone num key.
Automated Customer Email:
✅ Thanking them for their order.
✅ After accepting the order, the app automatically send an email to the customer:
✅ Stating the estimated pick-up time based on the chosen additional prep time.
✅ Informing them that their order will be ready for pick-up soon. [Order COMPLETE-ISH]
We can add time to the pick up time and each change will tigger a new email to the client with the new delivery time. You cannot add more time if the pick up time is less or equal to five minutes.
Order Completion:
✅ A dedicated "Mark as Ready" button on the order details screen. Clicking this
button should:
✅ Update the order status on the app to reflect it's prepared.
✅ Trigger an automated email to the customer:
✅ Thanking them for their order.
✅ Stating their order is now ready for pick-up.
Phase II Plan:
Order History: Maintain a record of past orders for a specified period (e.g., daily history). This allows us to easily track completed orders and manage our workflow.
The app should integrate with our inventory management system or have a built-in feature to:
○ Track treat quantities in real-time.
○ Mark treats as unavailable when stock runs low.
By developing this app, we aim to significantly improve our order management efficiency, ensure a seamless pick-up experience for our customers, set realistic expectations with adjustable pick-up times, and improve customer satisfaction by notifying them promptly when their orders are ready.
If you are looking to have your MVP, feature or product validated, let me know and we can work on a prototype that adjusts with your technical requirements. Visit us at https://cabanadata.com/en
