A whole new digital experience for ATG Tires complete with a revamped website and android and iOS application that runs in sync with dynamic product data.
When ATG approached us with their brief for a new website and mobile application, we realized we were looking at more than just a design revamp. There was an unusual and unique challenge in front of us. They needed a revamped website. But they needed more than just a revamped website.
ATG’s product catalogue had over 13 tires, each tire with further variants. All in all, we were looking at around 3000 different varieties of tires. Their old website did not have any way to include all this data
The team had three major challenges to break through figure out a way to integrate the huge product data accurately into the website. Develop a robust CMS to incorporate multisite support.Build a seamless mobile experience for both android and iOS that was synced with the website.
Our design brief was clear - we had to make a tire manufacturing business website look fun. We wanted to jazz up the old, static website while also keeping the brand values intact. So we utilized ATG’s primary color scheme of red, white and black and amped up the look and feel with some slightly playful yet bold typography. The “swoosh” was an important aspect of ATG’s branding design and we incorporated it across various elements. Use of illustrative iconography, and elements like explainer videos gave the website a more modern look.
We, then, sought out to replicate and sync everything from web to a responsive, positive mobile application. We imported the colossal data and functionalities into a robust application for both Android and iOS. A load-index calculator was built specifically for the mobile app. Our core focus for the mobile was robustness to handle the high volume data an a coherent user experience.
We built a solution to import the hugely unorganised load index data from manual spreadsheets to a structured system that we put in place. Through multiple iterations, we were able to create an automated process (load -index calculator) that could be used to perform dynamic operations with the variable product data. With a gallery for product images and videos and a new system to input data and perform functions, we were able to bring down the manual effort by 90 percent while keeping the core product functionalities intact.
www.yokohama-oht.com
With the new solution structure, ATG was able to lower their manual efforts for data input and import by 90 percent. The company also received a major rebranding through the brand new website, multisite wordpress support, and android and iOS application.
Next
Discover how your brand can make a bigger impact with our strong community of creatives, engineers, and leaders.
