Website Case study
Beach Hop
Consultation
A complimentary consultation is the first step in our website development approach. Below you'll find the results of our conversation with Beach Hop.
User Stories
After the consultation we ran a story creation workshop with Beach Hop. Below you'll find the results of the workshop and how the stories were prioritized.
Must Have
Nice to Have
Maybe Later
Wireframes
Beach Hop 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 Beach Hop, 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
- Header design
- Navigation design
Iteration 3
Week 3
- About Us Section design
- Feature section design
Iteration 4
Week 4
- Testimonial section design
- Booking section design
Iteration 5
Week 5
- Footer Design
- Miscellaneous page designs, i.e. privacy, terms, etc
Iteration 6
Week 6
- Booking section form submission development and testing
Iteration 7
Week 7
- User Acceptance Testing
- Final tweaks and 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 Beach Hop a modern, secure, and scalable website. Here is a list of the technologies we used:
Challenges & Wins
As with most projects, Beach Hop had some unique requirements that required creative solutions. Below you'll see how we approached these challenges.
Beach Hop had a short deadline and a large list of stories (AKA feature requests).
This challenge is common amongst our clients as we encourage them to dream big and list out every possible feature they could want.
We then used an agile approach to prioritize and size up the stories. This showed them what we could realistically complete in their time frame.
Overcoming this challenge from the start helped to create predictable design and development iterations.
The Beach Hop team wanted their landing page to contain several images that could negatively affect load times.
Tourism websites tend to focus on images to sell their experience packages. This can have a severe impact on page load times which negatively effects search rankings and overall user experience.
We were able to solve this by using Gatsby's innovative image plugin to lazy-load all images. This reduced load times from 7s to 2s.
Implementing a robust booking system with integrated calendar and payments.
Beach Hop had a significant time constraint when it came to their required release date. After prioritizing their stories we found that there would not be enough time to implement a robust booking system.
The Beach Hop team realized that if they wanted to go live within 2 months with all their required sections designed and developed, they'd have to settle for a basic booking system to start.
The robust booking system was moved to the next release and Beach Hop was able to go live within the required deadline.
The executive team at Beach Hop wanted to change the scope mid project by introducing a chat bot.
Being an agile development company, the Tactic Apps team welcomes changes mid development. We communicated with the CIO that any change requires flexibility in scope, budget and/or time frame.
They selected flexibility in scope but after careful consideration, the chat bot was downgraded to a "nice to have" feature and was put off until the next release.
Tactic Apps had one of our lead developers fall ill midway through the project.
Like any other company, our employees and contractors may fall ill or deal with family emergencies from time to time. This rarely effects the outcome of a project.
Since Tactic Apps uses a agile approach, our next available software engineer was able to get up to speed in a matter of hours by combing through our iteration plans and standardized code base.
Project Results
With all iterations completed, we produced a website{" "} that Beach Hop 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