Loading...
LeafyLuxe
Project overview
LeafyLuxe is a vegan restaurant with an emphasis on dishes made from natural and organic products.
My goal was to create a modern and user-friendly website for the restaurant with online ordering and reservation capabilities.
I am responsible for the design, development, and deployment of the website. I worked closely with the client to ensure that the website meets their needs and expectations. I also provided training and support to the client to help them manage the website after launch.
User needs
-
Easy to Use: Users want a simple site. They need to find info fast. They should be able to see the menu, search for food, and order or book a table easily.
-
Clear Details: Users need to know where the restaurant is. They also want to know when it's open and how to call. The type of food should be clear too.
-
Order Online: Users should be able to see the menu on the site. They need to pick food, change their order if they want, and pay without trouble.
-
Book a Table: Users want to save a table for a meal. They should be able to pick a day and time. They also need to say how many people are coming and if they have any food needs.
-
See the Food: Users like to see good photos of the food and the place. This helps them know what to expect before they visit or order.
-
Works on Phones: Users want the site to work well on all devices. It should look good on phones and tablets too.
-
For Everyone: Users with special needs should be able to use the site. It needs things like text for images and ways to use it without a mouse.
Categories, Search and Filters
When viewing an online menu in a restaurant, the client should be able to quickly find the menu item of interest by searching by dish (in a category or in the entire menu) and/or filter the menu according to his preference.
The categories were placed at the top of the site because this is the main filter for most clients. Additional filters have been moved into a separate block, which is always accessible from all devices when scrolling the site.
People want to eat healthy now. So I made it easy to find food clients like:
- Pick foods with good stuff in them
- Choose how it's cooked
- Avoid foods that might make you sick
Many people care about what's in their food. So I added:
- A way to pick low-calorie meals
- Info on protein, fat, and carbs for each dish
Ordering, checkout and payments
It is easy to order food online:
- Add food to your cart
- Change your order if you want
- Tell us where to send it
- Pay safely
Orders are added to both the customer and administrator dashboards and have different statuses(pending, paid, delivered) over time.
Reservations
A reservation system has been developed for the restaurant. Features: reservations for tables, events, weddings or other events.
You can pick dates from today to the end of this year. Why?
- It's hard to plan too far ahead.
- You can't book for past days.
This makes it easy to book a table.
Authentication and authorization
Login and registration pages were developed to log into user and administrator accounts. If necessary, the owner has the ability to grant administrator rights to a specific user.
Added the ability to log in through third-party services, such as Google, Facebook, Instagram, as this guarantees huge audience coverage.
Registration via email requires confirmation of the address using the link. The ability to recover user's password is also implemented.
Admin and user dashboards
Depending on the role, after authorization there is a redirect to a dashboard where the user and administrator have different statistics.
The user has access to the history of orders and personal reservations, while the administrator has access to lists of orders and reservations for all users, as well as the ability to create and edit categories and products.