interactive timeline design – celebrating 60 years of audio-technica

Given Audio-Technica’s exciting and extensive seven-decade history, we wanted the timeline to honour each decade and emphasise their collective impact on the brand’s growth and success. To achieve this, we designed a sticky decade navigation feature within the page. This enabled users to quickly jump from one decade to another, facilitating exploration of the brand’s entire history without the need for endless scrolling. The decade navigation feature also gave the timeline page a distinctive identity, offering a unique and interactive experience separate from the main e-commerce site. Subtle animations of the copy and images, along with a monochrome colour palette, were incorporated to evoke a sense of nostalgia.

Our approach involved utilising Adobe XD for seamless and collaborative page design. By sharing prototypes with the client, we could demonstrate how the page would function and where elements would link to. This collaborative process allowed the client to experience the page firsthand and provide precise feedback. Once the design received approval, we handed it over to the Audio-Technica team for implementation, and we are incredibly proud of the final outcome.