Callaway | Digital Design Case Study

Callaway

0

3

/

Campaign page | Digital Design | Webflow Development

level up your golf with ai

With new AI-driven technology, the Elyte Driver is set to revolutionize the driver market. This limited-edition “Sandstorm” model deserved a fitting presentation - so I designed a bold, campaign-focused launch page.

01/

project details

/my role

I handled everything - from idea and design to development in Webflow. The images are sourced from CallawayGolf.com. With no existing graphic identity in hand, I created the visual style on the website myself, taking inspiration from the driver's design elements.

/

PROJECT TYPE

Fictional

Callaway Golf

/

time

1 week

2025

/

members

Johan Pettersson

/

scope

Campaign page | Digital Design | Webflow Development

02/

about case↓

/background

As a curious golfer, I love checking out new clubs and the latest tech that promises to work wonders for your game. But recently, I’ve noticed a new trend: more golf brands are releasing limited versions of their newest clubs - sometimes with unique designs, special concepts, or collaborations with fashion and sports brands.

/solution

Limited edition clubs are usually reserved for the most expensive club in the bag: the driver. For some, it’s a investment tied to a love of golf and aesthetics - for others, a shiny new toy until the next limited edition club drops. But what none of them get is an experience. These exclusive clubs are often buried on a regular product page, losing all sense of rarity. So, I created a campaign page for the new Callaway Elyte “Sandstorm” Driver to change that.

/results

A user-centered experience has been created, allowing the user to explore the impressive golf driver through an innovative scrolling journey. The conversion-focused one-page site features anchor point buttons that follow the user through the page elements, making it easy to quickly scroll down to the purchase section. The driver has been given premium packaging that justifies the higher price and enhances the exclusive feel of a limited-edition product.

03/

UX & ANALYSIS↓

/discovery

Limited edition drivers are on the rise - bold designs, unique concepts, high-profile collabs. They look exclusive and carry a premium price, but on the website, they’re treated like any other club. Just another product in the grid.

The current site is a solid, standard e-commerce - clean, functional, well-designed. But that’s exactly the issue. When a limited edition club costs more without offering new performance, it needs to feel different. It needs to sell an experience, not just a look.

/process

Nowadays users expect more than just specs and images. They want something to engage with - something that captures attention and makes them want to keep scrolling. My strategy was to start by analyzing the current product page, mapping out its structure, and identifying where we can add interactivity, elevate the storytelling, and present information in a more compelling, visual way.

/results

The user experience of browsing and buying the limited edition product has now been reimagined. Users can now engage with the content and embark on a journey as they scroll - discovering the story, design, and unique value behind the club.

Since the site is a one-pager, the navigation bar uses anchor links to give users quick access to different sections. I wanted the “Order Driver” CTA to remain visible as much as possible, even while users enjoy the animations and scrolling effects. To achieve that, I made the button sticky in key sections. It also functions as an anchor link, taking users directly to the bottom of the page where they can select their specs and complete the order.

mockups/

mobile

mockups/

desktop

active

click here to view project

/website desktop

With no graphic identity in place, I created the visual style of the website from scratch - drawing inspiration from the driver's design itself. I wanted the pixelated Sandstorm concept to feel alive, turning the buying journey into more of an experience. “Order” buttons follow the user throughout the site, making it easy to click and jump straight to the final driver customization before ordering.