Building a website for your SaaS? This video is for you! 👇
Basecamp ignores some of the most common SaaS webdesign patterns with good taste and creative solutions.
These ideas are worth getting thinking of.
https://t.co/LS9fzekZTa
https://t.co/LS9fzekZTa
#Webdesign idea from #Apple for #SaaS builders
Use context and variety for your screenshots.
Music video, architecture, racing cars: same tool, wildly different use cases.
It shows your product flexes across niches. Wider net, faster "this is for me too" moment.
#Webdesign idea from #Apple for #SaaS builders
Use a sticky sub-navigation with CTA only.
Once someone scrolls past your hero, they've already seen the pitch. All they need now is a fast, frictionless way to act.
Keep it minimal. Keep it visible. Let them convert.
#Webdesign idea from #Apple for #SaaS builders
Use scoped sticky elements that scroll with the user within a given section.
These play well with control panels, pagination items, filter bars and anything that should stay within reach while its section is active.
#Webdesign idea from #Apple for #SaaS builders
Use scroll-snapping.
Don't let a sidescroll stop wherever the swipe happens to end. Snap it into place so it always lands the way you designed it.
Show a peek of the next item at the edge. It nudges people to keep scrolling.
#Webdesign idea from #Apple for #SaaS builders
Let users pause animations.
Moving elements in the background compete for attention. When someone's trying to actually read your copy, a distracting animation can easily pull them away from your precious copy.
Building a website for your SaaS? This video is for you! 👇
Basecamp ignores some of the most common SaaS webdesign patterns with good taste and creative solutions.
These ideas are worth getting thinking of.
https://t.co/LS9fzekZTa
https://t.co/LS9fzekZTa
#Webdesign idea from #Apple for #SaaS builders
Use adaptive hero titles, not responsive ones.
Apple's hero titles don't just wrap and reflow. They're designed with explicit breakpoints so the title always lines up exactly how they intended, on every screen.
#Webdesign idea from #Basecamp for #SaaS builders
Get others talk about your product on video.
Videos spark curiousity, social proof builds trust. Combine these two for maximum effect.
#Webdesign idea from #Basecamp for #SaaS builders
Turn your customer reviews into a story.
Basecamp's "Night & Day" page shows customers' messy old workflow, then life after switching. "Wow, what a difference" writes itself.
#Webdesign idea from #Baseamp for #SaaS builders
Create a page for text search.
If you target power users who use text search on websites, create a dedicated page where they can instantly find what they are looking for.
See how Basecamp achieves this on https://t.co/Dkte7Y3Asr
One of the happiest states I know is peaceful growth.
That’s when time works for me, not against me... and it doesn’t cost me stress.
That’s the machine I’m building every day.
#Webdesign idea from #Basecamp for #SaaS builders
Be open and transparent about your values. Explaining your genuine mission builds trust with customers. But it only works if you actually mean it.
#Webdesign idea from #Basecamp for #SaaS builders
Publish tutorial videos for your product.
Basecamp breaks onboarding into bite-sized videos.
Way less intimidating than a single 20-min walkthrough video or a long documentation website.
#Webdesign idea from #Basecamp for #SaaS builders
Use a flat sitemap. Every page lives right under the root domain.
No nested folders, no deep link trees. Some share templates, some don't.
The result? A site that's dead simple to navigate.
#Webdesign idea from #Basecamp for #SaaS builders
Challenge the status quo.
No mega-nav. No gradient hero. No stock photos of smiling teams.
Just plain text links and one bold sentence: "The refreshingly straightforward project management system that's rock-solid and easy to u
#Webdesign idea from #Buffer for #SaaS builders
Educate your community.
Buffer doesn't just sell a tool, they teach social media mastery. That turns them from a product into a trusted mentor.
#Webdesign idea from #Buffer for #SaaS builders
Make your billing details loud and clear.
Hiding costs with deceitful visual tricks is one of the fastest ways to lose trust. Don't.
Use a simple toggle so users can switch between monthly/yearly.