Like many, I use Trello to keep track of all my projects.
Recently, upon returning I noticed that the login form was prominently titled “Welcome back to Trello!”. They understood that I was already a customer, and personalized the landing page to make it easier for me to log in. How thoughtful! This got me thinking, how can SaaS businesses further personalize their landing pages for existing customers?
So, Why Personalization Is Important?
Most of us spend months refining our website content, trying to convert visitors into paying customers. This means that it’s easy to neglect the experience that our existing customers have. The login button is always hidden in favor of a signup form, and the headline is designed to sell us on the benefits of the product.
But if I’m already a customer, I don’t need to signup and you don’t need to keep selling me. This is a missed opportunity. If you were designing a landing page aimed purely at existing customers – not prospects – what would it look like?
I know, how can you tell who’s already a customer and who isn’t? If I’ve already logged into my account, and then I revisit your website, it’s highly likely that I’m already a customer and you should design the experience accordingly. Cookies can help us separate returning prospects from returning customers.
I previously mentioned that it was Trello that gave me the idea for this article, so let’s take a closer look at their design (related: Futurama fans, how amazing is the placeholder text “email@example.com”?).
What’s most striking is the simplicity. You’re only presented with a login form and nothing else. There’s no sales pitch, no navigation, and even no branding! All customers want to do is log in to their account, so let’s make it as easy as possible for them to do just that. These are small details, but they all add up to create the best experience possible!
Highlighting Additional Information
Taking the Trello design further, aside from a login form, what other information can we highlight?
This will be different for every SaaS business. It could be a blog post, company announcement, specific feedback on a new feature, or even some tips on how to use your product more efficiently. What’s key is that we don’t add too much information and keep it simple. Below are 3 ideas that can be applied to a wide range of SaaS businesses.
Sharing your roadmap is a great way to get input from customers and keep them up to date on new releases. You can also take it further by bringing them into the design process and encouraging commenting and voting on new features. As an perfect example, here’s Trello’s public roadmap.
Do you have a referral program that rewards customers for signing up new members? Make them aware of this by displaying the details on your landing page. Trello does a great job of this when people log out, and they invite you to “Share Trello to get free Trello Gold”.
They will need to login to access their unique referral link, but you’re taking a moment to highlight the rewards that are available for users helping to spread the word. Referred customers have a higher lifetime value, and 83% of satisfied customers are willing to refer products and services (source: Ambassador).
Some of the most memorable websites I’ve visited are the ones that have personality. It could be photos of your last retreat, or maybe two of your team members just ran a marathon for charity. Either way, why not share these moments?
Designing the Landing Page
Let’s tie all of this together and design our own landing page. Remember to keep it simple and don’t overwhelm people with too much detail. Aside from the login form I’ve only added 1 extra piece of information.
Items such as “Pricing”, “Learn More” and “Sign up” don’t need to be shown. So I’ve simplified the header navigation to show only links that would be of relevance.
When customers visit your website, all they want to do is log into their account. So it’s important to make sure that the login form is the most prominent element on the page. If you take only one thing away from this article, this should be it.
The area to the right of the login is used to highlight additional information that’s aimed at existing customers. I chose the product roadmap, but you should experiment with what information to show here. Again, it could be referrals, company announcements, or something completely unique to your SaaS business.
Need an Account?
If by chance the person viewing your personalized landing page isn’t already a customer, you need a way for them to easily learn more about your SaaS business. The original website can be accessed by scrolling down, or by clicking on “Need an account?”.
- Personalize your landing page for existing (paying) customers, as we too often neglect the experience they have.
- All customers want to do is log in to their account, so a login form that stands out should be your primary focus.
- Highlight additional information for customers, which will be different for every SaaS business. It could be a blog post, company announcement, specific feedback on a new feature, or even some tips on how to use your product more efficiently.
- How can you tell who’s already a customer and who isn’t? If I’ve already logged into my account, and then I revisit your website, it’s highly likely that I’m already a customer and you should design the experience accordingly.
Designer & Writer
Jump Start Git, 2nd Edition
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Form Design Patterns