The digitization of the supply chain for the HoReCa industry.

Ristoply is a B2B service for restaurateurs and suppliers. It digitizes the process of purchasing raw materials for restaurateurs, and the selling process for HoReCa suppliers. For this project, we have created an iOS and Android app for restaurateurs, a WebApp for suppliers together with a landing page that presents the entire service offered by Ristoply.

ristoply screens app UI overview

MVP - Minimum Valuable Product: when “less is more” becomes a successful strategy.

We started from an idea of the Founders, who had many years of experience in the world of the HoReCa supply chain, and we added our experience in the launch of MVPs for startups. The goal was to create an innovative product that would accelerate the digitalization of the B2B agri-food chain. We decided to adopt an agile approach. The analysis of the target helped us select the most important features for the MVP. This way, we were able to manage Founders' requests in the best possible way for the product. The Lean methodology allows us to release a well-rounded product to the market. We make sure that all of the functionalities always add value to the product rather than just confuse the user. Below we present - the initial functionalities requested by the customer VS the functionalities agreed for the product launch.

1. Live chat between suppliers and restaurateurs
pin icon
2. Multi-login for multiple members of the same restaurant
pin icon
3. Sending orders
pin icon
4. Navigation per supplier’s catalogue
pin icon
5. Sub-account for multiple restaurants owners
pin icon
6. Statistics on expenses
pin icon
7. Favourite suppliers and products
pin icon
8. Push notifications
pin icon
9. Multilingual app
pin icon
10. Advanced offline functionalities
pin icon
1. Live chat between suppliers and restaurateurs
pin icon
2. Multi-login for multiple members of the same restaurant
pin icon
3. Sending orders
pin icon
4. Navigation per supplier’s catalogue
pin icon
5. Sub-account for multiple restaurants owners
pin icon
6. Statistics on expenses
pin icon
7.  Favourite suppliers and products
pin icon
8. Push notifications
pin icon
9. Multilingual app
pin icon
10. Advanced offline functionalities
pin icon
arrow down icon
1. Navigation per supplier's catalogue
check icon
2. Sending orders
check icon
3. Favourite suppliers and products
check icon
4. Statistics on expenses
check icon
5. Basic offline functionalities
check icon
1. Navigation per supplier's catalogue
check icon
2. Sending orders
check icon
3. Favourite suppliers and products
check icon
4. Statistics on expenses
check icon
5. Basic offline functionalities
check icon

User journey definition.

The first product we worked on was the app for restaurateurs. Once the target was defined and all the necessary functionalities were established, we focused on the purchase funnel. We analyzed some possible flows that would lead the user from the first to the final action of sending the order. After experimenting with more solutions for some micro-flows, we have designed the definitive UX, so that it is fluid and pleasant for the user.

ristoply flux diagram
ristoply flux diagram
Tap on the image to zoom in.

From wireframes to the user interface.

The transition from the flowchart to the wireframe is essential to start visualizing more clearly how the user experience, the management of spaces, and the positioning of CTAs will look like. The next step was defining the UI. Based on the Visual Identity that Ristoply had already defined, we designed a fresh and dynamic interface. We improved some cornerstones of the Brand, such as the color palette. The use of correct typography, custom images, and illustrations have helped to add value to the final product.

ristoply screen of cart UI reveal
ristoply screen of statistics
Ristoply My orders UI reveal animation

UI components: let’s define the style.

Working in a lean way also means facilitating product development. For this purpose, we created a library of components that were used by the Devs Team. Following a clear and consistent style guide makes their work more efficient.

The digital solution for suppliers: the web panel.

We have taken care of developing a smart and intuitive platform for suppliers to improve their order management. Moreover, WebApp allows suppliers to access all the statistics, reports, and details on their customers. Below, a new digital system that improves the entire sales system.

Speed to market.

A new product is always a challenge. How did we measure interest in our solution without a complete product? We have created www.ristoply.com, a landing page dedicated to both restaurateurs and suppliers, which shows the advantages of the service offered. The landing page also contributed to lead generation through its simple contact form. In this way, the Founders were able to acquire contacts of people interested in the product and notify them as soon as the app was available in the stores.

landing page restaurateurs
landing page suppliers

Tech solution.

kotlin logo
spaghetti pasta
a close-up of a plant
tomato
egg
ristoply home screen mockup

Download the app!

appstore badgegoogle play store badge