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
Your SaaS Isn’t Failing — Your Copy Is. User Avatar 42 comments Veo 3.1 vs Sora 2: AI Video Generation in 2025 🎬🤖 User Avatar 34 comments Solo SaaS Founders Don’t Need More Hours....They Need This User Avatar 33 comments Planning to raise User Avatar 14 comments The Future of Automation: Why Agents + Frontend Matter More Than Workflow Automation User Avatar 12 comments From side script → early users → real feedback (update on my SaaS journey) User Avatar 11 comments