Case study

“can’t we just have a f*%#@^! printed menu?!” designing for restaurant tech

“can’t we just have a f*%#@^! printed menu?!” designing for restaurant tech

Designing an all-in-one solution that streamlines everything from POS to online ordering for modern restaurants.

Designing an all-in-one solution that streamlines everything from POS to online ordering for modern restaurants.

mobile food ordering app
mobile food ordering app
mobile food ordering app
mobile food ordering app

overview

overview

Explore the journey of creating a scalable design language that transformed restaurant operations, balancing the needs of owners, servers, and diners in one unified platform.

Role:

Role:

UI/UX Designer & React Frontend Developer

UI/UX Designer & React Frontend Developer

Year:

Year:

2020-2022

2020-2022

Designing for Restaurant Operations

As the first design hire at TableNeeds, a startup founded by Tim Jenkins (co-founder of SendGrid), I faced the exciting challenge of creating one of the first ever QR menu ordering experiences from the ground up. This platform needed to cater to quick service restaurants (QSRs), coffee shops, and food trucks, while serving the needs of restaurant owners, servers, and diners alike. But the diners…they didn't like QR menus.

One of the biggest challenges of using early tech, or tech that hasn't been widely adopted, is user trust and education. QR menus were a new thing, especially before Covid. People often complained about wanting a physical menu; strapped restaurant owners were tired of paying thousands of dollars to re-print menus.

My role was pivotal in shaping the user experience of a platform that would streamline everything from point-of-sale operations to online ordering and financial management. The result? A scalable, user-friendly system that's accessible across devices and supports businesses through every aspect of their operations. And in the end, most people didn't mind using it to order their BBQ sandwich.

Discovery & Research

Given the limited availability of existing data, our research approach was highly focused on direct user engagement:

  1. Customer Interviews: Conducted in-depth conversations with restaurant owners, servers, and diners to understand their pain points and desires.

  2. Sales Team Insights: Leveraged the knowledge of our sales team to understand market needs and competitor offerings.

  3. Product Manager Collaboration: Worked closely with the PM to align our design direction with business goals and technical feasibility.

This research highlighted the need for a unified, intuitive platform that could seamlessly integrate various aspects of restaurant operations.

user personas: server, diner, and owner

User Personas

Our design process focused on three key user groups:

  1. Restaurant Owners: The software buyers, seeking an all-in-one solution to streamline operations and boost profitability.

  2. Servers: The primary users of the POS system, needing an efficient and easy-to-use interface.

  3. Diners: Users of the mobile food ordering app, looking for a convenient and enjoyable ordering experience.

Ideation & Conceptualization

Drawing from our research insights, we ideated on solutions that would address the needs of all user groups. Key concepts included:

  1. Unified dashboard for restaurant owners

  2. Intuitive POS interface for servers

  3. User-friendly mobile ordering app for diners

  4. Seamless integration between all components

From Sketches to Design Language

As the first design hire, I had the unique opportunity to create a design language from scratch. The process involved:

  1. Sketching initial concepts for key interfaces

  2. Developing a consistent visual style based on the Ionic framework

  3. Creating a comprehensive component library

  4. Establishing design guidelines for future scalability

The Solution

The final design encompassed several key components:

  1. POS System: An intuitive interface for servers to manage orders efficiently

  2. Kitchen Display System (KDS): Real-time order management for kitchen staff

  3. Online Ordering System: A user-friendly interface for diners to place orders

  4. Scan-to-Order and Scan-to-Pay: Contactless solutions for in-restaurant dining

  5. Menu Management: Easy-to-use tools for restaurant owners to update their offerings

  6. Financial Services Dashboard: Integrated bookkeeping and budget management tools

Impact & results

While specific metrics were not available, the impact of the design work was evident in:

  • Positive feedback from early adopters across all user groups

  • Successful launch and adoption of the platform by various restaurant types

  • Ability of the design system to scale as new features were added

  • Contribution to the company's growth and market positioning

What I learned

This project underscored the importance of:

  1. Adaptability in a startup environment

  2. Eating your own dog food; use the system as a user…lots

  3. Talk. To. Users. I once made a fancy animation that servers hated because the half-second it took to fire was time they were standing there while some guy shouted his order for extra onion rings.

  4. Balancing the needs of multiple user types within a single platform

  5. Close collaboration with sales and product teams in the absence of extensive data

Just eat it

Transitioning from agency life, I learned that you gotta eat your own dog food; use the product and talk to users often. By learning this and creating a comprehensive design language and user experience for TableNeeds, we not only launched a successful product but also laid the foundation for future growth and innovation in the now booming restaurant technology space. We faced a tough battle of competing with giants like Oracle and Uber, but I'm proud of what our small team was able to accomplish. Long-live my local testing environment, CamBuger 🍔.

More to explore

More Projects

More Projects

form meets fun

Made with rage in NC • © 2024 Cameron Campbell

form meets fun

Made with rage in NC • © 2024 Cameron Campbell