Critiquing Startup Websites With Webflow CEO

Hi, I'm Aaron, Group Partner at YC, and welcome to another episode of Design Review. Today we've got a special episode. We are coming at you from the Webflow offices, and I'm joined today by Vlad, Co-Founder and CEO of Webflow. Welcome, Vlad. Thank you, very excited. Thank you for hosting. So today we're actually going to be... Hosting? Is that a website hosting pun or joke? You're welcome for hosting. So today we are going to be reviewing websites that were specifically built in Webflow. So hopefully this will give you a good sense of what's possible with Webflow, and also some of the pros and cons of building really amazing landing pages. And so obviously Vlad has seen millions of these things. So together we are going to give a lot of design feedback that will hopefully be useful to all of you. Let's jump into the first website. So the first one we have here is Oda Studio. Stand out with your property photos. Let's see. This makes me think it's something about photos for Airbnbs or rental properties or something. Pretty much anywhere you might need because it's, you know, property managers, marketplaces, home builders. Could be a generic property photo service that you can feed into anything. Yeah, so is this software? Do they send photographers to your place to take the photo? That's not immediately clear to me. They have upgrade and organize. So it's like photo management. Basically an asset management tool that you can put into other places. Image enhancements and labeling. Customize the home buying journey. I think the tagline stand out with your property photos. Probably a little too broad. Yeah, I think we're both struggling here to figure out exactly what this is. A lot of times for your website you want to be focused on communicating what is it first and foremost and then the user that hits the site, they want to know is this for me. And I think they do a good job of the is it for me because if I have a property that I need to take photos of, I feel like oh this is interesting. But it's not clear to me exactly what they do with those photos. All right, let's see. So by the 40 businesses, a million photos. So here's an example. Okay, so now I'm thinking this looks like software to make the photos look better. Oh, interesting. Is this the same exact photo? No, it looks like I think it might be. Oh, you're right. So it's an augmented photo. Yeah. If you go to the next one, it's a good use of a slider. Okay. It does look like the exact same framing. It's not like somebody came in, oh no, like the clouds are different. So it might just be, this is taken by a not pro and this is taken by a pro potentially. I'm not sure if the staging is done manually. Yeah, I wonder if this is software staging where you take crappy photos of an empty room and then upload it to their software and they make it look like a well-lit, well-furnished and designed room. That would be my guess. So website-wise, they're really missing out on an opportunity to communicate some of this stuff more clearly. Especially since it says product example. Yeah. Is the product the photo itself or the management or? It's not clear. It's very generic, just saying like product example. They should say like, here's how our software automatically adds furniture or enhances the quality of the photo or adds a crazy sky apparently. Start for free probably goes to a sign-up experience. Yep. And then it's a little hard to tell what this actually is. Professional quality property photos, no pro required. Okay. Oh, here we go. Okay. This is a little better. What page is this? How did you get to it? So I clicked on from the homepage. It looks like based on the URL that's popping up here, these go to different user personas that might use their software. So I clicked on property manager. And then it looks like down here, why use Otis studio, smart enhancements, virtual stage. This is where they should be on the homepage. Yes. Yeah. This is what we're looking for. And maybe, you know, sometimes I see this work well, if you're buying ads or you have certain landing pages that are targeting certain users, then this can work well to have it here. But for anybody who hits your homepage directly, it's not going to be clear to them. And this page goes a much longer way towards communicating what's actually what the software is. Just by pairing the same exact slider, you see a before and after photo, that's the same photo and the value prop or what it actually is premium virtual staging. I'm not a property manager, but I can immediately connect. Okay. I can see how this is a solution for me. Especially if you can communicate how your product is going to help them get more rent or list it faster, find a renter faster. That's actually going to go a long way because instead of just talking about specific benefits, you're actually talking about the value that you can provide, which is like make more money, get your listings rented faster with this. That's probably the benefit that I would focus on. One thing I do like about this site is just it's really straightforward in the design. It's pretty simple. It's no frills, no egregious animation. I think that what really needs work is the content to make sure that it really is more clear what they do and what the product is. Yeah. There's good stuff here. I think we get it now. It just took a while. So it seems like further down the page is the really valuable stuff and that should be pulled up a lot higher. Things like Otis Studio by the numbers, I don't even have context to know what they do at this point. And so that can go. That's probably a social proof and attempted social proof can go way down. But I think you're right. It could do a little polishing on what exactly this is and who it's for. Cool. Well, founders of Otis Studio, it sounds like there's a lot of room for improvement to be able to just add more clarity around specifically what you do. And I think that's going to go a long way to attracting the type of customers that you're looking for. OK, let's try the next one. We got Flycode here. We free developers from product edits. So I'm guessing product edits as in product managers saying, I want this edit. Yeah. Product designers saying, hey, I have this new update in Figma. Yeah. So product people ourselves, we know that feeling of tapping on an engineer shoulder and saying, hey, can you change this code or do this thing? And they're like, that's like the hundredth thing on my to do list. And I don't really want to work on that right now. And so this, I assume, lets non-technical people, because it says no code here, make edits. Helps product teams work with software engineers to ship better products faster with no code. All right. I'm curious to how it works, but I'm intrigued. I'm a little confused that the animation that happened here, if three minutes means like it's a three minute setup. I guess, yeah, if you connect your code three minutes from now, you can have like this no code solution for product folks. And the thing I noticed while the page loaded, there was an animation. So it kind of takes your eyes there right away and maybe distracts from what you really want them to read first. That's a great point. Anytime you have animations and you have things that are moving on the page that always draws the viewer's eye. And so it's a good idea to use that when you're trying to highlight something that you want to make sure that somebody pays attention to first. But if you're doing it for something that's not the main thing, you can be distracting from the main thing that you actually want somebody to focus on. Yeah. It looks like what they're trying to do is cram all the key information up in the top as close to above the fold as they can. And I think actually a lot of users are comfortable scrolling. And so I would think about it as unveiling different layers of the onion for what you want to communicate. And so I think did a good job of communicating to us exactly what the product does here. Assuming we're correct about it. And then down here, I think they're trying to communicate too many things. Instead, I think we maybe need a little bit more information. Kind of your point about the three minute thing. Like what is it? How specifically does it work at this point? All right. So let's see what we got when we scroll down. Make product changes without coding. I think that's one of the other things is when you're designing your page, the headlines are the things that are really going to stand out to people. So we hit this. We read this headline. We read the sub headline because it's up at the top. And then we spent a lot of time here just because we were trying to decipher what was going on. But I think if we were actually potential users of this product, we would have gone, I don't really know what's happening here. And then we said, OK, make product changes without coding. Edit product flows in one place to free developers time. We would kind of keep skipping down and just reading the headlines. And so it's really important that your website, the headlines tell the story that you want to tell as you're scrolling down. Yeah. And one thing I noticed on the two almost competing headlines, because the first very top one, I'm guessing that's the H1, is we free developers from product edits. As in like developers get the vast majority of the value as in, you know, I don't get distracted. And then if you scroll down, the second byline is actually for product teams to potentially work better with software engineers and then make product changes without coding. Usually it's not developers who want to do that. They have a way to do that. And it's now the value prop is for product managers or product designers, etc. So maybe consolidating that value to product and engineering teams and how can you create sort of like the together, this could be a little confusing into who you're actually trying to land this message with. Developers or product folks. Yeah. That's the biggest thing. People are going to hit this website and they're going to go, is it for me? And I think we have experience working with both developers and product people and understanding both of their challenges. But I think if I was just a product manager as my background, the developer line might not resonate with me. I might say like, oh, it's for developers. It's not actually for me. And I get, you know, at Webflow we have the same tension between, you know, you want to speed up the designer developer workflows. You don't want to like paint developers in negative light, like avoid developers or I know here it's sort of help developers work on other things. So it's a, it's a, there's a lot of tension to navigate. So you want to get the messaging right. So it's cool down here. We get to some social proof. Here's some people that have used it. That's super important. It's, it's, you know, once I understand what is this, is it for me getting to some social proof around, like, does this work? Can I trust it? Is really helpful. And so we got some people here and some quotes and I don't know, maybe these are made up or whatever, but like they put their face behind it. They put their company name behind it. So anytime I see a face and a title and a company, it's a, unless you're doing something really shady, this is really, it seems like a real person. And we even got some, it looks like some tweets or something like that about them. So this seems like a real product. And I think the website visually looks great. Like it looks professionally done and it sets a high bar for their product where I think there's like professional product people that are working on this and the product probably works well too. I think the biggest takeaway for me is like, who is it for? It's called Flycode. So it has something to do with code. There's like benefits for non developers, developers, freeing software engineers. There's some confusion here that I think warrants some polishing. Yep. Great. Awesome. Nice job, Flycode. Okay. So for our next website, we're going to take a look at this one is actually submitted by a viewer of the channel. So looking forward to dive in with Colossian here. Create videos with AI actors real easy. Okay. This is one of those things where like the promise sounds really great, but the execution oftentimes is lacking. And so the first thing that I want to do is see a video of this. I just want to see if this actually works and if it seems like a human. And that's awesome because there's a video right here. So let's check this out and see if this looks like a real thing. Are you ready to create studio quality videos with AI actors? Nothing is easier. All Colossian users enjoy full commercial license to use their videos freely online and offline. What are you waiting for? Start with synthetic videos for free today. Okay. Interesting. So like that was pretty cool. I don't necessarily think it's a human. Yeah. It's got that uncanny valley effect. So that's a little bit more about the product. I do actually like the fact this is one of the only websites I've seen where, you know, a lot of websites try to get you to watch videos where it's like, it's only 15 seconds. And I think that puts your guard down around, okay, this is not going to take a lot of time. That makes sense to me. Got some social proof. Lots of videos. So I actually kind of like this. It looks like they're using their own product to demo the videos, to sell their own product. Yeah. I'm curious. The first, they immediately jump into personas. So hello managers. Yeah. So all of a sudden I kind of go from AI actors, I guess e-learning content and all of a sudden it's managers, I'm guessing at companies to do like corporate training. I wouldn't have expected this as being like the primary target. That's right. Who they want to go after. Yeah. They book a demo also. I wonder if there's a way to just right here at the top have a text box that people can put their text into and just see it generated. Yeah. And then you get your own content. Maybe you can't save it out until you start paying. That could be a great way to get people through the funnel of actually trying and being like, oh man, I got the thing right here and it works. I just want that video and I'm ready to go. Yeah. My guess is it's, you know, non-trivial or not free to generate these videos. So it might be too expensive of an acquisition. And then let's take a quick look at one of the use cases here. What do we like? Explainer videos. Let's try explainer videos. And it looks like the use cases don't directly match to what was down below. Yeah. That is a little weird. Okay. I'm not sure what's happening here. Yeah. This is a little, maybe feels a little unfinished. Yeah. Whether it's a flow or different categories of what you're trying to do. Increase sales. Okay. Yeah. There's a lot of text here. Yeah. Yeah. I don't think I would read this. I would just look at, I'd be like increased sales, 64%, make a human connection boost. And yeah, it's kind of overwhelming with too much text. Okay. So yeah, it looks like this can be improved. It seemed like the homepage, it was pretty clear what they do. Oh, something just changed here. Whoa. We just got a new, maybe as you scroll, create videos. Okay. We got a new header. I think, I think the site, maybe the power of Webflow, I'm pushing a new version. Okay. This is a little bit more clear because it's, you know, choose an actor, give them a script, generate your video. Yeah. So this is almost... Training videos can cost up to $5,000 per minute. With Colossian, our clients save thousands on expensive studio. Okay. Wow. We got like the version one, version two here. It's like the feedback we just gave. They basically just updated it. Yeah. And then generate your video in minutes. So, okay. So one thing that stands out to me with the demo is when it's bigger, it looks less accurate. Like the mouth, when it was smaller, it was a little more credible. Yeah. So this actually unsells me a little bit more, but I think this UI of like getting me to actually build it and see how it works is more effective than the single demo video that they had. Yeah. So being really precise around what you're using as your showcase demo is really important. Yep. Very cool. I think the challenge here is not necessarily the website. And this is a hard problem to solve. The challenge is like, can you get people to believe that this is a good enough replacement for live human beings? And I think the targeting with the specific use cases. Yeah. I think we look at this and we're like, wow, this is really cool tech. And then I can't, off the top of my head, think of something I would be really excited to use this for. I think the multi-language portion really sells it for me. Potentially, if you have a use case where you really want to create video content led by a host, and you really needed that many languages, it feels like this is the only way to really do that, unless you're only doing subtitles and not having that more native experience. Yeah. And we had to go all the way down in order to find that and pull that out. So that might be something to put up here too. Right. Awesome. Nice job, Colossian. Very cool product. Beautiful website. Well done. Just a break to tell you if you want your website to be featured in a future design review episode, submit your information in the link in the description down below. Now back to more reviews. Okay. Let's take a look at Artifact now. Great name, Artifact. Yeah. Very cool. And all of these that we've looked at so far, they all have these beautiful headers and videos, and it seems to be a common theme that I think we're seeing here, which definitely gets my attention and sets the I see a lot of families and kids here. Very grabs you on an emotional level. Yeah. She only grows up once. I don't want to forget it. Artifact creates a personal podcast series about your child. Okay. This is interesting. So we both have kids. Yeah. I just had a new baby. And I have daughters and she hits me on a heart level. Maybe this is a product for me. Yeah. I just had a new baby three weeks ago too. So now's the time to be thinking about this. So, all right, let's see. But it's not immediately clear to me why I would want a personal podcast series about my child, like photos or some videos, like that makes sense to me. So I'm curious if they can convince me that I would want a podcast. Yeah. And immediately I'm sort of, I start to pay a lot of attention to the video and trying to connect. Is this a person using the product? I think so. Yeah. There's like interviews or is it, maybe is it a video podcast or you're recording only voice, like little notes around what's happening? Looks like they've done a lot of coverage. Yeah. So I think from up here, what I take away is, okay, it's a podcast about your child. So like, cool. I get what it is. I get the, like, is it for me? Cause it's like, if you don't have a child, it's not for you. If you have a child, this is for you. And then I go down and I see this and I start to see Today Show, CBS, Wirecutter, Wall Street Journal. So like, seems like they've gotten a lot of really impressive press, which makes me take this seriously too. So that's really good. Yeah. A lot of it, some of the quotes are great because it says like memorable keepsakes, shareable audio heirloom. I'm guessing it's more for like close-knit families. It's not something that you... Beautiful gift. Yeah. It's going to be great gifts for families. Okay. So let's see. Okay. But is the gift an app? Is it a subscription? Is it, you know, something where you like play, you know, um... Let's see. We interview you about your child, a pro interviewer. Ah, it's just a service. Half an hour over the phone. We edit and deliver within five days a beautifully produced episode that lives in your family account. Okay. Family account. Is that on their website? Do I need an app for that? Is that like on some podcast platform? Monthly follow-ups, text you a personalized question each month, answer with a voice note and we add it. It's very interesting. That is not what I expected from the personalized podcast. Initially, I was thinking, you know, parents every day kind of do a little interview with their kid or ask them about their day and then you keep that as a memento. This is a professionally produced interview with a parent about their child to keep as a keepsake with some, um, I'm not quite sure, voice notes that are added. I was imagining more of like the voice notes as like a software product that you're using. And it seems more like you, the parent, documenting the kid's life rather than the kid actually being involved. Actually, maybe when they get older, you get them. I think most folks seeing this will now immediately think, okay, how much does it cost? What is the, I can see sort of the process and how gifting works. Here we can hear what one sounds like. How do I? She pulled a toy airplane out of her little toy box and held it up in the air and started flying it around. So she knew what the airplane does, even though we've only talked about that maybe twice. Okay. So kind of documenting through stories. Yep. Your child's life. Um, this wasn't obvious to me that I could click on this to play it. Yep. I think like a big play button would be more obvious. Um, this was a good clue here. I like the background music. It sounds like good quality. Yes. Um, that seems kind of professional. So I like that. It's like, uh, it makes me think of like, this is a little bit more like pro audio scrapbooking to remember like these moments about your child and then professional interviewers. So journalists, journalists, journalists, actor, and podcast hosts. So I see New York times in the guardian. All right. This is like some professional. I'm guessing you send this out to family or just keep it archival quality. Let's see. They're crafted into instant heirlooms. Do you have to play it through their app? Oh, and you can add photos too. Yeah. It looks like an app that they have here, an artifact app. And I guess you share the app with friends or maybe it's web-based. Yeah. Actually, maybe that's a URL down there. So that's probably web-based something on their website. Very curious. Does it require an account if you send it to other folks? It's a monthly subscription. Um, so I'm guessing that a lot of the value is in these like monthly follow-ups that then family get to, um, kind of relive. I do this thing with, with my daughters where I do one second every day. It's a similar product where you record videos throughout the day and then you remember one second. You have to mark in the app. That's what it is. And you can relive the, uh, the year. This feels like a similar, uh, value as in like, don't forget the little moments, um, and create this almost like profile of my kid. Cool. How long are interviews? Very interesting. It's very beautiful. It's very, um, looks great. Quality seems good. Pristine. A lot of press. Um, seems like something I can trust. They've even got their reviews up here. A thousand plus reviews, nearly five stars there. Very cool. Yeah. Very awesome. Seems like something I'd probably give it a try. I'm going to check it out. Awesome. Yeah. Cool. Nice work. Artifact. Great job. Well done. Well, awesome. That's our videos for today. Hope you all enjoyed them. Thank you to everybody who submitted your websites and especially huge thank you to you, Vlad and Webflow for hosting us here. Really appreciate it. It was an immense pleasure. It's always awesome to see what can be built with Webflow and what startups, how startups are trying to get their message out there. It's, it's always a, a challenge and a struggle, but, uh, so worth it to, to find a connection with customers, et cetera. And so great to have you here. Yeah, it's a beautiful space. We really appreciate it. Awesome. Well, thanks everyone. We will see you on the next design review.