12
3 Comments

5 short UX tips with examples you can use to improve your SaaS website

It's Jim here - this week my tips are all about making your SaaS website sexier and more believable. This way visitors are more likely to sign up and give it a try.

Estimated read time: 2 minute & 10 seconds.

Tip #1: Show many features in one visual with annotations

"Show, don't tell".

That's a golden rule to follow in your SaaS website.

Show me your SaaS, don't describe it to me. There are many ways to do that.
One of them is screenshots with annotations. It's easy, fast and engaging and you can show many features at the same time!

rechain product shot annotations

Tip #2: Your content leads your UI

In your SaaS, your content leads your UI. For example:

Look at the beautiful hearts floating around the testimonials.
Content is about happy users and happy vibes. The UI should visually reflect that, and heart shapes is one way to achieve that.

Of course there are many more ways that I will share in the next weeks. Keep an eye on my tweets or DM me if you have a good example to share!

testimonials

Tip #3: Be specific on what you offer

Be specific and then try to be some more.

That's rule #1 for your SaaS website content, and marketing content in general.

Here is an example from Travelperk a SaaS making $50M of ARR.

Travelperk offers

Tip #4: Make your social proof short, exciting, and specific

Social proof is one of must-have components in your SaaS website.

Avoid making it boring with classic testimonials.

Try to make it short, exciting, and specific.
Here is an example from Basecamp.

basecamp social proof

Tip #5: Add some motion in your UI and make it sexy

UI motion, is a great way to make your SaaS website stand out.

In detail, it's a great tool to use when you're presenting your product features and don't want to show the whole SaaS UI.

Here is how Typefully is doing it, and truth to be told it looks pretty sexy.

typefully animation

See you next week — Jim


Join 1005+ indie makers getting better at SaaS UX design

posted to
Icon for series Love at first try | SaaS Design tips
Love at first try | SaaS Design tips
on October 25, 2022
  1. 1

    UX for SaaS is no different, SaaS UX design best practices:

    • Simplify the registration process.
    • Use onboarding to clarify functionality for users.
    • Streamline information architecture so that it is intuitive and minimal.
    • Engage and inform users about KPIs with dashboards.
  2. 1

    Great tips with great examples. Thanks!

    1. 1

      Thanks a lot Elle! :)

Trending on Indie Hackers
From building client websites to launching my own SaaS — and why I stopped trusting GA4! User Avatar 39 comments I built a tool that turns CSV exports into shareable dashboards User Avatar 33 comments The “Open → Do → Close” rule changed how I build tools User Avatar 31 comments I lost €50K to non-paying clients... so I built an AI contract tool. Now at 300 users, 0 MRR. User Avatar 23 comments Everyone is Using AI for Vibe Coding, but What You Really Need is Vibe UX User Avatar 23 comments Learning Rails at 48: Three Weeks from Product Owner to Solo Founder User Avatar 19 comments