Upload
alex-lee
View
966
Download
1
Embed Size (px)
Citation preview
SaaS Home Page Teardown:
Agree’nSign
By Alex Lee
SaaS Website Copywriter & Strategist
Marketing That Sells LLC
Some details I point out are very small.
View in full screen mode for the full experience!
In this presentation,I’ll tear down the nitty gritty details like website:
• Layout, Navigation, and Design,
• Copy (the words), and
• User experience and onboarding
for Agree’nSign’s home page: www.agreensign.com
- a SaaS electronic signature company.
I’ll show you my personal experience using it and show you ways I would improve the website for better conversions.
Ready? Let’s get started!
Alrighty. We’ve just landed on www.agreensign.com for the first time. Let’s see what we have here.
I like the big and clear company logo.
The tagline is very straightforward which is good.
But, it does nothing to distinguish itself from its 20 other competitors who offer the same “sign documents online” service.
The tagline is very straightforward which is good.
But, it does nothing to distinguish itself from its 20 other competitors who offer the same “sign documents online” service.
How about a coffee shop with the tagline “Drink Coffee Here”?
Not too compelling huh?
This is a great screenshot showing the product in action.
Would have been even better as a product introduction video.
Maybe a realistic document title like “Project Agreement” would have been more convincing than “Testing 123”
Scrolling customer testimonials up top? A bit out of place if you ask me.
Scrolling customer testimonials up top? A bit out of place if you ask me.
This one is too long, the bottom half is cut off . Also, it scrolls too quickly (every 5 seconds) that I can’t read any quotes all the way.
Scrolling customer testimonials up top? A bit out of place if you ask me.
This one is too long, the bottom half is cut off . Also, it scrolls too quickly (every 5 seconds) that I can’t read any quotes all the way.
It would be better to place testimonials below – after you’ve sold me on the service.
Scrolling customer testimonials up top? A bit out of place if you ask me.
This one is too long, the bottom half is cut off . Also, it scrolls too quickly (every 5 seconds) that I can’t read any quotes all the way.
It would be better to place testimonials below – after you’ve sold me on the service.
You can also strengthen testimonial credibility by adding customer photos and linking them to their Linkedin or Twitter profiles. This shows they’re real people.
Scrolling customer testimonials up top? A bit out of place if you ask me.
This one is too long, the bottom half is cut off . Also, it scrolls too quickly (every 5 seconds) that I can’t read any quotes all the way.
It would be better to place testimonials below – after you’ve sold me on the service.
You can also strengthen testimonial credibility by adding customer photos and linking them to their Linkedin or Twitter profiles. This shows they’re real people.
But don’t forget to get their permission!
Do people want to sign up free – just because?
Or do they want to try the product first in a free trial?
Do people want to sign up free – just because?
Or do they want to try the product first in a free trial?
How about “Start my 30 day free trial” ? Or at least “Start my free trial”?
Oohhh, a free demo.
Oohhh, a free demo.
Wait.. But aren’t demos supposed to be free? The word “free” seems redundant.
Also, it would have been great if this black text was “Try Signing a Sample Document!” because it tells you what the demo actually is.
Oohhh, a free demo.
Wait.. But aren’t demos supposed to be free? The word “free” seems redundant.
Also, it would have been great if this black text was “Try Signing a Sample Document!” because it tells you what the demo actually is.
And this button “Try this demo now”
Oohhh, a free demo.
You hate spam. So what?
How about “Don’t worry, we won’t spam you” ?
That would have been much more meaningful to visitors.
Wait.. But aren’t demos supposed to be free? The word “free” seems redundant.
Also, it would have been great if this black text was “Try Signing a Sample Document!” because it tells you what the demo actually is.
And this button “Try this demo now”
Anyway, let’s give it a try.
Off we go!
Okay. Let’s see what we have here. I’m assuming this is the document name.
Okay. Let’s see what we have here. I’m assuming this is the document name.
The word “Demo” does not make this entirely clear though. Something like “Sample Document” would have made it obvious that this is the document title.
Here’s my e-mail.
Here’s my e-mail.
Um.. why is this box cut off on the right side?
Here’s my e-mail.
Um.. why is this box cut off on the right side?
Would be great if it was two separate words. “To Do.”
Okay, so this list confuses me.
Okay, so this list confuses me.
I’m guessing this “Text Entry” is supposed to be the “Date” form field. But it’s not too clear.
Let’s see if this checkbox checks off when I fill in the date.
It did check off. As expected. Great!
How about these?
Um… I checked off the box in the document but the box on the To Do list didn’t follow suit?
Neither did this radio button…
Okay.. Well let’s try signing this thing.
Pretty straight forward.
Pretty straight forward.
Looks like I can choose to draw or type in my signature. Let’s draw it in!
Please excuse my handwriting. Now let’s click this to see what happens.
Yay! Here’s my signature. That’s nice.
Yay! Here’s my signature. That’s nice.
“Please Sign” is also checked off. Good. It would be nice if these names were the same though. Like “Try Signing Here” in both the document and the list.
Yay! Here’s my signature. That’s nice.
“Please Sign” is also checked off. Good. It would be nice if these names were the same though. Like “Try Signing Here” in both the document and the list.
Still not sure why the 3 check buttons are not checked off. Makes it seem like the document is not complete when it is.
Let’s scroll down to see what’s below.
Oh? A sign up link to their free trial account. Unfortunately, clicking it does nothing. Looks like a link but can’t be clicked.
Oh? A sign up link to their free trial account. Unfortunately, clicking it does nothing. Looks like a link but can’t be clicked.
I can’t click these either. And, I’m not sure why they list their Twitter and Facebook accounts here. This demo should focus on getting people to sign up – not subscribe to your social media accounts.
Anyway, since I’m done with the form, let’s press “Accept” to see what happens.
Working…
Okay, so we’re back on the homepage..
Okay, so we’re back on the homepage..
But I’m not sold yet.. Again, it would have been better if the document title was “Sample Document” It sounds better and is less confusing than DEMO.
Okay, so we’re back on the homepage..
But I’m not sold yet.. Again, it would have been better if the document title was “Sample Document” It sounds better and is less confusing than DEMO.
This link would be more powerful as a big green button like the other call-to-action buttons on the website.
Let’s explore the homepage a little more.
It’s generally not good to have two different sections in one row.
I’d personally place this “How It Works” section above the “features/benefits” section that’s on the left.
The heading could be more benefits focused. How about “Get Documents Signed in Seconds”
The heading could be more benefits focused. How about “Get Documents Signed In Seconds”
Instead of 1,2,3,4, maybe a quick and short description would be better. How about something like:“Send, sign, and receive legally binding signatures with one click. You’ll never print or scan documents again. ”
Then, we can go into listing the other benefits below it.
But before we do that, lets look at this section.
These headers.. They can sound a little more human and conversational.
These descriptions should all have periods at the end. They are sentences right?
Well this one isn’t but it should be. Consistency is key.
Also, if you were describing this product to a person in front of you, would you say this word for word?
Probably not.. They would stare at you weird.
Some of these accompanying images could be more effective and convincing as large screenshots of the product in action
Like this one for example. How about showing a screenshot of the page where you keep track of all the documents instead of a person with a checkmark on it?
This will help visitors visualize the product in action.
And this one could be a photo of one or more of your customer service reps –ready to receive your call. Much better than a nautical life ring.
Now let’s see how a SaaSwebsite copywriter would spice this section up to make it sound more convincing and human.
Hmm.. I think some of these could be combined to make the claims stronger. How about these two?Something like..
“Getting Signatures Has Never Been Easier”“Simply upload your document and send it to your recipient(s) e-mails. Within seconds, they’ll be able to review and sign your documents electronically.”
For this one, it can be something like
“Manage Documents & Send Reminders”“Keep track of all your documents in one place. And send reminders for pending documents with a click of a button.”
And this one can sound something like:
“Keep Sensitive Documents Safe”“To protect your documents and sensitive data traveling over the web, we use bank-level 128bit SSL encryption.
We also physically secure our servers 24 hours a day to keep your information safe no matter what happens.”
For this, it can be something like
“Have more questions?”“Our US-based representatives are here to help! Contact us at 877-445-4307 to get your questions answered with a smile. ”
Alright. Now let’s scroll down to see what’s below all this.
I’ll talk about how this Call to Action Button could be used later.
Okay now we’re on the second half of the home page. We’ve explained how the product works, and a few benefits it can provide customers above. Let’s see how all that flows and connects with the bottom half.
Hmm.. Why does this section sound like a product introduction that should have been up top?
And this sounds like a continuation of the features/benefits section that was started above.
And this sounds like a continuation of the features/benefits section that was started above.
Some of these details have already been listed above. It’s generally not good to be repetitive. Saying things over and over makes visitors not want to read anything at all.
So let’s remove the details that have already been stated above. And add new details below the benefits section we’ve started above.
This one hasn’t been stated before. Let’s make it better.
How about something like:
“Customize Your Signing Experience”“Brand your page with your company logo. And choose colors to match your brand. That way, the signing experience is not just easy, but professional too. ”
And for this, how’s something like:
“Increase Signature Response Rates”“Our users have noticed up to a 70% increase in signature response rates after using Agree’nSign. That’s because we take the hassle and frustration out of document signing.”
The call to action here is 5 statements long. It’s too way too wordy!
The call to action here is 5 statements long. It’s too way too wordy!
And there’s one CTA more hidden here.. Why is this in the bottom menu and not right below where you ask people to take action?
The call to action here is 5 statements long. It’s too way too wordy!
And there’s one CTA more hidden here.. Why is this in the bottom menu and not right below where you ask people to take action?
Like right here!
Overall, when deciding on which Call-To-Actions to use on your SaaS homepage, it’s best to choose one action you want your visitors to take.
You have to think – “What’s the one single most important thing I want visitors to accomplish on this homepage?” and make sure your CTAs reflect that.
Currently, these two call to actions ask visitors to “See Plans and Pricing”
But up top, this button wants visitors to “sign up for a free trial.”
But up top, this button wants visitors to “sign up for a free trial.”
And this demo we tried out also led visitors to a free trial.
Because of this, the call to actions below should also try to convince people to try the free trial.
Not “See Plans and Pricing.”
Taking this into consideration, how about bringing this CTA button down here – AFTER visitors have been convinced with our copy. Not randomly in the middle.
But first, we should simplify the words leading up to the call to action.
Right now, there’s just way too much going on.
How about something like:
“Start Signing Documents in Minutes!”“Try Agree’nSign free for 30 days and see if it’s right for your business.”
And then, for the button itself, it can say something like “Start My 30-Day Free Trial” in big white font.
And below it in smaller font, “No credit card required”
And below the button itself, you can put a small hyperlink that says “View pricing plans.” for anyone who wants to choose a plan right away.
And from here, it’s onto the free trial!
So that’s it!
Enjoyed this teardown?
to get SaaS website research, tips, and teardowns delivered to your inbox!
Thanks a bunch!
Alex LeeSaaS Website Copywriter & Strategist
Subscribe Here