Simple, Consistent, fast , effective.
There are many other listed here as well. They mostly follows the same layout and pattern. What separate them are wording and graphics. Using simple words, and shortest sentence possible to describe your SaaS, and choice of graphics, which really is a matter of personal taste.
I think Stripe manage to do this very well.
Off Topic: Did Stripe ever talk about their Ruby Stack?
Sinatra, no rails(2012): https://www.quora.com/Does-Stripe-use-Rails/answer/Patrick-C...
nqinx, mongodb, Kubernetes
Depending on what you're looking for, you may also be interested in aping their freemium model, where the first time you use the service is free and sets you up quite well to reuse the service next year and pay $40 for one of their obnoxious services. As a customer it was quite frustrating but it succeeded in getting me to pay $40 the second year, and had I not gone far out of my way to remove the "plus" and "premium" features I would have ended up paying ~$100 the first year and $140 total the second.
The third year I switched to a competitor and got to use their service for free. In a way, using turbotax felt like a great UX mixed with a battle to read everything extremely carefully and retread my steps to avoid paying anything; to me, this is not all that morally reprehensible because it adversely affects people who don't value their money as much as their time. However it also seemed predatory in that a non-tech-savvy user such as my parents would likely be tricked into paying higher costs for essentially no added value.
I was actually thinking about how nice their webapp was to use while I was doing them, too. _Incredible_ amount of complexity to reduce to a really usable app.
Its similar to what you say. A balance of minimal content and hiding unnecessary sections, but access to great detail when needed.
I'm fond of what we have built: https://www.moonlightwork.com
I use mailchimp for a newsletter for my own SaaS site. It is a nice service, they really do make it easy to send and design a mail. Their editor is good, their HTML-plaintext conversion works reasonably well.
What I do not like is the workflow. It's like my usecase is completely unsupported, and I do not understand which usecase they do support. Every time you send a mail you start from scratch: They make you start a new campaign(?), pick again a template, fill in the from address, write a text by editing the template. The workflow does not at all support the thinking that all I do is send a new issue to the same ML like always, which should of course use the same template and infos as always as starting point, where the main thing to do is to change the text in the mail.
I guess they support some marketers definition of how things work there? But really feels strange, as if the text of the mail is an afterthought.
https://kb.mailchimp.com/campaigns/ways-to-build/replicate-a...
My specific problem: I fiddled with the "merge fields" (basically handlebars regex-replace tool) and somehow this broke my email template, but only after I had tested it once and it worked properly. When I copied the original (working) "campaign" and re-sent it, all the text of the email was gone. I copied it and fixed the merge fields, then all the images were gone. After reimporting the images it finally worked.
The really frightening part was that it worked the first time but somehow the act of copying the working email with weird merge fields broke a bunch of other things. So I suppose the copying was imperfect and created a problem with their regex-replace logic the second time. Very glad I tested it a second time before sending it out, overall it took me 6 tries to get it working properly.
I'm on the free tier, and customer support is a paid feature, so I had to figure this out myself.
"When your team needs to kick off a project, hire a new employee, deploy some code, review a sales contract, finalize next year's budget, measure an A/B test, plan your next office opening, and more, Slack has you covered."
Do they offer A/B testing? HR tools? Code deployment? Who would have guessed it is chat.
Their /features page does a better job: "It simplifies communication. Slack brings all your team's communication together, giving everyone a shared workspace where conversations are organized and accessible."
A lot of places unwilling more than unable to summarize their product because it seems limiting. E.g. they could have just said "chat service"
But that's actually a common trend. When the company's brand gets bigger and stronger in people's mind, company position slowly switches from
1 Product attributes
2. Product benefits
3. Emotional benefits
4. Something bigger
This applies well to every type of product. SaaS included.
This is a great essay on the topic: https://medium.com/speroventures/branding-for-builders-19e10...
Also I found Pinterest to be a good resource for finding designs (more so than Dribbble, Behance, etc. surprisingly.)
https://canny.io - Very crisp design and it conveys the use case really well.
https://baremetrics.com - This has come such a long way and has stunning design.
2011: "Forget Servers - Get up and running in minutes, and deploy instantly with git. Focus 100% on your code, and never think about servers, instances, or VMs again."
2018: "Deploy and run apps on today's most innovative Platform as a Service - Heroku is a cloud platform based on a managed container system, with integrated data services and a powerful ecosystem, for deploying and running modern apps. The Heroku developer experience is an app-centric approach for software delivery, integrated with today’s most popular developer tools and workflows."
Which is better?
Toggl - Time tracking - https://toggl.com/pricing/
Their pricing page is one of a nicest I've seen, really easy to grasp but also functional eye candy.
I even hoped it was a WP template so I could customize one myself.
Probably use it more than any other SaaS and am glad it’s so good.
A lot of sites now have lists and content that updates automatically as things happen on the back end. One good example is Intercom. I have their screen open 24x7 on the first tab of my browser so I can monitor users on our site. I love how it updates the 'time last seen' dynamically, and I usually have my customer list sorted by the 'time last seen' field.
But sometimes, while the content of the list fields are updated in real time, the sorting of the list is not, and the list goes out of order (i.e. customers who re-login recently are still shown lower down in the list that customers who logged in an hour ago even though the 'last login time' is more recent.
I wish there was a way in these instances to just refresh the list within the page, without doing an entire browser page refresh, which could take up to 10 seconds in the old Intercom UX. Also, while talking about Intercom, jumping between the Customers page and the Conversations page could also take anything from 5 to 10 seconds on my browser, and there was NO indication that anything was happening in the meantime, which increased confusion and frustration. I think we need to bring back the hourglass or some other 'waiting' indicator for transitions that take a while.
(NB: The new Intercom UX has improved on the waiting delay significantly, but not the sort ordering of the customer list).
Someone also mentioned the Stripe design (of their back end, not their marketing site). I tend to like the new design of their admin panel, however their menu hierarchy was a little confusing, making it hard to find things a lot of the time. Also, the redesign tends to break the 'back button' behaviour a lot. I tend to spend a lot of my time on the Stripe admin panel looking at webhook logs etc., and every time I bring up the log listing, then drill down to an entry I can't seem to go 'back' to the list easily without the system rebuilding the entire list each time. Makes it frustratingly slow to try and find the exact log entry I want when I have to spend so much time waiting for page refreshes.
In summary, I think we need to go back to these 'old fashioned' design constructs which aren't considered "trendy" any more:
* Give the user some sort of 'waiting' indicator if a page redraw is going to take time.
* If a list on your page refreshes in the background, and your user can sort the list, make sure you update the sort order as well as the content
* Don't break the back button behaviour if you can help it.
Interesting mix of content and product information. I like how it's laid out as well
- stripe.com
- ohdearapp.com
Simple, to the point & clean layouts.
Working with engineers of b2b saas companies every day, for more than a year and having analysed all the best SaaS companies who have 10+ internal designers, I found a couple of principles that anyone can apply to make their website look decent:
* Consistency - One practical example: If you use a 4px border-radius, use a 4px radius everywhere. It may sound small, but having a consistent experience across your application makes the product feel so much more polished to your users. Don't use multiple fonts, different navigation menus etc. Keep it consistent.
* Reduction - If anything, design isn't about adding more things to make it 'look nice'. Try to remove as many things as you can. If something doesn't serve a specific function, then remove it. Every pixel should make sense. The more you put in front of your users, the more brain power it'll require to process.
* Divide - This is mostly UX, but one thing I see so many get wrong. A lot of SaaS apps overwhelm their users. They present them with all the features upfront. Whether it's a long onboarding form, or a dashboard with 50 actions one could take. By splitting up things in different ways, you can guide the user through the experience. Your signup process for example (that might be a big block in conversion) might be made so much better if you ask for certain types of information later on in the process.
Is there a similar service out there that has fixed pricing for web/app development?
- there is a “Contact” link floating at the top of the page off centered that opens Mail. Maybe link it to your Olark integration.
- 14 day money back guarantee runs over the text underneath it.
http://fairpixels.pro - I found these guys here on HN and their work seems spot on.
https://www.spotify.com/ - their simple design and IPO should be an example for fellow engineers who’re building saas.
I'm curious:
- is there a particular SaaS designed by fairpixels that you consider an example of good SaaS design?
- do you have any relationship with Fairpixels? Your HN account has posted 2 comments since being created, and both those comments recommend fairpixels.
But thats not a knock on their offering - if their customers are happy and they are doing a good job, then more power to their servers.