Website Case study

Tackis

Consultation

A complimentary consultation is the first step in our website development approach. Below you'll find the results of our conversation with Tackis.

Project On Device(s)
Company Name: Tackis
Location: Austin, TX
Industry: High Speed Internet
Development Type: Website
Scope: Design and Development

User Stories

After the consultation we ran a story creation workshop with Tackis. Below you'll find the results of the workshop and how the stories were prioritized.

Must Have

Index Card Background
A header that captures attention and explains the key competitive advantages.
Index Card Background
Sign in, sign up and customer service information available on every page
Index Card Background
After the header, lay out the main features of Tackis internet
Index Card Background
Allow users to check for availability after features
Index Card Background
Show users a pricing table with unique features for each pricing tier
Index Card Background
Testimonials section on the front page
Index Card Background
Footer with additional links for checking network status
Index Card Background
An internet page with features, pricing, signup process steps and disclaimer
Index Card Background
An about page telling the storey about Tackis and introducing the team
Index Card Background
A contact page allowing users to contact Tackis through phone, email, live chat or via a form
Index Card Background
A news page for blogging about the community news
Index Card Background
A color scheme that meshes with Tackis's current brand colors

Nice to Have

Index Card Background
Network check re-design to fit with new website design
Index Card Background
My Account page re-design to fit with new website design
Index Card Background
Register page re-design to fit with new website design
Index Card Background
User backend dashboard re-design to fit with new website design
Index Card Background
Wordpress integration as a CMS for NEWS section
Index Card Background
Social media links

Maybe Later

Index Card Background
AI chat bot integration for FAQs
Index Card Background
Chat bot integration with Zendesk to provide customer support
Index Card Background
A knowledge base repository for common internet problems
Index Card Background
Austin local weather integration
Index Card Background
Twitter integration to showcase latest tweets and customer experiences
Index Card Background
Newsletter signup with auto-responders

Wireframes

Tackis 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 Tackis, we grouped them into iterations that can can be developed and tested in a 1-2 week time frame.

Iteration 1

Week 1
  • check
    Design and development environment setup
  • check
    Asset collection and review
  • check
    Wireframe review

Iteration 2

Week 2
  • check
    Color scheme selection based on web app
  • check
    Header design and development
  • check
    Navigation design and development

Iteration 3

Week 3
  • check
    Feature section design and development
  • check
    Availability section design and development
  • check
    Pricing section design and development

Iteration 4

Week 4
  • check
    Testimonials section design and development
  • check
    Footer design and development
  • check
    Page header design and development

Iteration 5

Week 5
  • check
    Internet features section design and development
  • check
    Internet pricing section design and development
  • check
    Internet signup steps section design and development

Iteration 6

Week 6
  • check
    Internet disclaimer section design and development
  • check
    About Us story section design and development
  • check
    About Us team section design and development

Iteration 7

Week 7
  • check
    Contact Us page design and development
  • check
    News page design and development
  • check
    News post page design and development w/ Wordpress integration

Iteration 8

Week 8
  • check
    User acceptance testing and bug fixes
  • check
    Release
  • check
    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 Tackis a modern, secure, and scalable website. Here is a list of the technologies we used:

Client Side:
html5 HTML5
css3 CSS3
tailwindcss TailwindCSS
javascript JavaScript
typescript Typescript
gatsby Gatsby
Jest
Tools:
git Git

Challenges & Wins

As with most projects, Tackis had some unique requirements that required creative solutions. Below you'll see how we approached these challenges.

Case study challenges
Tackis had a strict 2 month deadline with a large list of stories they wanted addressed.
plus

At Tactic Apps we always encourage our clients to think big so we can capture the maximum amount of stories. Tackis did just that and we discovered many re-design requirements that would not fit into a 2 month release schedule.

Since the Tactic Apps team uses an Agile iterative approach we were able to prioritize the Tackis stories to satisfy the immediate need of a modernized website in a 2 month time frame.

Tackis now has the option to get further integration with re-design of legacy systems on the next release cycle.

Tackis was considering AI and chat bot integration to relieve their customer service teams.
plus

At first, the Tackis team simply wanted an informational website that would also serve as the front end to their customer login portal. This began to evolve as we started created user stories together.

The potential to reduce customer service calls through an AI enabled chat bot for frequently asked questions was added to the list and was rated high on the priority list.

The Tactic Apps team had to show Tackis that this was not a possibility within the first 2 month release schedule and we all agreed to implement this feature properly in the second release.

Tackis had very minimal web page content to provide the Tactic Apps team.
plus

The original Tackis website had very little content so a straight port from the old website to the new one would produce substandard results. The Tactic Apps team suggested a substantial increase in information so clients will have the details they need to sign up.

Increasing the information and image assets produced a much cleaner and complete website that was able to drive their business objective of higher lead generation.

The Tactic Apps team switched to Typescript and TailwindCSS for more robust code.
plus

The Tackis website was the first website we developed using Typescript and TailwindCSS. Making a core technology switch is always a challenge but was crucial in creating a faster website with less bugs for future development.

The Tactic Apps team worked longer non-billable hours on this project and was not only able to create a robust website for Tackis, but also set ourselves up for future success on other projects in the pipeline.

The hosting provider had lag and downtime on the final release day.
plus

In the web and mobile development world we must be prepared to handle issues that are out of our immediate control. On release day the Tackis hosting provider had some major outages that caused lag and downtime.

The Tactic Apps team jumped in to help and moved the website to a more stable hosting provider while the Tackis provider fixed their issues. We had the website up, running and stable within 45 minutes.

Case study challenges

Project Results

With all iterations completed, we produced a website{" "} that Tackis can be proud of. Below you'll see the effort it took and the consequent results.

Team & Effort
users
1
Developers
credit
75
Hourly
calendar
2
Months

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.

phone

+1 346-268-7886

Don't hesitate to contact us.

mail

info@tacticapps.com

Please complete the form or email us directly.

location-pin

Headquarter Location

Houston, TX
77433, USA

Tactic Apps Logo
Tactic Apps

We bring your vision to life by developing modern web and mobile applications focused on the end user experience.

© All rights reserved. 2022 TacticApps.com
Contact Us
phone

+1 346-268-7886

mail
location-pin

Houston, TX
USA

Contact Us
phone

+1 346-268-7886

mail
location-pin

Houston, TX
77433, USA

© All rights reserved. 2022 TacticApps.com