Website Case study
Foodel
Consultation
A complimentary consultation is the first step in our website 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
- Asset collection and review
- Wireframe review
Iteration 2
Week 2
- Color scheme selection based on web app
- Header Design and Development
- Navigation Design and Development
Iteration 3
Week 3
- Feature section design and development
- Gallery section design and development
Iteration 4
Week 4
- Download section design and development
- Locations section design and development
Iteration 5
Week 5
- Testimonials section design and development
- Pricing section design and development
Iteration 6
Week 6
- Contact section design and development
- Development for the contact form backend support
Iteration 7
Week 7
- Footer section design and development with Social Media Links
- User acceptance testing
- Minor bug fixes before release
Iteration 8
Week 8
- 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 website. 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 list of user stories that, when iterated, exceeded their development deadline.
The Foodel team had a moderately sized list of user stories but many of them were large and could not fit into their 2 month deadline.
Using an agile approach we prioritized, sized and iterated their stories to provide them with a website that provided the core functionality they needed to promote their mobile application.
They now have the option to integrate the remaining user stories for their next release.
Foodel considered converting their presence website into a web application to enable ordering.
Instead of simply promoting their mobile application, the Foodel team considered building a web application to mimic their mobile app.
The Tactic Apps team showed Foodel that this wouldn't be possible in the 2 month time frame by iterating through the web application.
It was decided that promoting their mobile application would remain their main goal in the first iteration of their website.
Not all digital assets were provided at the beginning of the project.
Foodel had a small team of people with many responsibilities. Unfortunately they were unable to deliver all the high resolution images required for all the sections of the website due to other commitments.
Instead of pausing the project, the Tactic Apps design team proposed using some high quality stock images that fit well with the design. These were accepted and allowed the project to remain on track.
Due to much back and forth on user story priorities, selecting a development technology was challenging.
For general website design and development, the Tactic Apps team will use a static site generator like Gatsby. However, due to the potential of converting this website into a web application on the second release, we decided to work with React.
Using React will save the Foodel Team time and money when it comes time to allow users to order online.
The Google Maps API integration stopped working on release day
On release day the Contact Section on the website showed a big Google Maps error. Tactic Apps provides emergency support so we immediately went to work to locate the underlying cause.
After about and hour we discovered that the credit card on file with Google had expired and needed to be updated. We had the website back to full operation within 70 minutes.
Project Results
With all iterations completed, we produced a website{" "} that Foodel can be proud of. Below you'll see the effort it took and the consequent results.
Team & Effort
Let's build your Website 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