Case study: Fined my Food app
Creating a food delivery and restaurant booking app.
There were two apps to this project, one for customers and one for the business owner.
This prototype is for the customer app and their user experience.
This prototype is for the business owner app and their user experience.
Brief Overview.
Create a new app, that will seamlessly combine the best user experience for internal and external customers. As this app was to go up against some very strong competition this app would need to go the extra mile and be as user friendly as possible with its extensive built in features.
Research On Competitors.
DINES APP
Table Ordering App
User focus
B2B focused
About
The best table ordering experience loved by 100’s of pubs, restaurants, bars, hotels, sports clubs & cafes nationwide. Full support for Discounts & 5% VAT rate changes. Looking to set up table ordering? Want to offer online table service? Not sure if you should let your customers order at table? Let your customers safely order and pay completely contact-free from their table – using a beautiful digital menu. Our streamlined ordering app was designed specifically for pubs, cafes, bars, hotels and restaurants that care about their brand image and want to offer the best possible table ordering service and click & collect experience to their customers.
Price?
The Basic Plan (2.5% + 20p per transaction), or the Growth Plan (1.7% +20p per transaction, plus a monthly fee of £150).
The Growth Plan works out much cheaper with larger volumes, but the Basic Plan is a completely free-to-try model with you only being charged for successful transactions.
Pro
Not Applicable
Sharing / socials
Limited features if anything, socials are also used but very limited to sharing promotions from the restaurant and food awareness days.
Coronavirus
Change the VAT to reference eat out scheme.
They have also created documents to support in this process such as printouts on how to download / use the app etc.
Devices
Web, IOS and Android
Key Features
- Website allows for customer service support
- Map View
- Near me
- Venue and Customer on-boarding in app
- Venue Reviews
- About us and direct contact information
- Key venue images via carousel
- Payment on App (also allows wallet payment)
Branding
Colour
Led by three colour palette. 60-10-30 rule with Blue 60 – Green 10 and White 30.
Typography
Uppercase rounded sans serif, sometimes title case.
Photography
Imagery is heavily focused on the partners and food.
Branding is used as a layer on top.
Tone of Voice
Short
Direct
Offer and partner based
App Design
Navigation
Very simple via split of three main elements (explore, pay and profile)
Can feel busy in areas due to amount of information.
Accessibility
- Consistent navigation
- All on brand with the app
- Partners highligAted through some imagery and texts only
- Some key elements such as type of cuisine not highlighted enough
- Information can be heavy in areas
- Readability areas not great due to use dark mode
- Emphasis in areas using green as a highlight
FLOW
ORDERPAY APP
Table Ordering App
User focus
B2B focused
About
Order and pay for your food and drinks via the OrderPay Mobile App and have them delivered right to your table at 1,000s of bars, cafes, pubs and restaurants across the UK. Order from nationally loved UK chains, such as Stonegate, My Pub and Slug & Lettuce to locally adored heroes, so we have something for everyone.
Order Pay offers a HUGE variety of restaurants that you can choose from making your evening in the city or a takeaway/food delivery night as convenient and delicious as can be!
Pro
Not Applicable
Sharing / socials
No use of sharing features, and not really active on socials other than a presence.
Coronavirus
App was developed at the start of the pandemic and has since partnered with many major restaurant chains to be the partner app where people can order from the table. The app offers limited support beyond that.
Devices
IOS and Android, Business Portal on Website
Availability
United Kingdom only
Key Features
- Map View
- Near me search onlv
- Complete customisation for Venues
- Business Portal (Web)
- About us
- Payment on App (also allows wallet pavment)
Branding
Colour
Black and white only, allows business to customise to own colour.
Typography
Fonts are keep very simple, normal sans serif allowing it to work with all partners.
Photography
Photography is uploaded by partners.
Tone of Voice
Tone of voice is very limited due to not being a active brand online.
Don’t Queue, OrderPay tagline is used throughout.
App Design
Navigation
Split into two Venues and Settings, navigation works by following the flow
Accessibility
- Unconsistant Navigation
- Transitions can be messy
- Key pages are kept simple
- Partners pages allow customisation heavily, colour imagery, profiles
- Customisation means some businesses are lacking content causes user Issues
- Interface is simple but navigation makes it hard work
FLOW
DELIVEROO APP
Food Delivery Service
User focus
B2B and B2C
About
Whether you’re in the mood for an Indian feast, the family are craving a Chinese takeaway, or you’re keen for a late night kebab, Deliveroo will get the best food from top restaurants delivered to your door in no time.
Everything is on the menu. From nationally loved chains, such as KFC and Subway, to local favourites, we’ve got them all just waiting to be delivered to you hot and ready to eat. If you’ve run out of milk or eggs, you can also order that from one of our grocery partners.
Price?
Deliveroo is based on dynamic pricing,
Dynamic pricing (also called real-time pricing, surge pricing, or time-based pricing) is a technique that focuses on setting the price of the product according to its demand and supply but in a smaller time frame. The other factors that are taken into consideration are competitor pricing, the perception of the customer, and the brand value.
Pro
Deliverroo Plus – Pay a monthly fee for no delivery charges and exclusive offers.
Sharing / socials
Share when your delivery is on the way to all major networks.
Coronavirus
Contact free rules have been put in place for the whole of Deliveroo. Including, 2 metre distancing, contact free pickup, delivery contact free and safe distancing always.
Devices
OS and Android, website used for marketing and business information.
Availability
International but dominant in the UK
Key Features
- Map / Location based
- Art Direction used throughout
- Filter based searches
- Invite a friend for credit
- Saved address
- Business reviews
- Image and menu customisation
- Sharing features
- App is process driven
Branding
Colour
Colours used are bright and energetic helping stand out from the app design to the uniform.
Typography
Typography is kept clear with a sans serif font but used with personality.
Photography
Photography is focused on the partners and food with bespoke photography for the brand comms.
Tone of Voice
Friendly
Clear and relatable
Excited and Driven
Social / Community First
App Design
Navigation
Key utilities are through top bar hot keys,
Process driven for restaurant / purchase navigation
Accessibility
- Consistent navigation
- All on brand with the app
- Partners have customisation through imagery and highlights
- Icon stvle used to help identify app features
- Information is always kept clear with colour used to help highlight important information
FLOW
UBER EATS APP
Food Delivery Service
User focus
B2B and B2C
About
Delicious eats. Delivered easily.
Hungry? Get the food you want from the restaurants you love, delivered at Uber speed. Eat what you like, where you like, when you like. Find the local flavours you crave, all at the tap of a button. Browse local restaurants and fast-food favourites for inspiration. Or, get exactly what you’re looking for by searching for a specific restaurant, dish or cuisine. Pizza. Burritos. Burgers. Sushi. If you’re hungry for it, try Uber Eats.
Price?
Uber Eats charges a restaurant 30% of their listed prices for the privilege of delivering their food. For example, Bob’s Deli charges $1O for a burger. Uber Eats would take $3 dollars as a fee for delivering their food.
Sharing / socials
Limited features
Coronavirus
Uses similar rules to Deliveroo Including. 2 metre distancing, contact free pickup, deliver contact free and safe distancing always.
Devices
lOS and Android, Web and within Uber App
Availability
International
Key Features
- Key Offers / Landing page
- Category filter searches
- Restaurant location based
- Full search feature
- Active and previous orders
- Business reviews
- Image and menu customisation
- Order customisation
- User and Business on-boarding
Branding
Colour
Black and white are still central to the Uber brand with the additional green to help should health through the eats brand.
Typography
Typography is kept clear with a sans serif font throughout the brand.
Photography
Photography is focused on the partners. With a illustration style used within the app.
Tone of Voice
Considerate
Simple & Direct
Consistent
Inviting
App Design
Navigation
Key utilities are through bottom bar hot keys, each defined (home, search, orders and account)
Accessibility
- Consistent navigation
- Clear and consistent
- Imagery customisation
- Offers highlighted
- Integrated within the uber app and standalone
- Help and support available within the app
FLOW
Other Competitors
Just Eat
Food Delivery Service
User focus
B2B and B2C
About
Download the free Foodhub app and get ordering from local takeaways and restaurants near you. We’ve got a HUGE variety of cuisines that you can choose from making your takeaway night as convenient and delicious as can be! Fancy a delicious mouthwatering Indian curry, or why not try a gorgeous deep pan pizza? Whatever the cuisine, kick back, relax and let Foodhub take care of you! We’re here to take the stress away!
Glovo
All Round Delivery Service
User focus
B2B and B2C
About
Order anything you want with Glovo and it will be delivered in minutes.
You can order from any restaurant in your city, or from any supermarket and shop.
Food, pharmacy, flowers, alcohol, groceries, games, socks, your favorite burger, pizza, Goiko grill, kebab, tapas, sushi… we can go and pick up your suit from the dry cleaners or bring you the keys you’ve forgotten. You order, and Glovo gets it for you. Find great deals nearby. Save time and money. Enjoy 24/7 delivery service. Anything, anywhere.
FoodHub
All Round Delivery Service
User focus
B2B and B2C
About
Want your favourite takeaway food delivered to your door? You’ve come to the right place. Download the free Just Eat app now and order from a restaurant near you in just a few simple taps. So what tickles your pickle? From perfect pizzas to piping-hot pad thai; crispy fried chicken to classic chow mein; burgers, burritos and everything in between – we’ve got more dishes than you can shake a chopstick at. So whether you’re into Indian, pizza, Chinese, Italian or chicken dishes – your dish is our command.
Outcomes
Branding
Colour
Colour is inconsistent but ether focus on green for health or red
for passion / speed.
Typography
Typography is always kept clear and simple, marketing sometimes can be
more personality led.
Photography
Photography is typically provided by partners or created with partners in mind – sometimes lifestyle led for own brand.
Tone of Voice
Clear and direct
Friendly and simple
Youth driven
App Design
Navigation
Navigation is usually done by consistent navigation bar with ordering via process.
Accessibility
- Clear and consistent text typically a light interface
- Location based search always present
- Image changes per business
- Can search by category or location
- Help and support available within the app
Coronavirus
Coronavirus support is often about being touch free and always keeping social distancing in place. Lack of trace available currently.
Devices
IOS and Android – web used primary for business page and marketing.
Pro
Pro is used as a subscription service for free delivery and exclusive offers.
Sharing / socials
Socials features should allow you to share your order throughout.
Colours
Outcome Features
Branding Concepts
Icon Concepts
Logo Concepts
Typography
Colour Variation Options
App
UX
Sitemap
The site map shows high level user flow / navigation for the app.