Briefs & more

Explore

Acquisition landing page(s)

Mobile use-case version

At your computer use case

HVAC use case

"Form up top" landing page

Building HVAC landing page

Card reader ecommerce

Overview

About us

We are CardFlight. The product we create is called SwipeSimple.

SwipeSimple is software that small businesses use to accept credit card payments on their mobile phone or computer.

Previously, SwipeSimple was sold through resellers. We did not sell to small businesses directly. The website for that service is here:

https://home.swipesimple.com⁠

⁠

With the launch of SwipeSimple Connect this year, small businesses will be able to sign up with us directly. We will provide SwipeSimple software as well as the banking part of the relationship.

The “mini site” for the new product/service is here:

https://home.swipesimple.com/connect⁠

password speakfriend

This project

We need help building the first acquisition landing page for a new product/service.

The first place we’ll use this landing page is for a Google Search ad campaign.

The emphasis is on design (Figma files) for this project. But if you can build in Webflow, we may be interested in that.

Objectives

Give merchant all the info they need to know about SwipeSimple to confidently apply

Idea is to keep them on this page, where conversion is the focus.

I don’t think it’s necessarily a loss if they click to another page on the mini-site to learn more, however. the data will show us if that’s a problem or not.

Highest possible conversion rate (application submitted) for qualified leads

Brand guidelines

We have fairly limited brand guidelines - but it is documented here

https://sites.google.com/quo.agency/ss-branding-guidelines/digital-assets/social-posts⁠

⁠

Some general guidelines:

We want this to match our existing style, as expressed on our 2 websites. (linked above)

We do NOT want to introduce new fonts or colors.

We prefer not to introduce new graphic elements, unless strictly necessary

User journey

Sitemap

This page will live under the /connect/ directory.

Page will not be visible in any site nav

We’ll use the same top nav and footer as the SwipeSimple Connect mini-site

Also please note:

I’m proposing we place the lead-gen form directly on the landing page.

Here’s the acquisition landing page in context of the mini-site sitemap (top right)

⁠

Assets

Figma files

I can give you our existing Figma files for our website if that’s useful?

Copy

Section 1 - intro

Head: The simple way to accept credit card payments.

Sub: Get paid the way you want, when you want. SwipeSimple Connect lets you to send invoices, take credit cards, and even create payment plans.

CTA: Get started

Section 2 - the product

Headline: A credit card system so simple it doesn’t need an instruction manual.

Content blocks, similar to the ones you built here:

⁠

⁠

4 blocks, but perhaps a bit more like this (photo, big name, subhead. no button.)

⁠

⁠

copy

Block 1

Headline: SwipeSimple Terminal

Subhead: Accept credit cards and print receipts with a convenient all-in-one device.

Block 2

headline: Mobile App

sub: Take payments with your phone or tablet. Quick Item makes it a snap to charge any custom amount

Block 3

Headline: Virtual Terminal

Sub: Take payments right in your web browser, over the phone or in-person.

Block 4

headline: Invoices

subhead: Let customers pay online with secure payment links.

Section 3 - pricing

similar to this from Square. Certainly do not want to copy. But we like how big and obviously transparent this is.

⁠

⁠

headline: No hidden fees.

subhead: Transparent pricing means you’ll pay the same rate for Visa, Mastercard, Discover, and American Express cards.

$0 No monthly fee. No batch fee. No statement fees. No PCI compliance fee.

2.6% + 10¢ per transaction for in-person payments made by card or contactless device

3.5% + 10¢ per transaction for keyed or card-not-present transactions

$15 chargeback fee

⁠

Section 4- bullets

Our competitors’ landing pages have “bullets” sections that are displayed as icons, like this:

⁠

We developed several value props, to be displayed like the above example. Copy here:

FINAL: How we talk about core SwipeSimple Connect features and capabilities [fka SwipeSimple basics]⁠

⁠

But wait there’s more copy

I don’t think you need more copy, but placing this here so you have access to everything we have:

⁠

Error⁠

⁠

Note: this was an import from a Notion doc. So if it looks weird, here’s a PDF (landing page content starts on p. 8):
Bell Curve landing page copy.pdf
824 kB
⁠
⁠