brief() {
Denny’s Pizza and Kebabs is a takeaway business in Wrangle, Boston, UK. Their menu includes a wide range of meals mainly split into three categories kebabs, pizzas and burgers and gives the users the ability to modify their meals, even create their own pizza.
Initially, orders were taken only via the phone and paid in cash. Due to the increasing customer flow they were looking to provide their customers with a more convenient way to buy takeaways. They needed an online platform to allow the users to place orders from any device. The platform was required to reflect their existing brand identity and menu options and delivery regulations. In addition, they required an administrative section that allows them to keep track of their sales and manage their orders.
Technologies used:
- HTML5
- CSS3
- JavaScript
- Webpack
- MySQL
- WordPress
- WooCommerce
- git
Website: dennyswrangle.co.uk
objectives() {
- Design and develop a responsive interface for users to select products and options, checkout and complete their order.
- Implement specific delivery regulations based on postcode and order amount.
- Implement an interface for selection a preferred delivery time.
- Automatic completion of a delivery address.
- Automatic print of receipt when an order is placed.
- Develop a system for managing products, options and orders.
- Email notifications to users and managers about the order status.
approach() {
Work on the project began with research on existing online takeaway ordering platforms – Deliveroo and JustEat. These inspired the user interface layout for listing meals and their customisation options.
Next, identified were multiple RESTful web services. Google Distance Matrix was used to support the calculation of distance to the customer and to comply with delivery requirements. Google Cloud Print powered the automatic receipt printing. getAddress.io service was used to facilitate the selection of delivery address.
outcome() {
Delivered was a platform built with WordPress and WooCommerce that reflects business brand identity and successfully transferred their existing work flow on the web.
results() {
The system is in use to date.
