Pre-order Form

I was asked to create a system for customers booking for groups of more than eight people to submit their food orders in advance. This request came from both the front-of-house and kitchen staff at El Santo, a popular Latin American restaurant in Glasgow City Centre.

The team wanted a simple and convenient way for customers to pre-order their meals and notify the chefs of any allergies. The system needed to be user-friendly on both desktop and mobile devices. Additionally, they requested that the submitted orders be exported into a well-organized, professional-looking document, branded with the El Santo logo. This document would be used both in the kitchen during meal preparation and at the table to ensure each guest receives the correct order. Having printed pre-orders would also serve as a useful reference in case of any complaints.

Date of Project

July 2024

Process

Research & Planning: Brainstormed ideas on how to tackle this project. I used Wordpress as that was what the existing El Santo website was hosted on. I had to research which form plugins had the option to export submissions as a PDF.

Form Layout: When creating the form, I wanted it to be flexible for any party size. I used conditional logic to have the correct number of guest field sections depending on the answer of party size. This means that if a guest says their party size is 10, only 10 sections will appear, 1 for each guest. I did this to created a seamless user experience, and to avoid confusion for guests filling in the form. The form is functional for up to 50 guests in a single booking.

PDF Export: For the PDF, I had to use HTML to create my desired layout. This was a learning curve for me as I hadn't used HTML since University, but I was up for a challenge. The PDF would automatically generate when a submission is made and would be sent via email to the El Santo staff email address, which automated the process.

Project Update: Since completing this project, the El Santo website has moved from Wordpress to Framer, and the form is now hosted on InfinityFree. The pre-order form still has the same functionality.

View Form