Restaurant Commerce and Management App

Horion Digital reached Yoobi Sushi, a London based sushi restaurant chain. Owners at Yoobi Sushi were looking to build a responsive e-commerce web app along with some usefule business process management tools. We worked closely with Yoobi Sushi team members Laurent and Joshua to build a useful one of it's kind business tool that will support their rapid growth for the years to come.

PROJECT SUMMARY

PROBLEM

Business owners were looking to build an e-commerce web application with online food ordering facility as well as business process management app for administrators and staff. The new application with different user instances had to interact in real time among: e-commerce customers, admins and cashier at the point of sale in the restaurant and sushi chefs. Chefs had to not only see the incoming orders, but manage availability of certain menu items if they run out of ingredients. The new system also had to be integrated with third party service providers like Lightspeed.

PROCESS

Separate responsive interfaces with specific focus on important daily tasks were developed for administrators, e-commerce customers and kitchen staff. To enable a seamless interaction among the key users, our team developed a RESTful API model that would allow to transfer data instantly that’s generated from any interaction on the platform. A well organized API model was the key to making this project a dynamic tool, that interacts and communicates with 3rd party services seamlessly.

RESULTS

We built beautiful one page responsive Angular web applications with Node.js running in the back and supported by MongoDB database. E-commerce web app users are now able to enjoy improved menu selection experience, easy account management, faster checkout process and reordering capability.

For managers, an entire infrastructure from user account management, to order management, flexible restaurant specific menu management, statistics, content management, restaurant sites and locations coverage capability settings were built. The entire business sales operations can now be managed from a single unified and integrated platform, which makes this product an integral part of the company.

Project Name

Yoobi Sushi E-commerce and Business Management Application

Site

http://loveyoobi.com

Client

Yoobi Sushi

Year

2016

Platform

Responsive web application

Teams

UX, Front-end & Back-end Development, Q & A

Technology

AngularJS, Node.js / Loopback, Bootstrap

3rd Party Integrations

Point of Sale machines, Lightspeed

Server

AWS - S3 and EC2, CloudFront, NGINX HTTP

User Experience Review

Together with client we did an in-depth study of interfaces and features, which were proposed with the first batch of designs and app maps. This approach helped to analyse user flows, interfaces and interactions.

Following this we did some research and checked if proposed features are all feasible in the preferred technology stack constraints. This process did not prevent us from proposing changes along the way, as better methods were uncovered in user flows that could provide more value for the end users.

A functional and technical documentation was created as a result of multiple discussions with the key stakeholders of this project. Together we set the ground for common understanding and expectations of the end product result. Next we began a clearly defined and documented development process.

Interactive Front-end Coding

The challenges we faced in front-end coding were found in a feature and interactions rich user interface. Making a responsive web app render equally well across a range of different device screen sizes, browsers and operating systems was a challenging task. We set out to make this as our priority number 1, as a lot of traffic to Yoobi Sushi website comes from mobile devices.

Effortless Menu Display Experience

Yoobi Sushi honed the experience of food ordering online.  Featured sushis and top deals were added on the top of the menu page for a better customer reach followed by a horizontal tabbed menu experience with minimalistic icons as the subcategories below. With an instant 0.5 second tab loading experience, this makes a perfect restaurant menu experience.  

Third Party Integrations

The web app is integrated with several third party services, which extend the product and help run the business more efficiently.

Lightspeed POS (Point of Sale) simplifies the day to day activities of the in house waiting staff, cashier and sushi chefs. Regardless of whether the orders were placed in house or through the online ordering app, the purchase details are printed out and visible by staff. It also helps to keep all business data in one place and simplify the process of getting more insight about the business. 

Future integrations is something that we think about when building each product for our customers. With the power of well designed application programming interface, we don’t limit our customer’s app to it’s core functionality and leave the doors open for the future. Our client will be able to integrate with any other third party service providers and further augment the product experience.

Featured Technology

Our app is supported with carefully selected technology stack. We select services that are the best match for the client’s business.

AMAZON S3

Holds all static resources including angular app itself. Amazon S3 servers are optimised for serving static files, therefore it’s perfect for Angular App.

AMAZON EC2

This service was chosen for Yoobi Sushi API service. It is easily scalable and maintainable, which will not become a bottleneck when app’s traffic grows.

NODE JS

With modular approach, we used Node to make Yoobi Sushi technology future proof. It will not restrict us for a single server and will be easy to make future updates or upgrades.

Conclusion

Yoobi Sushi online ordering application is a big step forward for a restaurant chain located in London. The business provides outstanding customer experience and extend staff capabilities with supportive technology.

The team we had pleasure to work with are client oriented and investment in this new platform just makes the case. The company plans to expand and open more restaurants over the upcoming years, so we made sure that the platform is scalable to the last bit.