Products First Touchpoint

Learn how we designed and built a marketing site that reduced the need for 1-on-1 demos, empowered users to make informed decisions, and increased self-signups, saving time and driving engagement.

Spiffy Marketing Site Design Overview
  • Role Designer & Developer
  • Product Marketing Website
  • Made with Spiffy Team

The new site makes it effortless to understand the product. We can now focus on scaling instead of answering the same questions over and over.

- Michael, Spiffy Co-Founder

The Challenge

The previous Spiffy Checkouts marketing site left users confused about the product's value. Key features and benefits were difficult to find, leading to frustration and an over-reliance on time-intensive 1-on-1 demos.

User pain points:

  • Users couldn't tell how Spiffy Checkouts would solve their specific needs.
  • Poor navigation made finding relevant information a hassle.
  • Lack of detailed product feature pages left potential customers unsure about the product's value.

Our goals:

  • Empower users to self-serve and reduce the need for 1-on-1 demos.
  • Clearly communicate product benefits with detailed feature pages and testimonials.
  • Drive more signups by simplifying the decision-making process.

Research & Discovery

Data-Driven Insights - We analysed demo feedback, support tickets, and site analytics to identify user pain points. Users frequently asked:

  • "What makes Spiffy different from other checkout tools?"
  • "How can Spiffy fit my specific use case?"
  • "What are the pricing options?"

Feature Expansion - The product had evolved significantly since the old site's launch. Users were unaware of key new features like embedded checkouts and flexible payment plans. Our research prioritised showcasing these capabilities effectively.

Iterative Discovery - Early insights informed wireframe testing and navigation prototypes. We validated ideas with users to ensure the new site met their expectations.

Old vs New Spiffy Marketing Site

Design & Implementation

Feature-Driven Benefits

We structured the site around user benefits, showcasing how Spiffy Checkouts solves key pain points. Each benefit was backed by detailed product features, testimonials, and demo videos to build trust.

Your Role

Messaging Alignment - Collaborated with co-founders to craft messaging that clearly articulated product value and addressed user pain points.

Hands-On Development - Owned the front-end implementation using HTML and CSS to ensure pixel-perfect design fidelity and seamless performance across devices.

Key Features
  • User Testimonials: Integrated real customer stories across the site to build credibility.
  • Demo Videos: Added targeted demo videos to help users visualize product use cases.
  • Feature Pages: Created dedicated pages with interactive visuals and detailed product information.
  • Transparent Pricing: Designed an intuitive pricing page to simplify decision-making.
Spiffy Marketing features

Impact

Increased Self-Signups

Users were able to make purchasing decisions without requiring 1-on-1 demos.

Reduced Demo Overhead

Significantly reduced time spent on manual demos, freeing up resources for scaling.

Improved SEO & Traffic

Higher traffic and better rankings due to more targeted, optimised pages.

Enhanced Feature Discovery

Users gained better understanding of product capabilities through clearer feature pages.

Learnings

Benefits-First Approach - Positioning benefits as the core of the messaging made it easier for users to understand the product's impact and value.

User Behaviour Insights - Observing user behaviour post-launch allowed us to refine navigation and content for even greater clarity and ease of use.

Cross-Team Collaboration - Close collaboration with stakeholders ensured alignment between business goals and user needs, leading to a more cohesive site experience.

Summary

The new Spiffy Checkouts marketing site was designed to empower users, reduce manual effort, and drive engagement. By combining data-driven design, feature-driven benefits, and seamless collaboration, we created a site that increased self-signups, improved product comprehension, and set the foundation for scalable growth.

Spiffy Marketing Site Design Overview

Design that makes a difference. Together.

I'm passionate about collaborating with ambitious teams to create products that people love and that make a positive impact. If that sounds like you, I'd love to hear about your project.