Fender

A website for Acoustasonic, the guitar that pushes creative boundaries.

A person is playing a Fender guitar on stage under red lighting.
A person is playing a Fender guitar on stage under red lighting.
A person is playing a Fender guitar on stage under red lighting.
Websites

Summary

ArcTouch and AKQA helped Fender create the Acoustasonic website for the launch of the new version of this innovative guitar.

This responsive, mobile-friendly website features stunning visuals, delightful scrolling animations, and fully rendered 3D models of this all-in-one instrument that pushes the boundaries of musical creativity.

Get to know the Acoustasonic

Experience the Acoustasonic® Player Telecaster®, an all-in-one instrument to push the boundaries of your creativity.

Explore the guitar in 3D

Interact with animated 3D models of the new streamlined and stage ready fully hollow body design.

Shop for an Acoustasonic

Explore all the models to find the right guitar for you, from the studio to the stage, and purchase online when you’re ready to jam.

Highlights

Explore the Acoustasonic family of instruments

Fully responsive website built in Next.js and React.js

Complex parallax views triggered by scrolling

Buy direct from Fender with ecommerce integrations

Integration with 3D models

Animations created with GSAP

Mobile-friendly

Built in React.js and Next.js

3D Designs

Interact with fully rendered 3D models

Animations

Animated visuals and parallax scrolling

Two acoustic guitars by Fender with different finishes (one sunburst and one white) are positioned side by side outdoors with a blurred cityscape and waterway in the background.
Screenshot of the Fender website, featuring a orange color guitar, displayed against a white background with text reading "HEAR THE FULL SONIC RANGE" to the right of the website.
Screenshot of a web page displaying the Fender website by ArcTouch. The page features text describing it as "The New Hybrid" and contains a button prompting to watch a product film.
Screenshot of a web page displaying three Fender guitars: Acoustasonic Telecaster, Acoustasonic Stratocaster, and Acoustasonic Jazzmaster, each with a brief description and a "Shop now" button on the Fender website.
Person in a white shirt playing a Fender electric guitar under colorful stage lighting.

Insights from our big brains

Best practices and forward-thinking ideas for strategy, design, and technology on our blog.

illustration of website elements and ArcTouch's accessibility logo

Development

12 web accessibility best practices: A starter list

5 min. read - April 16, 2024

a headless white colored humanoid robot holding a computer

Development

How to choose a headless CMS

5 min. read - March 8, 2023

Human shakes hand with robot in front of an app design board.

Design

How designers can use AI to help generate mood boards

5 min. read - May 7, 2024

See More Insights

Related work

A can of Liquid Death is placed among an array of human skulls.

Liquid Death

A website to quench your thirst with some killer water.

Exterior view of an Applebee's restaurant at dusk with illuminated Applebee's signage and lighting.

Applebee’s

A website for Eatin’ Good in the Neighborhood.

Image Attribution

1

Images from Fender

Contact us.

Let's build something lovable. Together.

We help companies of all sizes build lovable apps, websites, and connected experiences.