The B2B Podcast Index
20 MINUTES by Noco - for B2B SaaS founders and CMOs that move fast

B2B SaaS homepages ranked: From God Tier to Garbage

20 MINUTES by Noco - for B2B SaaS founders and CMOs that move fast · 2026-02-04 · 45 min

Substance score

23 / 100

Five dimensions, 20 points each

Insight Density4 / 20
Originality4 / 20
Guest Caliber6 / 20
Specificity & Evidence5 / 20
Conversational Craft4 / 20

What our scoring noted

Our reviewer’s read on each dimension, with quotes from the episode.

Insight Density

4 / 20

The episode is a surface-level reaction to homepages with mostly aesthetic opinions; almost no transferable, non-obvious principles for operators beyond vague design preferences.

The first is clarity of value, which is basically, it means how quickly you can understand the products
The first, you know, the first 10% of your website, super important for overall user engagement

Originality

4 / 20

Takes are generic design commentary ("too vague," "feels messy," "needs more animation") that anyone could produce; no contrarian or first-principles thinking.

It feels like it came straight out of a corporate PowerPoint
I love bigger fonts

Guest Caliber

6 / 20

The guest is an in-house head of design at the host's own agency - a relevant practitioner but not a senior operator who has built or scaled the products being discussed.

I'm joined here by a very, very special guest, Jela, head of design at Noco
we use Figma every day. Of course, it's our main tool that we design in

Specificity & Evidence

5 / 20

Real companies are named and examined live, but there is zero data, metrics, conversion numbers, or evidence - just subjective reactions to visual elements.

The first one is Framer. The second one, Figma
I think that in terms of conversions, they're doing great because this is also cool

Conversational Craft

4 / 20

Two hosts largely agree with each other in an echo chamber of "yeah, totally agree"; minimal probing, no real disagreement or challenging follow-ups.

Yeah, I do agree. I do agree about that
Yeah, totally agree

Conversation analysis

Computed from the transcript - who did the talking, and the verbal tics along the way.

Filler words

like108kind of44uh40so40I mean36right33um32you know21actually12sort of7basically4

Episode notes

Big players like Stripe and Shopify walk in with instant brand recognition that lets them skip the heavy "what we do" explanation most startups need. Leonardo Zamboni and Jelle Bot still had fun putting them all through the same first-principles test: clarity of value, visual hierarchy, and interaction quality, no free passes for anyone working in B2B SaaS.The results show how even household names shine when they nail effortless understanding and flow, turning familiarity into real growth momentum, while others highlight spots where tightening the basics pays off. Real takeaways for any team building or refining a site. Chapters(0:00) Intro and setup(0:19) Guest intro: Jelle Bot, Head of Design at Noco(1:45) Episode context and ranking criteria (clarity of value, visual hierarchy, interaction quality)(3:19) Starting the tier list(3:20) Framer(6:26) Figma(10:39) Salesforce(13:25) Intercom(18:17) Linear(23:08) HubSpot(26:26) Webflow(37:16) Stripe(40:43) Shopify(42:32) Final rankings and recap(42:37) Thoughts on the list and future episodes (44:32) Closing remarks

Full transcript

45 min

Transcribed and scored by The B2B Podcast Index.

