NAVIERE

QR-based Ordering System Mobile Web Application for Cafe & Restaurant

Overview

We developed a QR-based ordering system with real-time menu updates and an admin CMS to boost efficiency and hygiene. Using dynamic QR access and clear scope control, the project launched two weeks early.

Scope

Project Management, Design Supervision

Industry

F&B

Objective

Enhanced Hygiene

Offers a contactless option, reducing the spread of germs from shared physical menus. 

Real-Time Menu Updates

Enables instant updates to menus, specials, and pricing without printing, keeping customers informed. 

Cost Savings & Operational Efficiency

Streamlines operations by allowing customers to place orders, reducing manual order-taking and miscommunication.

Frees up servers to focus on providing better customer service rather than just taking orders and delivering menus.

Team Member

Gather requirements & lead kickoff

Coordinate client feedback & design

Oversee testing & project delivery

  • Gather requirements & lead kickoff

  • Coordinate client feedback & design

  • Oversee testing & project delivery

Create layouts & prototypes

Refine designs with feedback

Deliver final assets for dev

  • Create layouts & prototypes

  • Refine designs with feedback

  • Deliver final assets for dev

Build UI skeleton & flows

Implement features & CMS

Fix bugs & support testing

  • Build UI skeleton & flows

  • Implement features & CMS

  • Fix bugs & support testing

Define API & DB schema

Develop backend & CMS

Support QA & bug fixes

  • Define API & DB schema

  • Develop backend & CMS

  • Support QA & bug fixes

Timeline

Product Summary

Landing Page

Customers can pick how they want to order whether to dine in or grab it to go. Ensuring a simple and intuitive start to their ordering journey.

Product List

Customers can easily browse the menu and explore categories. Each item comes with a photo, price, and quick add button making it simple to pick and order without any hassle.

Product Detail

Customers can include custom notes to specify preferences or special requests. This ensures greater clarity in orders and accommodates individual needs.

Order Summary

Customers can review their order with quantities and prices, while also confirming whether dining in or taking away. For dine-in orders, the page includes a required field for entering the table number.

Challenge

Product

Challenge

How might we ensure that the mobile web ordering system is only accessible to customers physically present in the restaurant, since access is initiated by scanning a QR code?

Solution

Implement a dynamic URL that refreshes every 5 minutes. This way, customers must rescan the QR code to place an order, ensuring access is only possible on-site.

Client

Challenge

Client requested additional features mid-project, outside the agreed scope and requested changes risked timeline delays and budget overrun.

Solution

Communicated clearly about scope boundaries and contract terms.

Presented impact analysis like delayed product delivery for requested changes.

Result

Delivered Project 2 Weeks Ahead of Schedule

Accelerated delivery by two weeks, demonstrating strong planning and team coordination.

Create a free website with Framer, the website builder loved by startups, designers and agencies.