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
1 small portfolio change got me 10x more impressions User Avatar 29 comments AI Is Destroying the Traditional Music Business and Here’s Why. User Avatar 26 comments Fixing my sleep using public humiliation and giving away a Kindle User Avatar 23 comments A Tiny Side Project That Just Crossed 100 Users — And Somehow Feels Even More Real Now User Avatar 15 comments From 1k to 12k visits: all it took was one move. User Avatar 11 comments Tell me what your business does, I’ll show you the growth loops you’re probably missing. User Avatar 10 comments