The logic and associated figures had been produced as a complex Excel document, using multiple sheets and calculations to first work out the cost of ownership, covering purchase price, fuel, insurance and taxes.
The single-page application was required to sit within a pre-existing web page, independent of the host site.
Building with React
We created a design using Adobe XD which was used to test and refine a UX, which while having a number of variable options within the interface, had to be extremely easy to use, and fit within a mobile screen design.
Building this app in React was a smart choice as it allowed us to take advantage of some of React’s key features, such as its component-based architecture and the Virtual DOM, to provide high application speed and performance and ultimately create a smoother user experience.
With the design signed off, and a beautifully hand coded web app created, it was supplied to the technical team within Halfords for upload into their website.