mockups of the Grill landing page pasted on a laptop screen and on a mobile device

5x Click-through Rate

How I boosted sales for a struggling product

ROLE

UX Designer

DURATION

March 2021 - May 2021

BUSINESS

Solo Stove logo

COLLABORATORS

Conversion Rate Optimization Manager,
VP of E-Commerce,
Senior UX Designer,
Copywriter,
Graphic Designers,
VP of Brand,
Website Project Manager,
Art Director,
Business Intelligence Manager, and
E-mail Marketing Specialist

INTRO

stock image of four people sitting around a fire pit that is Solo Stove's Bonfire product

solo stove

  • a direct-to-consumer, e-commerce startup specializing in fire pits and other outdoor gear and backyard products
  • launched the Solo Stove Grill in fall 2020

Business Goal: Sell the Grill and keep inventory moving to make profits and expand the product line.

stock image of a group of people seated at a table outdoors. There is a guitar and they are socializing.

solo stove customers

  • people who enjoy the outdoors
  • repeat customers who want to grow their collection of Solo Stove products

User Goal: Enjoy quality time with self, friends, or family by a fire.

THE PROBLEM

The company struggled to sell its charcoal grill, and idle inventory costed money and warehouse space.

stock image of large boxes sitting in a warehouse

THE solution

Leadership decided to launch a Memorial Day campaign highlighting the Grill. As the UX designer, I was tasked with optimizing the conversion funnel by improving the promotional landing page's clickthrough rate so that more customers would complete their purchase on the store website.

a conversion funnel

Initial research

clickthrough rates

Between major campaigns, the Grill landing page performed drastically poorer compared to the landing pages of other products.

a line graph comparing the CTR of the Grill's landing page vs that of other products

competitive analysis

I researched the top charcoal grills of 2021 and discovered that Solo Stove's Grill was marked at a much higher price and offered minimal features compared to other grills. It retailed at $774.99 when popular grills at the time sold for less than half.

The Grill on the left side, and a stack of five competitors' grills on the right side.

best practices

While the landing page was not technically a product page, I studied the Baymard Institute's articles to learn how customers understand and interact with product content.

The biggest takeaway was that customers need factual, basic information about the product before they can appreciate its features and highlights.

a screenshot of a Baymard article on product pages

past purchasers' behavior

The CRO Manager and I looked at user analytics in Heap and found that 20% of past purchasers had visited the Grill's product details page in addition to the landing page.

It was as if customers relied on the product page to validate what they gleaned from the landing page.

bar chart ranking the percentage of purchases that visited webpages

hypothesis

Considering the research thus far, I hypothesized that users will engage more with a landing page that resembles Solo Stove's product details page, not an ad. The landing page would need to be a trustworthy destination that prioritizes and highlights essential information over marketing claims.

audit

I reviewed the existing landing page against Baymard's best practices, accessibility, and usability heuristics. The Brand team had designed this page, so when ownership transferred over to me, I identified several problems:

The full page of the existing landing page with annotations where I marked pain points and usability problems

testing

I also wanted to get potential customers' points of view and recruited participants on UserZoom. I asked them questions focusing on product education, particularly on whether or not they could identify reasons for buying the Grill.

goals

  • Learn how effectively the existing landing page delivers product information.
  • Learn where the pain points are.
  • Learn what participants think of this grill vs similar products.

recruitment

  • 10 participants who have or might be interested in buying a grill
  • Screener question: "Which do you enjoy more: indoor cooking or outdoor cooking?"

format

  • 15-minute, unmoderated interviews / usability tests
  • mobile devices

results

10/10 skipped

over the long chunks of text.

10/10 could not

explain what made the Grill better than others.

8/10 complained

about the lack of concrete details.

a new order of information

The research findings validated the assertion that customers need concrete details before they can appreciate product highlights.

The Baymard Institute's studies offered much guidance on how to structure information and support customers' understanding:

  • Prioritizing imagery and high-level content to orient customers with basic information
  • Followed by social proof to validate product claims
  • Detailed view into capabilities and functionality
  • Additional pieces in the package
  • Product backstory
captions inside rectangles, representing the order of information for the new landing page

desktop and mobile wireframes

I introduced mobile-first to Solo Stove, since 70% of website visits came from mobile devices. These wireframes mimicked the structure of Solo Stove's product details page, which is why I did not draft multiple iterations. In addition to design, I was also responsible for building and launching through Unbounce--a landing page tool--so I needed to create a design that I could feasibly implement on my own. Once stakeholders approved of this direction, I directed the Brand team in providing copy and image assets.

desktop and mobile wireframes for the new landing page

selling the final design

three mockups of the new landing page pasted on mobile devices with numbers corresponding to the list items

It was awkward presenting to the VP of Brand--the stakeholder who directed the original landing page design--but I highlighted 3 main rationales for the design changes.

  1. basic info, upfront
  2. more facts, less fluff
  3. succinct copy

The VP of Brand admitted that the previous approach lacked content strategy and that I infused clarity into the design. All stakeholders approved it for launch.

outcomes

a bar chart comparing the CTR of the new landing page vs the old.

The two pages--the old page as the control vs new--were A/B tested over a two-week period using the landing page builder Unbounce. I achieved the goal of bringing more users onto the site, demonstrating the value of research, testing, and user-centered design.

Accomplishments:

  • The new design saw >15% CTR, compared to the original's <3%.
  • The new design yielded more purchases than the old design. On day 1, the ratio was 40:8.
  • This design became a template for other landing pages.

Home

© 2025 Jason Wong