Our Solution
The solution was a web app which could be installed on any of the Mitre retailer sites and accessed by one click by the user. The app was styled like a pop-up which could be closed at any time, but allowed the user to input their requirements in return for a ball recommendation. Some of the questions the users were asked included:
- Player age
- Intended ball use (e.g. match, training…)
- Playing surface
The app then presented the user with a recommended ball for their needs, including a shortcut to view the ball in the shop and links to the ball’s features and benefits.
The user was also able to navigate through the app, meaning they could go back and change their mind or correct any details. The user interface was designed to be inviting and user friendly.
The app was a success because it emphasises Mitre’s position in the market and presents them as the experts in their field. It also suggests that Mitre want to go the extra mile to ensure customer satisfaction. From a user point of view the ball selector is handy, especially if the ball is a present or you are new to buying football kit.
The Tech
Our first instinct was to look at multiple JavaScript libraries, but it became clear that none of them would be able to fit into a small deployable package. So, we decided to write solely in vanilla JavaScript using a modular approach that would include a module for each style of questions, whether this be drag and drop, full width questions, or half width questions with images.
An exciting part of this project was investigating and testing the algorithm which ranks the balls according to the user’s needs.
For the storage of data we chose a simple JSON structure, with a file per retailer. When being built this was compiled alongside the main application code, generating a zip for each retailer.