Gábor Pintér

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. www.youtube.com/watch?v=qXsE...

If you're a freelancer on Mac, check out my free app, it's pretty cool: projectbinder.app

#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.

#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 basecamp.com/yes

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.

If you're building a website for your SaaS, this video is for you 👇 www.youtube.com/watch?v=E8mN...

#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 use." What's the las

#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.

AI: I'll build you an app with frontend, backend and marketing materials Me: impelement drag-and-drop to reorder AI: 🤯🤯🤯

#Webdesign idea from #Buffer for #SaaS builders Show relevant blog posts on your Solutions/Use case pages to build credibility. Buffer's Facebook integration page features posts on Facebook growth, speaking directly to visitors interested in that integration.

#Webdesign idea from #Buffer for #SaaS builders Show the human side of your production by showing some real faces. When real photos of the creators are shown the brand stops being a faceless corporation and starts being a piece of art... made by humans.

#Webdesign idea to steal from #Buffer for #SaaS builders Use a counter for blended categories. This will make your product feel more established by showing the scale of your customer base without needing to split the number across individual categories.

#Webdesign idea from #Buffer for #SaaS builders Combine your sign-up form with your newsletter form. This filters your subscribers for people who are genuinely interested in your product, which could easily mean higher conversion rates down the line.

Building a landing page for your SaaS? 🚀 Steal these 7 ideas from Raycast 👇 www.youtube.com/watch?v=71qA...

Ever wanted to write Astro components without starting a new project? 👀 We built a Playground that shows you - preview, CSS, JavaScript, compiler output. play.astro.build

#Webdesign idea to steal from #Raycast for #SaaS builders Pick one abstract visual and repeat it everywhere. Raycast uses shaded diagonal panels across heroes, features, pricing: different colors, same shape. Instant brand recognition. No mascot or illustrator required.

#Webdesign idea from #Raycast for #SaaS builders It drives SEO with internal links, plus it gives you one more shot at catching the viewer's attention before they bounce. Group these links by use case. It should read like a mini sitemap, not a junk drawer.

#Webdesign idea from #Raycast for #SaaS builders Use a huge illustration for your final CTA sections. Most CTA sections are boring. Make yours memorable by pairing an illustration with your CTA slogan, like a giant glowing keyboard tied straight to "take the short way."

#Webdesign idea from #Raycast for #SaaS builders Instead of a generic "Browse all", use button captions with numbers, like “Browse thousands more” or "See all 12". Numbers signal precision. Sell volume when you have it, completeness when you don't. Both work in your favor.

#Webdesign idea to from #Raycast for #SaaS builders Attach favorite features and extensions to your customer reviews. This will make your reviews feel more tangible and promote your product features too.

#Webdesign idea from #Raycast for #SaaS builders: Use segmented progress bars for your carousels, especially if the slides are videos. Telling users "this is short" upfront lowers the barrier to watching. Same psychology behind why short-form video apps show a countdown.

The heartbeat of self-discovery: experiment, then dive deep. Sample ideas, markets, paths. Then commit. Go deep. See how far it takes you. Sometimes it works. Sometimes you go back to sampling. As long as it beats, you're moving. Don't apologize. #TheSlowHustle

#Webdesign idea from #Raycast for #SaaS builders 💡 Group your integrations into use cases, not just a flat list. It creates an extra layer of connection with the user, because they see themselves in the categories, not just the tool names.

#Webdesign idea to steal from #Raycast for #SaaS builders Put your screenshot gallery in visual context. Raycast puts its animated screenshot gallery inside a macOS inspired frame that helps the user to imagine the complete UX of the product.

Here are 7 #webdesign ideas from the website of #Linear for your own #SaaS project

I've replaced Spotify with www.flowtunes.app/ for work. No-lyrics music for focus with various genres: lo-fi, jazz, classical, synthwave, you name it. No ads, 100% free.

#Webdesign idea to steal from #Linear for #SaaS builders Use animated noise over your images or sections to create texture, depth, and a premium "film grain" feel. It turns a flat, empty section into something that feels alive. Cheap trick, expensive look.

#Webdesign idea to steal from #Linear for #SaaS builders Don't just stack elements on mobile view. Turn them into a slider. It adds a bit of playfulness to your website without overwhelming the user with scroll fatigue.

Random pro tip for #macOS users. Open Spotlight search (cmnd + Space) then hit cmnd + 4. Voilá! 🎉 Your clipboard history. 🤯

#Webdesign idea to steal from #Linear for #SaaS builders Make your customers logo ribbon redirect to a dedicated /customers page. You can link each logo to its own case study if you have one. If not, one killer /customers page for the whole ribbon still works.

#Webdesign idea to steal from #Linear for #SaaS builders Turn your landing page into a highlight reel of "what's new." Make it a list of lists. Top features, top case studies, top reviews... each section leads with the newest item and ends with See more button.

#Webdesign idea to steal from #Linear for #SaaS builders Don't show your entire product in one giant demo. Break it into small, focused UI demos. One per feature. It gives you room to explain the value behind each feature, and keeps visitors from feeling overwhelmed.

The other day I bought a headlamp, so I can feel safer during my night runs. My first experience:

#Webdesign idea to steal from #Linear for #SaaS builders Let your hero screenshot bleed off the viewport. Users are scrolling regardless: a peek of what's coming is free motivation to keep going.

If your SaaS brand if playful and humorous, a great source of web design inspiration is the website of Dia. Check out 7 ideas worth stealing in this week's episode of Webdesign Ideas to Steal 👇

#Webdesign idea to steal from #DiaBrowser for #SaaS builders: Use card packs for collections. Reveal extra cards on hover effect. Make them colorful for variety.

#Webdesign idea to steal from #DiaBrowser for #SaaS builders Add unexpected elements for playfulness. Scroll past the bottom of Dia's site and the footer reveals a blurred, pixelated rainbow gradient underneath. A little "bounce" easter egg that snaps back once released.

#Webdesign idea to steal from #DiaBrowser for #SaaS builders: No CTA in the navbar on load. Scroll past the hero → CTA fades in. Your hero gets to breathe, and your CTA never disappears.

#Webdesign idea to steal from #DiaBrowser for #SaaS builders: Use scrollytelling to capture attention. Simple version: fix the left column with text, let the right column scroll through visuals. Highlight the active left-column item as it syncs to what's in view on the right.