Grubmarket Enterprise Ordering

cover image

GrubMarket is to local produce what Etsy is to handmade crafts. The online retailer allows consumers to shop direct from farmers and independent producers—from the convenience of their phones.

GrubMarket asked Viget to help design a MVP, chat-oriented platform that would allow chefs to discuss, negotiate, and order goods in bulk.

The final product was actually two apps: one for restaurants and one for Grubmarket's support staff.

I led the UX design on this project, doing:

UI Design

Sketching, interaction design, prototyping, and guerilla usability testing.

Final asset production

Creating screen-ready assets for their development team.

Discovery

Grubmarket had been selling to chefs for some time. The unconventional decision to create a chat-based ordering system was driven by insights they had learned, namely:

Support rep app

Multiple support reps are on call to answer questions and take orders from any restaurant. This shared channel presented some interesting needs like

screens in the support flow

Preventing collisions

Because the chat channel is shared among support staff, it’s important to prevent multiple people from responding at the same time.

When someone is currently typing, a cue is inserted adjacent to the message input. A similar one appears in the main menu.

anti-collision features

Sharing knowledge

Simple notes can be added to each restaurant. This helps reps share and remember important details about their customers, so that they can serve them better. A planned enhancement to this screen is tracking order history.

view and edit customer notes

Consumer app

While ecommerce was considered for the future, the first release of the app would rely on reps handling orders. In a sense, the app was used as a high-touch research tool to determine the best way to handle orders from restaurants.

screens in the consumer flow

Taking orders

We kept the consumer experience simple for the first iteration. Aside from chat, we offered users easy access to the price list and inventory through a custom keyboard.

Users can browse the list by scrolling, or use the typeahead to quickly filter the list. If they want, they can add the item and quantities into the chat stream, preventing extra effort. A planned enhancement is remembering oft-purchased goods.

typeahead menu of goods

Credits

Agency
Viget
UX Design, Visual Design
Todd Moy
Project Management
Becca James