Key Moments

Design Tips to Convert More Customers | Design Review

Y CombinatorY Combinator
Science & Technology4 min read24 min video
Oct 26, 2023|46,294 views|1,059|38
Save to Pod
TL;DR

Website design tips to improve customer conversion by focusing on clarity, calls to action, and user experience.

Key Insights

1

Clarity in messaging and calls to action (CTAs) is crucial; avoid overwhelming visitors with too many options.

2

Simplify the conversion funnel by reducing unnecessary steps and friction points to reach the 'aha' moment.

3

Visuals should clearly demonstrate the product's value and how it works, especially for software or creative tools.

4

Social proof, such as testimonials or user counts, builds trust and encourages conversions.

5

Address potential user objections upfront, like 'no credit card required' for free trials, to reduce hesitancy.

6

For complex products, guide users through the initial experience with clear tutorials or onboarding.

7

Repeating CTAs throughout the page increases the likelihood of conversion.

8

Multiple sign-in options (e.g., Google, Facebook) can reduce sign-up friction.

THE IMPORTANCE OF A CLEAR CONVERSION FUNNEL

A conversion funnel outlines the user's journey from landing on a website to completing a desired action, such as signing up or making a purchase. This process involves multiple steps, and optimizing each stage is critical for increasing conversions. Both clarity of message and the user's path significantly impact whether a visitor becomes a customer. The goal is to guide users seamlessly through their journey, ensuring they understand the product and its benefits at every step.

MAXIMIZING CLARITY AND CALLS TO ACTION

Websites often struggle with too many competing calls to action (CTAs), leading to visitor confusion and inaction. The 'paradox of choice' suggests that fewer, clearer options lead to better outcomes. For instance, the Rivet website presented multiple CTAs like 'Click to Start,' 'Sign Up,' and 'Open,' creating ambiguity. Experimenting with a single, prominent CTA can often improve engagement and conversion rates by directing user attention effectively.

STREAMLINING THE USER JOURNEY AND 'AHA' MOMENT

Reducing friction in the conversion funnel is key to helping users reach their 'aha' moment – the point where they realize the product's significant value. Decoherence's AI video generator, for example, reduced sign-up barriers by offering a free trial with no credit card required and easy Google login. Mapping out the entire funnel and identifying/removing unnecessary steps can significantly improve user experience and conversion rates, bringing that moment of realization closer.

THE POWER OF VISUALS AND SOCIAL PROOF

Effective website design leverages visuals to showcase product functionality and benefits, especially for complex software. Decoherence's use of output examples and process demonstrations helps users understand its AI video generation capabilities. Similarly, including social proof, such as user testimonials, case studies, or large user counts (like Inevent's 1.1 million events managed), builds trust and credibility, which is vital for convincing potential customers, especially for high-stakes services like patent writing.

ADDRESSING OBJECTIONS AND PROVIDING GUIDANCE

Proactively addressing potential user concerns can significantly boost conversions. Stating 'no credit card required' or explaining the sign-up process clearly helps alleviate apprehension. For intricate products like AI patent writing or event management software, clear guidance is essential. This can involve zooming in on key features, using text overlays in demos, or implementing gentle onboarding tutorials within the product to ensure users feel supported and can easily navigate the platform.

THE STRATEGY OF REPEATING CALLS TO ACTION

Repeating CTAs strategically throughout a webpage increases the chances of conversion by providing users with accessible prompts at various points in their journey. Decoherence, for instance, repeated its 'Start Free Trial' CTA at the top, mid-page, and bottom. Similarly, Inevent featured a sticky 'Book a Meeting' button that remained visible as users scrolled. This consistent reinforcement ensures that interested visitors can easily take the next step without having to search for the CTA.

IMPROVING PRODUCT DISCOVERY AND UNDERSTANDING

When a product offers multiple functionalities, clear communication is paramount. Inevent's website initially caused confusion by using ambiguous language like 'Go Beyond Live Events,' making it unclear if it managed in-person or virtual events. Distilling key features and presenting them linearly down the page, rather than burying them in tabs or sliders, ensures that crucial information is seen by a larger audience. Specificity in headlines and descriptions helps users quickly determine if the product meets their needs.

THE ROLE OF MULTIPLE SIGN-IN OPTIONS

Offering various sign-in methods, such as integrating with existing accounts like Google or Facebook, can significantly lower the barrier to entry for new users. Decoherence's use of a Google login for immediate access exemplifies this approach. By eliminating the need for users to create and remember new credentials, companies can reduce friction in the sign-up process, thereby increasing conversion rates and making it easier for users to start experiencing the product.

Website Conversion Optimization Tips

Practical takeaways from this episode

Do This

Use a single, clear call to action where possible.
Repeat your call to action throughout the page.
Embed forms directly on the page instead of using pop-ups or separate pages to reduce friction.
Offer multiple sign-in options like Google or Facebook to reduce friction.
Provide clear guidance or onboarding within the product for first-time users.
Address user objections directly on the page (e.g., 'no credit card required').
Use social proof (testimonials, user numbers) to build trust.
Zoom in on key features or areas in screenshots/videos, potentially blurring the rest.
Use text overlays and slow down videos to highlight important information.
Ensure CTAs are visible and sticky as the user scrolls.
Be specific upfront about what your product does and who it's for.
Map out your conversion funnel and identify steps to cut to reach the 'aha' moment faster.

Avoid This

Have too many competing calls to action that confuse users.
Require users to open new tabs or go through confusing processes to try a demo.
Make the purpose of the website or product unclear.
Have a sign-up process that discourages users.
Leave users on their own within a product without guidance.
Use confusing UI elements or present errors without explanation.
Bury important features or information behind tabs, sliders, or multiple screens that users might not reach.
Make it unclear who the product is for.
Require too many steps or clicks to reach the core value proposition.
Hide primary calls to action or navigate users away from the main content unnecessarily.

Common Questions

A conversion funnel is the series of steps a user takes from landing on a website to completing a desired action, such as making a purchase or signing up for a service. It maps the user's journey towards a specific goal.

Topics

More from Y Combinator

View all 189 summaries

Found this useful? Build your knowledge library

Get AI-powered summaries of any YouTube video, podcast, or article in seconds. Save them to your personal pods and access them anytime.

Try Summify free