Mobile Application Case study
Foodel
Consultation
A complimentary consultation is the first step in our mobile app development approach. Below you'll find the results of our conversation with Foodel.
User Stories
After the consultation we ran a story creation workshop with Foodel. Below you'll find the results of the workshop and how the stories were prioritized.
Must Have
Nice to Have
Maybe Later
Wireframes
Foodel required both design and development services so our design team created wireframes to show how the user stories will be integrated into the final product.
Iterations
After sizing up the stories for Foodel, we grouped them into iterations that can can be developed and tested in a 1-2 week time frame.
Iteration 1
Week 1
- Design and development environment setup
- Database selection and setup
- Asset collection and review
- Wireframe review
Iteration 2
Week 2-3
- Landing Screen Design & Development
- Login Screen Design & Development
- Register Screen Design & Development
- Database configuration for user registration & login
Iteration 3
Week 4
- Menu Selection Design & Development
- Database configuration for menu selection star rating system
Iteration 4
Week 5-6
- Breakfast, lunch, dinner, dessert, snacks and drinks menus design and development with client's assets
- Database configuration for individual meal star rating system
Iteration 5
Week 7-8
- Individual meal pages design and development with provided assets
- Implement star rating system using previously developed database configuration
- Create front end design and backend development for review system on details page
Iteration 6
Week 9-10
- Design and develop order summary (shopping cart) screen
- Develop a local shopping cart state and enable 'Add To Cart' buttons on menu and details screens
- Connect order summary page and shopping cart state
- Develop financial calculations for order summary page
Iteration 7
Week 11-12
- Design and develop 'payment method selection' screen with credit card slider
- Integrate credit card processing through financial institution using API
- Add Paypal as a payment method for faster checkout
- Develop backend tie-in to record order details per client
Iteration 8
Week 13
- Design and develop post-order summary screen as a form of receipt and tracking
- Add 'Repeat Order' button for easy re-ordering
Iteration 9
Week 14
- Design and develop a slide out menu attached to the burger-menu-selection icon
- Link the 'Menu' icon to the main 'Menu Selection' screen
Iteration 10
Week 15-16
- Integrate Zendesk into app for client support ticketing system
Iteration 11
Week 17
- Design and develop 'Profile' screen allowing users to edit basics like name, email, phone, address, and password.
Iteration 12
Week 18-19
- Design and develop 'Settings' screen allowing users to edit their preferences like payment methods, not showing out of stock meals, and selecting dark mode
Iteration 13
Week 20-21
- Design and develop the 'Subscription' screen where users can sign up and modify their meal subscription
Iteration 14
Week 22
- Design and develop the 'My Orders' screen where users can see past orders
Iteration 15
Week 23
- Release
- Emergency support standby as website is tested with live traffic
Technologies used
Once we had the iterations laid out, we were able to choose the most fitting technologies to build Foodel a modern, secure, and scalable mobile app. Here is a list of the technologies we used:
Challenges & Wins
As with most projects, Foodel had some unique requirements that required creative solutions. Below you'll see how we approached these challenges.
Foodel had a large list of feature requests with a limiting time frame.
Foodel had a large list of agile stories (feature requests) that required nearly double the alloted time. This is quite common amongst our clients as we encourage them to think big.
Using an agile approach we prioritized, sized and iterated their stories to provide them with an app release that would help them achieve their desired business outcomes.
This allowed them to get up and running in their 6 month time frame giving them the ability to build their business, generate profits and plan for the next app release with extended features.
Foodel needed a robust support ticketing system to integrate into their app.
As a food delivery service, Foodel wanted a robust ticketing system, ideally with an integrated chat system for support. After some discussion, we settled on the Zendesk platform.
Unfortunately there was no native integration for Zendesk within React Native so our development team rolled up their sleeves and built custom integrations with Zendesk's mobile SDK.
Being weary of time and budget, the chat system didn't make it into the first app release but is slated for the next release.
The Foodel team provided digital assets that weren't compatible with high resolution mobile screens
As our design team was working with the images provided by the Foodel team, it became clear that they weren't shot with the right resolution and lighting for display on mobile screens.
We worked with the Foodel team to re-shoot the images with better lighting, layout, and resolution for optimal compatibility with their mobile application.
Facebook released a major React Native update that included security improvements and code rework.
Our team puts major focus on app security and after reviewing the changes in the new React Native release we concluded that the Foodel app needed this major update before its release.
We hired a freelance React Native Developer to focus on the code upgrade while our team continued developing the app. Doing this allowed us to stick to the release schedule while making the app more secure.
Midway through the project the app started to drain our test phone's battery.
In month 4 of the project we noticed the application started to drain our test phone battery at an alarming rate. These types of issues have the ability to derail projects so we took this challenge head on.
Our development team combed through thousands of lines of code for 2 days straight and eventually found the issue in a supporting package. We also split the workload so the iteration timeline remained on track.
Project Results
With all iterations completed, we produced a mobile app{" "} that Foodel can be proud of. Below you'll see the effort it took and the consequent results.
Team & Effort
Let's build your Mobile App Together
Fill in the form below and tell us about your project. Feel free to attach your NDA or any supporting documentation. We’ll get back to you within 24 hours.
+1 346-268-7886
Don't hesitate to contact us.
info@tacticapps.com
Please complete the form or email us directly.
Headquarter Location
Houston, TX
77433, USA