The SaaS Stone Age
Fast-backward about 16 years. This is how the website of Salesforce.com - the most innovative software company of that time – looked like in 1999:
Salesforce.com in 1999 (click for a larger version) |
Interestingly, as horrible as the site looks by today's standards, it does have a bit of a consumer-ish feel and it actually became more enterprise-y over time (you can browse the history on the Internet Archive, which I've used to take these screenshots). So maybe in 1999 and the early 2000s the world wasn't ready for consumerization yet, or Salesforce.com didn't figure out the right approach or they just saw more success with a top-down enterprise sales approach.
The Beginnings of Modern (SaaS) Times
Not much happened on the SaaS design front in the following years. Until 2004, that is, when a small, Chicago-based web design agency called 37signals launched its project management tool called Basecamp:
Basecamp in 2004 (click for a larger version) |
Basecamp looked radically different from any other piece of B2B software. If it's possible to pinpoint the beginning of modern SaaS to a specific company or product, I think this honor is due to Jason Fried and his colleagues at 37signals. As much as I disagree with Jason on many things he writes about how to build a business – kudos to 37signals for their focus on product, design and usability. No other SaaS company had a bigger influence on SaaS design.
It took a few years – which shows how much ahead of its time 37signals was – but eventually other SaaS companies redesigned their websites or rebuilt them from the ground up:
Campaign Monitor in 2008 (click for a larger version) |
The trend was clear: Less and less text, bigger font sizes, larger images, videos. SaaS companies which were founded at that time had a stronger focus on design from the get-go:
Clio in early 2009 (click for a larger version) |
Zendesk in 2010 (click for a larger version) |
Contemporary SaaS Design
In the years that followed, the trend towards simplicity, focus on design and consumerization continued, and I'd say that since around 2012 or 2013, having a reasonably beautiful and conversion-optimized marketing website is more or less table stakes. Today you can buy a SaaS landing page template for $18. A $18 design which looks better than every B2B website that was built before 2004 – makes me wonder if Moore's law applies in design, too. ;-)
Since most people are trend-followers rather than trend-setters, SaaS landing pages started to look more and more alike in the last few years: A navigation bar at the top; 1-2 devices that were made in Cupertino, with product screenshots on them; a large headline and smaller sub-headline; 1-2 call-to-action buttons; some customer logos. This (plus a few other things) was the anatomy of almost every SaaS landing page in 2014. Not bad, don't get me wrong, but if everyone follows that recipe it gets harder and harder to stand out and build something memorable.
But just when things started to get boring, some cutting-edge design-led SaaS companies pushed the envelope further:
Geckoboard's current website Go to www.geckoboard.com to see it live |
Typeform's current website Go to www.typeform.com to see it live |
Another view of Typeform's current website Go to www.typeform.com to see it live |
Both examples make heavy use of video so the screenshots don't do them justice. Please go to Geckoboard and Typeform to see them in action. While still being focused on conversion, I think these websites are almost indistinguishable from art. Using high-quality video footage, very little text and beautiful typography, crafted with incredible attention to detail, these websites bring across a value proposition in a fresh, unique and highly emotional way.
This little journey through time has shown that up until now, the evolution of the SaaS landing page has been a development towards ever more simplicity. It will be interesting to see if this trend continues in the coming years.
Disclosure: I'm an investor in Clio, Zendesk, Geckoboard and Typeform.
No comments:
Post a Comment