Okay, so today I'm gonna be ranking some of the most popular B2B SaaS homepages and give you my thoughts on them. And I won't be doing this alone. I'm joined here by a very, very special guest, Jela, head of design at Noco. Hello, man. How are you? Hello, man. How's it going? Good, man. How are you? All good. All good. Thank you. Nice. All good. I was How was everything in the Netherlands when you came back from Italy? Oh, it was really, really snowy actually. Snow everywhere. It was, yeah, it was kind of cute. I haven't seen snow for a while actually since that moment. So it was cool. Really, really cool. Yeah, it's been a while here as well, I think. Like 4 or 5 inches of snow here in the Netherlands was Crazy. Yeah. Like all these weather warnings. I mean, I'm now renovating my house and— Yeah. How's it going with that? It goes really well, man. Thanks for asking. It's going really well. It's almost completed. The only thing is like when the snow is there and there's all like warnings and I live like, what is it, 50 minutes, an hour from my new home. It's not ideal, of course, because, you know, when you need to drive, it's super slippery. Oh yeah, definitely. I'm really looking forward when this whole snow chapter is completed and I can just go to the house in a normal way. But yeah, that's where we are. Yeah, definitely looking forward also, me, for that. Yeah, man. Yeah, yeah. So today, shall we start? Today we're going to be ranking these websites So just to give a bit of context before we start, we'll be ranking these websites using 3 main metrics. The first is clarity of value, which is basically, it means how quickly you can understand the products, basically. The second one is visual hierarchy, and it's basically, yeah, how well the layout guides you and your eye throughout the entire website, basically. And the third one is interaction quality, which is, yeah, it's pretty straightforward, I would say. So how well is design in terms of interactivity of websites? The grade that we are gonna be ranking about this website is gonna, goes from S to A. F, but I think you already know how that works. And yeah, guys, let us know in the comments if you agree or disagree and let's get started, shall we? We renamed the tiers a little bit, of course, to make it a little bit more clear in naming. Usually it's F, S till F, but right now we thought it's better to make it God tier versus absolutely garbage. Yeah. So yeah, let's start, man. Let's get started. All right. All righty. So we have these websites here. The first one is Framer. The second one, Figma. I think that every designer knows this. Salesforce, Intercom, Linear, Asana, HubSpot, Webflow, our partners and Shopify and Stripe. So the first one is Primer. So partner. Our partner as well. Yeah, definitely. Yeah. Both are enterprise partners from, from Noko. Yeah, definitely. So yeah, I mean, what do you think, man? First glance, really strong, big headline. And I mean, it's the Framer, especially when you scroll down. I think this can, they can bring up the visual aspect a little bit more, I guess, in this section. However, it depends on what you want to, you know, want to emphasize. I guess in this example, they want to emphasize the message, which they do really well. And yeah, when you scroll down, you get into this sort of cinematic overview of different websites, like a showreel. And they are all moving as well, which I really like because it gives a little bit, it gives, you know, another dimension to the, you know, into the website examples. Yeah, definitely. Definitely. No, I think it's really, yeah, it's a very minimal design, I would say. I love the way that the visual hierarchy here is really, really explicit, you can definitely tell how, what Framer is doing, right? What is this? What we're talking about? That, yeah, we build better sites and faster. So I think that's, uh, uh, this is a great plus actually for this website. And, uh, it's really minimal. I love, uh, also how they communicate their values through their sections. So for example, here have AI design CMS. This works really, really nice. And yeah. It's a good, I would say it's a good clarity of value. The most important thing is that they start off with what it is and then how and then the why, which is kind of a good hierarchy. Also they close off with a little bit of resources, but also with with a super strong ending call to action. So yeah, I think overall the clarity is quite nice here. Yeah, definitely. Definitely. So we're gonna put Framer where? I'm gonna say top tier. What do you say? Yeah, let's put it top tier. Yeah. Because they do a lot. They do a couple of things really well. The clarity is good. The visual hierarchy is good. The interactions, they are there. They have a lot of movement in the visuals. So overall, I like Framer. Yeah, it's really well designed. So let's, let's put it up there. Yeah, I really love how they're communicating their products. Okay. Second, Figma. Figma. All righty. All right. Okay. At this point, I think it's the industry standard, right, for a lot of designers. I think that they sell themselves very well, especially their new features like this. But I'm not fully convinced by the visual hierarchy here, especially with this statement placed below. Not very sure about this. What do you think? It's a bit messy. I guess I kind of, I mean, yeah, we use Figma every day. Of course, it's our main tool that we design in. And they really want to, yeah, get into the AI space. You see that with the first call to action. But yeah, I mean, the only thing is like that the first hero section feels a bit messy to me because you have text in the background of the images. You have a bigger headline in the call to action. Like a huge headline, to be honest. And then you also have the subtext below. Yeah, exactly. So in my opinion, it's not badly designed. It's good design, but they can improve structure a bit here. Yeah, exactly. It's not a bad design. I mean, overall it's good. I really like this carousel here. Yeah, but yeah, I'm just not fully convinced about this. I would have put this maybe here and then maybe a dedicated section for this new feature, but I think it's fine. It's just unusual, I would say. Yeah. Now scrolling down, they have a feature highlight, I guess. Still very strong overall. Still very strong. Homepage, usual sections here, interactive, exactly, interactive section. I like these micro things. If you scroll up, like you have this quote and then on the right side you have the sort of moving outline stroke. These are like the tiny elements that just make the website feel alive. The only thing with this design overall, what I already see is like I kind of In my opinion, I find this a little bit too big of a font in size-wise. I really love bigger fonts. However, I think especially these type of subsections, um, yeah, I think they can go a little bit smaller, to be honest, because it gets in the way of like readability in this case. Um, and I kind of miss that here, like the, the, you know, the font hierarchy. Um, however, when you scroll down, the interaction is really nice. So if you go down to the, um, kind of shapes, this is kind of, kind of nice. They were moving before. I'm not sure, probably a one-loop animation, I guess. Yeah, there we go. So I go here. Yeah, yeah, I hover this. I would have loved, um, I would have loved seeing something more interactive here for this homepage. But overall, yeah, I think it's still very strong. It's good. It's creative. It's creative. As you would expect from Figma. I would move it, I guess, not in the top tier, but more like in the high tier, I would say. Yeah, for now. Yeah. Because it's very well designed. It's just that it's a little bit all over the place, to be to be honest. Yeah, yeah, I totally agree with that. Um, I think that we can also change this throughout the episode, right? I mean, yeah, absolutely. Yeah, we can change, we can put Figma maybe here or here. It depends on the other, on the other websites that we're going to see. Yeah, so yeah, let's move on with Salesforce. Salesforce. There you go. Yeah, what can I say? Yeah, very classic tech company blue. Yeah, yeah, yeah. Very classic combination of blue and green. Yeah, yeah. Feels quite cluttered, I would say. I struggle to find a clear visual hierarchy on this homepage. It's also very condensed, the hero section. It feels like it's sort of, uh, yeah, it feels like they really want to have everything above the fold, uh, which— and then they remove all the white spacing, which in my opinion is, uh, is not really, really user-friendly. Um, yeah, I— what can I say, man? It's, it's, um, for such a company as Salesforce, I guess it's, it's kind of not really well designed, to be honest. Oh my God. What is this? Yeah, this is like, it came, feels like it came straight out of a corporate PowerPoint. Yeah. Like Keydeck. Yeah. Yeah. I do agree, man. This is not, this is not good. I mean, yeah, no, this is not good. This is not good. Yeah. No, this is not. Yeah. As I mentioned, where's the hierarchy here? It's like every, tape is the same. I think that they could have valued maybe this, these cards a little bit more. What do you think about the navigation bar? It also feels like they used every single spacing in the navigation bar. Yeah, it's really chaotic. It's really chaotic. Also, yeah. I mean, you know, the contact us and the number, I mean, please move it to the footer, right? Like, I mean, people know where to find your phone number. Yeah, yeah. And it doesn't necessarily need to be in the top navigation bar. Yeah, it's really chaotic. It's a lot of things, useless things, I would say. It's also really static, right? Everything is static. Yeah, there's no motion, there's no interactivity. I mean, Yeah. Well, I know where we can move this one, man. Yeah, exactly. It's absolute shit there. Yeah, sorry Salesforce, but this is not good. Sorry Salesforce, but yeah, we have to be honest about this. Yeah. So, third one, no, fourth one, Intercom. There you go. Yeah. Intercom, nice little font there. Let's see if there is any animation. Entrance animation. Nope. Okay. So what can I say? I think that the hero feels extremely large. Yeah, this is a bit too large, I think. Yeah, I can barely even see the buttons here. Why did they actually, because if you click on the logo on the left side of the navigation bar, why did they? What happens when you click on the— Yeah, that's really weird. This is really weird actually. And why wouldn't you put it in the— okay, here you have actual navigation. I really like this one, but I'm not sure if this is part of Intercom, I guess. I'm not sure. Yeah, I think so. It's part of the same company, I guess. This is epic, but then now we have— look at it. It feels like 3 different companies, which Yeah. Can be the case. But this one specific, it's kind of surprising that they just don't put in navigation items. I'm not sure if this is just one landing page probably, right? I think so. We can just go do something like this maybe. See if it works. Okay. Oh yeah. So this is the main landing page, okay? This is the main landing page, okay? And then you funnel down into two different. But it's quite short actually. I'm gonna familiarize down early, I guess. Yeah, I think if you click on— so they have the fintech or FinThing. If you click on that, that's their like sub-company, I guess. It's an AI kind of focused funnel where you're going. And this is then the suite environment. I mean, I like this one. I mean, it's— maybe not everything, but the hero section is really strong. Yeah, this one is great actually. I love this one. I'm also, yeah, I think it's the other one. The other one doesn't really stand out, I think, but this one does its job actually. Yeah, this is better. The only thing is that I'm not understanding. What is the difference between— I mean, the navigation is the— the Finn is an AI agent, the Intercom is then the suite, and then they have another one. If you click on the, on the logo, it's, it's then the— oh, the help desk. Okay, the help desk. Yeah. And if you click on help desk, how does that look like? Help desk, let's see. Oh yeah, that's, that's another different design. Yeah, it feels very weird. It's— is it one company or are we looking at 3 different companies. Yeah, yeah, that's, uh, that's the point. Yeah, this, this is, this feels really unusual, by the way, having like this dropdown over the, the logo company. It's kind of like unusual. I'm not sure about that in terms of usability, especially in mobile version. They, they perhaps did it on purpose, I guess. Because they wanted to funnel down or have like, uh, different websites funneling on different funneling pair, um, well, per subcompany that they do, I guess. Sub-label maybe. Um, yeah, it's, uh, it has a vintage kind of vibe to it. Yeah, yeah, I love these images. Okay, are we going to rate— are we going to, um, rate them, uh, together, like as a combination of all, or are we just going to focus on the main, uh, page? Let's go do like a combination. What do you think? I think, yeah, I think that's good. And I'll put it— I would put them in mid tier, I guess, because it's, it's not bad, badly designed in any way. I saw some very nice visuals and very nice interactions. It's just kind of weird as how it, how it's currently structured. Yeah, I would put this like here in the middle between high and mid because it because some things are really cool, like the visuals, some, like, I mean, where is it? This one, like also this animation that goes, but, uh, yeah, it's kind of unusual. It's a, I don't know, it's an unusual navigation. You know what, we put them in mid there and then maybe if we see the rest of the website, we we can put them higher in comparison. Yeah, let's do this. Let's do that for now, right? Yeah, let's do this. Perfect. Cool. Okay, next one: Linear. Linear. Yeah, I know this one. Yeah, I know this one. I've seen this one, uh, in a lot of inspiration, inspiration pages. Yeah, design kind of communicates here a minimal And yeah, focus product. But yeah, I see here also a purple brand color in the favicon here, but I don't really see it used in the layout. Am I wrong? Oh, you're right. I think they really focused on, yeah, I don't know, this isometric kind of 3D visuals. It's really, it's really, it's just the typical SaaS website where they just highlight product features, which they do really well, by the way. I really like these visuals. The only thing that I would do and to maybe improve it a little bit is more movement in the visuals. Because for me, they feel a bit too static, I would say. Yeah. But overall, I kind of like how this is designed. I think it's designed really well. I like the dark theme when it's, you know, done right. Yeah, yeah. Overall, I think it's good. But it doesn't— By the way, the color of the favicon. I don't know, man. I don't know, man. I think that it doesn't really pop. It's just really flat design. Yeah, it feels flat. Yeah, it feels flat. Yeah. I mean, yeah, we have, of course, some illustrations here, like this one. But, uh, yeah, I don't, don't really pop. Yeah. They could use a little bit more, uh, to be honest, more, more photography, maybe a little bit more human touch, uh, into this, uh, visuals. Mm-hmm. But it's overall, it's good. It's strong, I would say. Yeah. Where, where would you put it in the high tier or? Put it in. I would say for now mid-tier. Yeah, I do agree. Yeah, I do agree. Okay, perfect. Asana. Whoop, I do have one. Yeah. Oh man, that visual is very old-school looking. Yeah, I don't get it, man. There is such a simple These buttons are really big. Yeah, but it's such a big company, Asana, and I just, I don't know, man. I just, their product works really well. Yeah, all your work, all in one place. I think that feels quite vague as a statement, as a hero statement. Yeah, what is all your work? Yeah, bring people and AI together to plan, track, and deliver work faster. I mean, it's really vague. Yeah, what is your target audience, right? Like, focus on that. Just keep the message focused on the people that use Asana. I know it's a really, really wide, uh, yeah, white, white, um, audience that they focus on because I, I mean, every— everyone could use Asana for, for, for a lot of things. But, um, I, uh, how, how they promised to give more clarity and accountability, but the website doesn't really reflect that at all. The website looks like a jungle of different design choices. Yeah, and you know what, it kind of gives me the impression, as you said, of an impression of an outdated website in some kind of way. Yeah, I do agree. So yeah. It reminds me of Dropbox a little bit. Am I right about that? Yeah, no, you're right. No, no, you're right. Yeah, right. They, they did the same thing with the complementary color palettes. And, and I mean, the icons then are super thin, thin strokes. And then if you go— if you, if you look at the font, it's super thick. And then I don't know, it's just a lot of different, different design choices, I would say. Yeah, in terms of— yeah, in terms of visual hierarchy I wouldn't say that they did a great job here. Yeah. So I think that we already know where this is gonna— I would put it above Salesforce, by the way. I would say low tier because Salesforce is absolutely crap and this is like a little bit crap. Yeah, I do agree. I do agree about that. Yeah, right? Yeah. Salesforce is super, super bad. Yeah, totally agree. Okay, let's move to HubSpot. Oh, is this the error section? No, right? I think so. I'm not sure. No. Nah, this can't be the error section. This— there you go. Yeah, this is the error section. Okay. This is the error section. Yeah, I mean, nice image, but it doesn't, doesn't, doesn't say anything to me. And it's a, it's very safe design with just a static image in the background. This one, like the high contrast button, it makes the buttons blue. Yeah, I mean, this is really Usually you use this for dark and light mode, high contrast for— It's not really high contrast, right? Like it looks less contrast or am I wrong? Yeah, no, no. On white it is and on white it gives a little bit more contrast in comparison to the orange, red orange. And you can just click on this so while you're at the top I mean, if you scroll down, you can just, if you want to change this again, you have to scroll up again. It's not, it's not that friendly. I'm in the middle of the website. I want to change the colors because it looks quite in your face with the red orange. Then I need to scroll up to change the colors. Yeah, you can already tell that's, I think that from a design perspective, there's a lot of room for improvement here. Yeah, I do agree. I don't know, the thing is that I like HubSpot. We use it a lot for our customers, especially the forms, and their whole marketing chain is connected to HubSpot, even analytics. They do a lot, and it's been very good to our customers. But I don't really like the design and I'm not sure why, but it feels messy as it's— there's no real hierarchy, I guess. Yeah, it's messy. There's a couple of things that I would have done differently. Navigation is— yeah, like this. Yeah, also messy with all the underscore or the under— lines, call to actions in the products. I mean, this one, yeah, this doesn't look really overviewable, to be honest. Yeah, in terms of visual hierarchy, I think that this is— we can improve, we can definitely improve here. Yeah. Um, already I would put— I would put this in, um, in low tier as well. Yeah, actually it feels to me the same as how Asana did it. It's, it's kind of like the same Yeah, it's the same, uh, yeah, it's the same approach of designing, I think. Yeah, okay. Webflow, our partners. Yeah, our partners. We, um, have, um, the, the thing with Webflow, I always aim very high with Webflow, um, and then I see the homepages or the website itself, and then I'm always kind of disappointed. How about you? Yeah. Yeah. I agree with you. I think though that we have a great use of animations, especially like here. This is cool. Oh yeah. This is cool. This is cool. This is cool, I think. And also another thing. Another thing that is valuable to me is that the clarity of value here is very explicit. Smarter sites start here. I think it's really powerful. Yeah, but then the subline is kind of like an AI-generated M-Tex, Tex, Tex, sorry. Yeah. Yeah. This is, we can improve also. There's a lot of room of improvement also for this kind of things, I guess. What do you think of the 3 call to actions, like the AI Site Builder, the template, and the blank site? That feels to me really that they think like, okay, you know, the first thing, the most important thing is the building part, which it is, but it's also good now that you have different types of builders. I mean, I'm calling a Framer, Webflow itself is a builder, but you have way more than that, of course. Um, I, I would imagine that you are more focusing on your absolute unique, uh, USPs, right? Because, yeah, because that's where people sort of, especially when, when, when marketing managers or maybe even CEOs are searching for a new tool and they, well, are currently using WordPress, for example. I would more focus on, on that. Like, uh, how would Webflow make the overall experience of these, of building these websites better? I do agree. I do agree. Now they are really focusing on the builders. I mean, it can be a tech tactic. I'm not sure, but yeah. No, no. Yeah, yeah. I get your point. I totally agree with your point. Kind of feels like that here they're giving to the user like the choice of, yeah, choosing between AI site builder, template, or blank site just to give to the user like a choice between these things, between you can, you know, build, choose from a template if you're a beginner or you can use AI for a state builder. But yeah, maybe here in the hero section, I don't know, man, it kind of feels— Feels weird. I mean, I want to see, I'd like to see more before this part, if you know what I mean. Exactly, exactly. Yeah, let's see more of the things. Yeah, because then here they are talking about— yeah, here they are talking about some more experience-focused messaging, I guess. Um, yeah, I think that's— they have so many nice updates lately. They have so many nice things. The analytics thing, it's a lot of improvements here and there, and if you scroll more down, maybe they are talking about it in a later section. Yeah, it's because, yeah, definitely. It's because their product is really great actually. It's a great product, but the way that they are communicating this here in the homepage, I think it's not that great. They could have done like a way, way better job. For example, another things that I would like to see here is a really cool animation, like a 3D animation that I'm not seeing it right now. Yeah, and then the last section, what you saw, like the build and then optimize and analyze, I think that was the— here, or build, manage, and optimize. I think that this is strong, and I would probably prefer to have this more on a higher level of the page. Yeah, I mean, but then again, yeah, like the visuals, the visuals are not, not really strong. And then, yeah, they have, they have— you can click on that arrow, I guess, on the marketing teams. Yeah, and this is kind of cool. Yeah, this is kind of funny and nice. It's kind of cool. Yeah, it's just, uh, expect a bit more of Webflow. Yeah, definitely. I would expect, I'm expecting more from the guys actually, because yeah, they're, I mean, Webflow is such a really great and powerful tool and you, I think that one of the things is that you can see, I would've loved like seeing here a 3D section where you can just you know, see the capabilities of the tool. Yeah, maybe some sort of animation where you kind of are navigating inside the interface of Webflow, right? Like that you see the UI. Yeah, something like that. You see the product and then you go through different features of the builder. That would be very nice if they did that. But now it feels like a bit, yeah, bit, I don't know. Not very well designed, to be honest. So I will put it as a mid-tier, I guess. Mid-tier for you. Yeah, mid. But you know what, or yeah, yeah, let's put it in mid-tier. I'm— yeah, just because I expect more from them, which is— yeah, exactly, exactly, exactly. Nobody is in god-tier for now. Not yet, not yet. Okay, Shopify. Yeah, I like this, man. They did an update, I think, uh, this is, uh, not sure how long it's— yeah, I think it's like an old year ago or a year ago they did this update, and everything is just very well designed. The, the hero section, you see a nice, uh, video, uh, but also the animation of the, of the text is very well done. Yeah, definitely. Yeah, there's this like full-screen hero with this really strong campaign. It's really cool. It's a thing that I would have loved seeing in other websites such as, yeah, maybe websites just as like Salesforce or as— HubSpot with a static image. They could, also done this, which is way better. I mean, I also like the color of the video, by the way. It's really sort of this darker kind of color, and what, what that means is that the text is still very good readable, uh, above the video. Yeah. And then they, um, they just have really nice visuals as well. If you scroll down a bit more. Yeah, definitely. You see that they, they, they just— oh yeah, visuals are really well done. And then a 3D kind of thing. Yeah, it's just super interesting. This is a great, great use of 3D elements to showcase their capabilities. Yeah, yeah, yeah, yeah, yeah. Overall, I think, uh, yeah, this is a really beautiful experience for now. This kind of animation, right, super smartly, smartly done. When you click on, it's also interactive. It's really, really interactive. I think that there's, there's something else. No, I'll be here. Something. No, this is just— yeah, if you scroll more down, I think they have a also a globe animation, I guess, when you scroll down more. Oh, look at this kind of things, man. Yeah, this is, this is nice, right? This is really cool. Yeah. Oh yeah, just works. I don't know if you heard the, the sound. The money sound when you click on this image. I know I don't have sound, but I guess it's kind of like a notification. Yeah, yeah, yeah. Exactly. This is cool. Really well usage of the sound effects. Yeah. And this also looks nice, right? It's just this— there's so many icons, but it feels good and it feels nice. And even the hover animation when it lights up a little bit. This is the kind of micro detail that gives the website— Yeah, exactly. I think that everything— Full experience. Yeah, everything feels aligned. Yeah, they communicate their intentions extremely well, actually. I think this is really cool. You open— Yeah. Another page. Even if you scroll up a little bit more, because here it gets super 3D. This is also super cool. This is quite heavy, by the way, because on every device I tested it on, it was quite laggy. Uh, but it doesn't mean it's, it's not good, right? Like it's super fancy and super well done, probably with some GL stuff, but it's, it's, it's super nice. Yeah, it's super nice. Okay, for me this is like God tier. Yeah, me too, man. I would put this in God tier because every single detail just works really, really well. Yeah, every single detail. And I think that also the, the other two things, the visual hierarchy is really great. There's like, I mean, we have like this section here, we have everything that you can read it. Like this is the first one, the second one, everything is really good. It feels really well aligned. Yeah. Yeah. This is good. This is going straight to— Yeah. Uh, God tier. Yeah. I mean, and especially the micro details and the eye for detail So when it comes down to interactions, they can improve something. Of course, there's always room for improvement, uh, because when we're talking about the font hierarchy, and I can— I think it can be improved here and there a little bit because sometimes some fonts feel a little bit too large for the numbers. For example, it feels like part of the font, but it's a bit too large. Um, but overall, I mean, it's just a super well-designed website, and I guess this, this really goes into the God tier. Definitely agree. Right, definitely. Nice one. Okay, last one, Stripe. They did an update as well because it looks— looked different a while ago, not even long ago. Yeah, I think this is— yeah, I think, I think this is new. I think, yeah, I think this is, uh, this is kind of new, brand new, brand new website for Stripe. Yeah, well, brand new, I guess. At least the homepage is updated, but maybe we see some more things down the lines as well. But I think it still feels like Stripe with these colors. And what, what is nice is that the logos, the marquee, the logo marquee goes like below the sort of curved animation, which, which kind of isn't really nice done, nicely done. Yeah, yeah, yeah, yeah, exactly. Yeah. In fact, I think that here you can already tell that we have like a great huge use of grids and brand colors. This feels really good. This feels really, really good. How's the menu if you go to the navigation bar? Because yeah, that feels good. I think I even liked the previous version better because they had such a nice animation on the dropdowns and a super overviewable navigation. But I also like this, by the way. This is also very done, very well done. Yeah, yeah, definitely. This is cool. This is something that we can, that we could have done in no-code because it's really cool. Yeah, yeah, exactly. Yeah. And when you scroll down, you have this because we're, because we are great designers. Yeah, yeah, we like to use, like to use colors and animations and interactions as well. Yeah, I think it's, um, I think it's great. And yeah, this is also good, man. This is a beautiful, yeah, beautiful interactive, uh, bento grid here. Uh, yeah, especially for this moving card. I like this. This is probably also a god tier, to be honest. Yeah, look at these dots in, in the animations. Look at the globe. It all just feels good. The color is very well used throughout the website, even though it's a difficult color because it's gradients. But somehow they did a very good job. And yeah, I— this feels very easy to read, nice to read. Yeah, yeah. I think that in terms of conversions, they're doing great because this is also cool. This is really cool. Yeah, that reaction on your mouse, or Yeah, yeah, while I'm hovering it, all the dust, they're gonna like move away. It's cool. This is nice. This is really nice. It's funny because the website doesn't feel completely new, the update that they did, but because they reused a couple of elements, I already see that, but the overall feeling is that they did update it in a very smart way. They kept the same color palette, they kind of kept the same structure, but then just with the super nice bento grids and super nice interactive animations. And just overall very good update, I would say. Yeah, totally agree. I really like this. I think that we're gonna put this into the top tier. Yeah, is Shopify better? Yeah, I think so. What do you think? Or, or, or like, that's in between, I guess. It's difficult because Shopify really had this clickable kind of, kind of visuals. Yeah. And it was on every visual almost, which was very nice. Yeah, I think that the only thing that differentiate the Stripe website from the Shopify one is like the creativity that has the Shopify website, like the, um, all the, like the creative aspect of the website, like the, um, the word, the 3D elements. Uh, I think that's really like a god tier, especially for a developer to put all those things and effort in that. Um, What do you think of the list? I think, um, what do you think? I think it's, uh, I kind of like it. I kind of like it. The only, yeah, thing that I'm not sure about— well, I think it's good. Maybe Asana, OpsSpot deserve shit there as well, but you know, it's just a little bit better than Salesforce, I guess. Um, The mid tiers are quite— I do agree with the mid tiers. Webflow is in the mid tier. Guys, you can do way better job. You know what, you know what, I would, I would put Webflow here in the high tier. Yeah, I would. Yeah, just because I know that, that they can do like more, but, um, it's already— I think that's overall it's a great design, it's a good design there. There's website. Yeah, okay, let's put them in. Yeah, let's put them in. Yeah, yeah, they don't deserve to be like in the same tier also, Intercom. No, you're right, you're right. Let's put them in mid— that mid— or sorry, let's put them from mid there to high there. Um, but they can do a way better job in messaging and what they, yeah, you know, showcase on the homepage because it's such a beautiful product. Um, But I think overall this is a good list, man. I think we did a good job. Of course, we needed to pick a couple of examples here. There are way more websites. We'll probably do another round later. And we focused only on the homepages for now. Yeah. But I mean, that's important, right? I land on the homepage. So that's kind of like the first glance that you, that you see when you visit a website. We did look at hero sections. The first, you know, the first 10% of your website, super important for overall user engagement. And yeah, I think looking at the list, we did a good job. I really enjoyed this way of, you know, judging these websites. Probably we're gonna see like, yeah, probably we're gonna see like Shopify or Framer that they're gonna rank our websites. Yeah, that would be very funny. But they— that would be very funny. We are updating our website, so it's already good, but we are making some nice improvements. Yeah. Which we will launch soon. So yeah, it's gonna be great. It's gonna be a great website. And yeah, cool. I think— what do you think? I think we're done. We're done. Yeah, a little bit longer than 20 minutes, but I mean, you, you will— yeah, you need some time to, to get the, you know, the right explanation and really want to dive into detail a little bit, of course. So that's why we, we marked a little bit more than 20 minutes. But yeah, really enjoyed it, and yeah, forward to the next one, definitely. Um, let us know if you agree or disagree with us in the comments, guys. And, uh, yeah, please subscribe and like. And, uh, yeah, see you in the next one. Up to the next one. Cheers! Cheers! Bye, guys!

Listen to this episodeAll 20 MINUTES by Noco - for B2B SaaS founders and CMOs that move fast episodes →