Latest / ThinkInsideTheSquare / [102] How to Finish AI-Built Websites: A New Service for Web Designers
Transcript
- 0:00SPEAKER_00: People used to say that AI was going to replace website designers.
- 0:04SPEAKER_00: Now the conversation has shifted to how easy it is to spot an AI generated website.
- 0:09SPEAKER_00: But neither one of those things bothers me as a Squarespace designer.
- 0:13SPEAKER_00: I've been able to easily spot a Squarespace website for quite some time now.
- 0:17SPEAKER_00: It's pretty easy to look at something and know if it is a WordPress blog or to date a website based off of whatever design trends it was following at the time.
- 0:26SPEAKER_00: So I don't think looking like AI is really the problem.
- 0:29SPEAKER_00: The problem starts to show up when you look just a little bit deeper and you realize that a website could be confusing, overcomplicated, a little fragile or easy to break, or worse, the person who created the website has no idea how to properly manage it, change it, or improve it.
- 0:46SPEAKER_00: And that's why I honestly think that AI has created one of the best new services that we Squarespace designers can offer.
- 0:53SPEAKER_00: That's what I'm talking about in this episode of Think Inside the Square.
- 0:57SPEAKER_00: I'm your host, Becca Harpane, and for a transcript of this episode, along with the links to any resources I'll mention, visit insidesquare.co forward slash podcast.
- 1:05SPEAKER_00: Now I do say the term Squarespace a lot, but I want you to know the term Squarespace is a trademark of Squarespace Incorporated.
- 1:12SPEAKER_00: This content is not affiliated with or endorsed by Squarespace Incorporated.
- 1:16SPEAKER_00: This is just my opinion as one designer out there in the wild trying to make my clients happy.
- 1:20SPEAKER_00: Let's start this conversation by talking about the it looks like AI comment that people are getting for the websites that they're generating with AI.
- 1:29SPEAKER_00: Now, when AI first came out and a lot of people were using it for copy, we saw the same commentary happen with the M-Dash.
- 1:35SPEAKER_00: But the M-Dash has been a part of language for quite a long time.
- 1:39SPEAKER_00: It just happened to be that AI decided to favor it.
- 1:42SPEAKER_00: Now, there are definitely a lot of telltale signs of giveaways for websites generated by AI.
- 1:48SPEAKER_00: It prefers to create the eyebrow header or uppercase text that's a smaller font size and with increased letter spacing.
- 1:55SPEAKER_00: But that's a design trend that's been around for a while.
- 1:57SPEAKER_00: It's really just copying styles that it's seen used by other websites and integrating that into a design.
- 2:03SPEAKER_00: Now we do have the ability to influence that design and change it, but a lot of people that are generating AI websites, they don't have those design skills that we website designers do have.
- 2:15SPEAKER_00: So they don't know how to ask AI for something unique or something that's different.
- 2:19SPEAKER_00: They're going to end up with a site that looks like every other site.
- 2:22SPEAKER_00: But you see, I don't necessarily think that that's the problem.
- 2:26SPEAKER_00: As website designers, hiding those AI indicators doesn't really change anything about a website that's not effectively communicating something to the visitor.
- 2:35SPEAKER_00: It doesn't change anything about the way the website functions, and it doesn't change anything about the way the website is maintained.
- 2:41SPEAKER_00: And I feel like those are so much more important for us to focus on and improve for our clients than to worry about whether or not it looks like a generic website.
- 2:51SPEAKER_00: Let's not forget that Squarespace was built on templates.
- 2:55SPEAKER_00: Without the use of clever CSS or customized PNGs put in creative ways, most Squarespace websites can look a lot like the templates they started on.
- 3:04SPEAKER_00: Yeah, you'll change the text, yeah, you'll change the colors, you'll add your own images, but at the end of the day, a Squarespace template can look like a Squarespace template, and an AI website can look like an AI website, making sure that it's functional, that it can be maintained and managed by the client, and that it's truly conveying the message it needs to convey to its visitors.
- 3:24SPEAKER_00: That's the job the website needs to do.
- 3:27SPEAKER_00: And that is something that we as Squarespace designers can help people with if they've already started generating a site with AI.
- 3:34SPEAKER_00: I truly think that this is a service we can start to offer.
- 3:37SPEAKER_00: I want you to stop thinking about these projects as how do I make this website look less like AI and more like something custom.
- 3:45SPEAKER_00: And I want you to start thinking about this project as how do I create this design that my client really likes and turn it into something built within the Squarespace ecosystem.
- 3:55SPEAKER_00: How do I turn this into something that they can maintain, that they can manage, that will handle the responsiveness like Squarespace does?
- 4:02SPEAKER_00: If you take a look at a layout that a client gives you that was generated by AI, and there's that classic eyebrow header, then the headline text, and then three columns on there, that's something you can build in Squarespace, and that is your skill set.
- 4:16SPEAKER_00: So again, removing all the indicators of it looking like AI, that's not necessarily where the service really lies.
- 4:23SPEAKER_00: What your client needs you to do is make the website functional, make it usable, make it easy to maintain, and then apply your own skill set when it comes to design.
- 4:33SPEAKER_00: Your design judgment, it's incredibly valuable.
- 4:36SPEAKER_00: But I want you to remember that when you're working with these clients who are bringing you a project, they started on AI, they're probably pretty proud of how far they got it.
- 4:45SPEAKER_00: And arguably, it looks a lot better than something they could have sketched out on a napkin.
- 4:49SPEAKER_00: So don't abandon the design completely, but think about it from your own perspective as a designer.
- 4:54SPEAKER_00: How can you use your design skills to influence the way it's structured, to influence the way that it's managed, and to overall improve the design, not necessarily just change it because it looks like AI.
- 5:06SPEAKER_00: Now, this is where I think it gets really interesting for Squarespace designers like us, because we're going way past the, yeah, I can fix that kind of project.
- 5:15SPEAKER_00: And we're moving into the role of consulting.
- 5:18SPEAKER_00: It's no longer just here's what I want a website to be, can you make the whole thing?
- 5:22SPEAKER_00: It's here's something I started, can you finish it?
- 5:25SPEAKER_00: Now I've had a handful of clients who have started to build this website and they like what they've created on AI, but then they run into a roadblock when they realize that they need to sign up for Cloudflare, they need to find a way to connect their domain, they need something to access the contact form.
- 5:41SPEAKER_00: They have no idea how to set up all of the details and functionality around how the site works.
- 5:46SPEAKER_00: So they'll send me the mock-up that they created with AI, and then they want me to build that into Squarespace.
- 5:52SPEAKER_00: So it's functional, it's usable, it's manageable, and everything is inside one ecosystem.
- 5:57SPEAKER_00: Domain, hosting, SSL, security, forms, all of that built into one cohesive place.
- 6:04SPEAKER_00: My job is no longer to design the website for them.
- 6:07SPEAKER_00: My job is to take what they made and make it work for them.
- 6:11SPEAKER_00: That is an entirely new service that did not exist a few years ago.
- 6:15SPEAKER_00: Heck, it didn't even exist a few months ago.
- 6:17SPEAKER_00: People are becoming more and more comfortable using AI to create content.
- 6:21SPEAKER_00: So what I'm doing now is taking that content and making something usable out of it.
- 6:26SPEAKER_00: But here's where it gets pretty interesting for me as a designer.
- 6:30SPEAKER_00: They'll send me something that definitely looks like AI.
- 6:33SPEAKER_00: And my main job isn't to change the design.
- 6:36SPEAKER_00: But once I start putting stuff in Squarespace, I can absolutely influence the design direction and offer some insight, some advice on accessibility, different ways that they can improve their design.
- 6:47SPEAKER_00: Now, again, I'm not focused entirely on just stripping everything that could possibly be an indicator of AI out of this project, but I'm making sure that I influence them in a direction to create something or at least put their brand behind something that's a little bit more unique.
- 7:02SPEAKER_00: I do think this is an exciting new service for us Squarespace designers to offer, if we're willing to.
- 7:08SPEAKER_00: They may hire you because they think they need someone to connect the dots.
- 7:11SPEAKER_00: But once you get inside what they're actually working on, you can help them simplify the system, you can help them improve the design and make it more accessible, make it more unique for their own brand and their own business, and most importantly, steer them towards something that's more intentional and manageable for them as a client.
- 7:30SPEAKER_00: They don't need to learn how to edit and manipulate code, but they can learn how to create a blog post on a Squarespace website.
- 7:36SPEAKER_00: That is a much smaller learning curve.
- 7:38SPEAKER_00: And I think that's something that my clients need right now.
- 7:41SPEAKER_00: They feel empowered, they feel excited, they're happy with what they create, but what they need is a little bit of an influence.
- 7:47SPEAKER_00: They need my design skills to say, nope, this isn't quite accessible, this could look a little bit better if we do this, and this right here is going to be so much easier for you to manage than learning HTML and CSS and JavaScript in an afternoon.
- 8:00SPEAKER_00: You can learn Squarespace in an afternoon, but writing all those code languages, that doesn't need to be their job.
- 8:05SPEAKER_00: So at the end of the day, what I want you to really consider here is that we are no longer entering projects from the very beginning like we used to.
- 8:14SPEAKER_00: This new level of service that we can offer to our clients out there is us entering a project about halfway through, the 60 to 80% mark.
- 8:22SPEAKER_00: Most of the design concepts are done, most of the copy is finished, and what our clients need us to do is to truly clean up the design because AI generated doesn't actually mean AI finished, right?
- 8:34SPEAKER_00: They've started the project.
- 8:36SPEAKER_00: It's up to us to get it to that finish line.
- 8:38SPEAKER_00: Now, something that I'm offering in this service, again, is consulting on the design style, making sure that what we're putting out there in the world isn't generic.
- 8:46SPEAKER_00: It is genuinely unique.
- 8:48SPEAKER_00: I also try to make sure that my clients really take a look at the copy that AI created and change it so it sounds like them.
- 8:56SPEAKER_00: I don't like the idea of using just all AI generated copy for a website.
- 9:01SPEAKER_00: I think it's really important for my clients to truly read a headline and say it in their own words, and I try to coach them through that process.
- 9:08SPEAKER_00: Now, to be clear, some of my clients weren't a fan of that.
- 9:12SPEAKER_00: They wanted to just run with what AI had, and we did.
- 9:15SPEAKER_00: At the end of the day, my job is to take what they want and make it live on the internet.
- 9:19SPEAKER_00: So I went ahead and went through with it.
- 9:21SPEAKER_00: But I do think we have a unique opportunity to influence the design, to influence the copy, and to make sure that the structure is there so that this website is usable by those visitors, manageable for the client, and overall accessible.
- 9:34SPEAKER_00: So if you're a Squarespace designer and you're noticing AI influence a lot of your projects, or you're seeing some dwindling numbers for your client count, here's what I want you to think about.
- 9:44SPEAKER_00: You don't have to compete with AI for the initial build, but what you can do is become extremely well adept at turning the almost finish into something that's worth publishing.
- 9:54SPEAKER_00: Don't compete with AI for the initial project, but get it over the finish line.
- 9:58SPEAKER_00: Treat this much more like a relay race than a sprint.
- 10:02SPEAKER_00: All right, Squarespacer, I really want to hear from you about this one.
- 10:05SPEAKER_00: Are you starting to see projects like this show up in your inbox?
- 10:08SPEAKER_00: Or maybe you thought about this as a service and you've decided to start offering it?
- 10:13SPEAKER_00: Let me know what you're seeing out there in your land of potential clients.
- 10:16SPEAKER_00: I'd really like to hear from you.
- 10:18SPEAKER_00: You can email me anytime, hello, at inside the square.co, or leave me a comment wherever you happen to be listening to this podcast.
- 10:24SPEAKER_00: And if you have another website designer out there in your community and you want to start having this conversation, send them this episode.
- 10:31SPEAKER_00: I think this is going to get more interesting the more we can talk about it together as a community.
- 10:35SPEAKER_00: Thank you so much for tuning in.
- 10:37SPEAKER_00: I'm Becca from Inside the Square.
- 10:39SPEAKER_00: I hope you enjoyed this episode.
- 10:40SPEAKER_00: And most importantly, have fun with your website.
- 10:43SPEAKER_00: Bye for now.