SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez nos Conditions d’utilisation et notre Politique de confidentialité.
SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez notre Politique de confidentialité et nos Conditions d’utilisation pour en savoir plus.
We present to you a deck on how we increased conversions on our SaaS/Cloud application website by making small design changes. We will also share tips on how alter your product website to drive up conversions.
Website optimization for SaaS conversions - muHive
Streamline your SAAS
website for conversions
How small design changes
Distilling SaaS selling to its basics
• Conversion, conversion, conversion
• Increase time spent on the website
(more time spent = more opportunity for conversion)
• Iterate the website design and content
• Validate your iteration with analytics
First some numbers
Avg visit duration
16% in 1
1 signup in March to ≈ 2 signups a
day in September
zero CPC spend
And how big is our
(which don’t matter)
If you are not
converting visitors to
customers, then your
website isn’t working
On an average a
customer spends 15
seconds on your
Aim to communicate
your value proposition
in 10 seconds
Longer your customer
stays greater the
> visit duration
I am not making
The Weibull Hazard Function
“Researchers discovered that 99% of Web pages have a negative aging effect. Users spend their
initial time on a page in ruthless triage to abandon the dross ASAP.
The probability of leaving is very high during these first few seconds because users are extremely
skeptical, having suffered countless poorly designed Web pages in the past” 
More the number of
clicks to get somewhere,
lesser the number of
people getting there
- Prototype stage
- We were selling a concept
- Looking for seed funding
- Released in Q2 of 2011
Things to note
• Design was not original
• Built by developers
• Old logo for muHive
I wouldn’t buy me if
I was buying
Product features page
• Probably the only thing
that matters to a SaaS
• Looked like it was built
in the 90s
• Had lengthy paragraphs
Clearly, it sucked!
1. Developers shouldn’t pretend to be designers
2. Positioning was weak
Basically, we didn’t follow the 5 rules
BUT, our prototype could
talk the talk …
Result: We got our seed funding!
- Immediate focus: create a brand identity
- Seed investor brought design skills
- Released towards end of Q3 of 2012
• Landing page for BETA
• New brand message
focusing on what the
product is all about
Notice the login/sign up link on top? It didn’t exactly do what is says ……
It would take you to a request for account form and then make you wait for
us to create the account on your behalf. (a.k.a. Wizard of Oz prototyping)
• Listed features instead
of showing them
(product was incomplete
at this point)
• Needed 9 clicks
(remember Rule 5?)
Needed to be
A new iteration of the
• Inherited the single
biggest problem of its
predecessor: feature list,
• Outlined our pricing
plans in multiple
currencies, with $ as the
default (hold this
The dollar default … good or bad?
Problem: a company registered in India is
required by the law to show pricing in INR
Dilemma: as a SaaS business, we need to appeal
Pricing in INR
Get IP address of
Pricing in Pounds
IP to Geo database
Pricing in US Dollars
Contact Us page
Was the point of entry to
This was a big mistake
• Not the way SaaS
applications do sign ups
• People needed to click
on the pricing page to
get here. 3 clicks
• Account provisioning
would take anywhere
from 6 to 12 hours
(good enough for Beta)
1. Most received BETA feedback: I don’t
understand what the product does …
2. Customers were hunting down the about us
page and the company genesis page.
3. Analytics showed that people hovered around
unimportant parts of the pricing page
4. Where do I sign up? (actual question by a prospect)
- Focus: Public launch of muHive
- Fixed usability issues from BETA
- Released towards end of Q1 of 2013
A more tangible
Added a “Free trial
We used the “5 rules”
Wanted to appeal to multiple audiences
… so we used carousels on the home page
… those turned out to be a big mistake. Why?
• Lost in transition! Too many messages dilute the
• Few customers will sit through a slow changing
• Customers don’t like carousels. Read more at
• A little less colorful
• Sign-up buttons
However, we saw sign-ups
only for the Free Trial plan.
Why? What had we
The flaw? Inconsistent language.
• Two words, TRY and Sign up were used for the same behavior: a free
• TRY gave customers the impression that Sign up meant pay and use.
• Actual feedback from user: she chose the “Free trial” option because
she didn’t want to give out her credit card details.
(still not working as we expected it)
1. Needed sign ups on all plans
2. People are extremely edgy about giving out
their credit card details (especially in India)
3. Needed to reduce bounce rate of the homepage
4. USP of our product wasn’t visible
5. Why can’t I see a video demo? (actual question by a
- Focus: Delivering the USP
- Value proposition in a one line message
- Released around early Q3 of 2013
What we needed to work on
• Little idea of what a user did within a page (lack
of in-page analytics)
Videos, videos, videos
Users want to know value. Product page spoke
Realized our website was screwed when a blogger covered us
Three must use features of Google Analytics: Events, Experiments,
Events: to track how users use website elements. For e.g.: we add
onClick="_gaq.push(['_trackEvent', ‘Scroll Depth', ’100%']);"
tells us, how many people scrolled to the bottom of a page.
Experiments: to A/B test different UI elements (alternate homepage
Goals: use then to track navigational flows. We use it to see who
signs up, spends time on the website, jumps to our blog etc.
Importance of videos
• Most effective for getting
Video <= 3 mins (attention
decreases with length of
Cheerful background music
Narration by a woman holds
attention longer than by a
See our videos at http://youtube.com/muhivetechnologies
muHive concept video
• Shot in a single day with a
Over 20% of New users click on
the video on the home page.
Highlight our value
proposition in a simple
Voiceover was done by a
professional from Fiverr.com
Two voiceover versions:
American accent and Indian
What changed on the home page?
• No carousels
• Single line product
• Concept video
• Large call to action for free
• Complete performance
Click here to know more
Showcasing muHive automation
A sample automation
designer sits on top
of the product page!
Bounce rate of the
homepage reduced but
people weren’t spending
time on the product page
we needed to explain our product using
videos or screenshots.
Version 4.1 – Products page
• No more descriptive text
• Product screenshots for each feature
with one line explaining its use
#WIN: More than 25% of visitors scroll till the
bottom of the products page which is 6300 pixels
V4 of the pricing page
Single call to action: Start Trial.
Even lesser colors than before
Renamed ‘Free trial’ to ‘Personal’
Emphasized that you don’t need a
credit card for a trial.
#WIN: All plans get sign-ups!
A series of videos + blogs around the automation
Showcasing different uses right on the home page
#WIN: a customer from Italy independently created
an automation by learning from the videos
The same question again
Who are your customers?
We added a “Customers” section on the homepage
and also added an arrow to view more.
#WIN: In 4 days since we put the section, 67 people
clicked on the arrow to see more customers.
Our most surprising discovery yet!
So, let’s add another rule ..…
Customers like to see
other customers who
have bought/used your
1. Remember the 6 rules for SaaS websites
2. Use images and videos in place of text
3. De-clutter your pages and have a clear call to
4. If you are a product company, showcase your
product and your USP on the website.
5. Use analytics to drive your decisions
6. Convert! Convert! Convert!
Keep watching this space!
Problem : Customers want to know if the product
caters to his/her industry and job role. How do we
position our product for different audiences?
We solved this problem by using targeted landing
pages for different industry verticals. More on that
in another presentation
Share this deck with friends
If you think you learnt something from this deck, Click
on the “Share” icon below to share this with your
friends and colleagues.
Ritesh M Nayak
Co-founder at muHive
Co-founder at muHive
databases, information architecture
and evolving role of social tech
social software, information retrieval,
distributed systems and ICT4D