In this episode, Burhaan Patel discusses his journey to revamp his personal website using AI tools. Initially searching for a designer on Upwork, he later discovered Relium.io, an AI tool designed to expedite the website design process.
The episode takes viewers through setting up a trial account, generating a sitemap, and customizing a template for his digital marketing agency. Purhan highlights the ease of creating wireframes and exporting designs to platforms like Webflow and Figma.
He underscores the tool's potential for anyone needing a quick and cost-effective way to build functional websites, offering a practical demonstration of AI's capabilities in marketing and web design.
00:00 Introduction to Website Redesign Journey
00:22 Discovering an AI Tool for Web Design
00:50 Exploring Lum, the AI Design Assistant
01:24 Creating a New Project with AI Assistance
01:47 Generating and Reviewing the Sitemap
03:20 Diving Into Homepage Design with AI
04:54 Expanding the Design: Adding Courses Section
05:26 Fine-Tuning and Exporting the Design
10:27 Evaluating the Tool's Cost-Effectiveness
11:33 Concluding Thoughts and Future Plans
Show Notes:
[00:00:00] I've been wanting to build or at least change the theme on my Webflow website, my personal website, purhanpatel. com. I went on Upwork a couple of weeks ago and was looking for a designer, looking for a, for somebody to help me.
I put the project up and I spoke to a couple of freelancers and I was like, okay, cool. Like, let me think about it. Let me decide. And I haven't decided that was like maybe a week or two ago. And in that time, I actually came across a website that can help speed up this process and make it easy.
It's an AI tool. It's something interesting. It's something new. And so we're going to go through this together because I think it's going to be useful for you in terms of making a new website, but also it shows the capability of what AI is getting to. And I think it's just a practical thing that we can do on today's episode.
This is Lum, RELU e.io, and essentially what it is, is it's gonna help you build, help us build websites designed [00:01:00] and build faster with ai. This is what their sort of headline is. Use AI as a digital design ally, not as a replacement. Effortlessly generate site maps and wire wire frames for marketing websites in, in minutes.
So essentially what this is, is it's giving us a, a framework, right, A wire frame. It's giving us an initial design. That we can at least start with. Now, I have prepared a little bit. I will I will admit, but I'm gonna launch. I have already logged in. I've created a trial account. Apparently, I have to log in again.
So let me do that. Okay. And so we are, we're sitting here with the Figma library, Webflow library, and there's a bunch of resources on the side. We can even have a team go in here if we want to. and I've got one project. So I'm going to start with a new project because I want to create a website and it's got this primary sitemap.
This is kind of the starting point. We have to describe the company in a sentence or two to generate a sitemap. So [00:02:00] I have got a prepared script or a prepared prompt. And what it says is I'm looking for a personal brand website of a content creator and marketer. That's me. I have a digital marketing agency selling marketing automation, ad services, courses, and a community to Shopify owners and course creators to help them scale their marketing effort through con version optimization strategies.
I wrote that and I still can't read it properly. Okay. So probably number of pages five to 10, and this is going to be English. Okay. for now they apparently are in beta with English or beta with other languages. So we can see that there. Oops. I must. Okay. So what I'm going to do is I'm going to tell it to generate the sitemap and it's going to go do some stuff.
So you can see that it's busy building out. I'll try to zoom in here. It's busy building out the, the navigation, right? It's got, or, or building out the pages. Essentially this is the homepage and it's put in a bunch of sections here and then it's got kind of the [00:03:00] sitemap, right? So we can see. We can see the about section.
We can see the blog, we can see services because I've told it that I want to do services. There's marketing automation, there's ad services. Now I don't see anything else around courses or any of those things. So I guess we'll have to just figure that out. All right. So let's have a look at what it's done for the homepage.
So it's got the nav bar, which is fine, right? Which is apparently a globally instance. I haven't played around with this much. I just did a little test before this recording. And I figured, let me just record while we're doing this. And so it's given us a hero heading section, introduction to personal brand and the digital marketing agency with a call to action to learn more pretty standard feature section, feature section, feature section.
So here it's talking about marketing automation. Services. Here it's talking about ad services, courses. Interestingly, the order is going, it's going in the community benefits of [00:04:00] using marketing agency services, how it works, right? Describe the process and methodology used by us, by the agency, a testimonial section, which is really good for conversions and getting people to trust us, testimonials from clients who have successful scaled, successfully scaled their marketing efforts, a team section.
Okay. And this is like. More of a business template. So we can obviously make changes here to make it a personal brand, but then there's a call to action here, encouraging visitors to get in touch or schedule a consult and in the footer. And if I wanted to go and build out or ask it to build out a couple of these sections, then we can now granted, this is based on the fact that we're probably going to use webflow, right?
And so we can actually, um, have these sections built out. Now, what I'm going to do is figure out, If we can add the courses or like, what can we do? Right? So let's say we do this as, I don't know, courses, [00:05:00] right? So we're basically telling, telling the AI, like, Hey, let's add a section for courses. And it's now given me a framework for courses or, or at least the design introduction to courses offered featured courses, list course item, body course item, body section, body section.
Right course one two three fine testimonials pricing how it works cta Okay, so that's perfectly fine. So what I think we should do now is Go to the next step of this process. We have basically these two pages that are that are ready. Let's go to the home and let's let's see if we can get a wireframe so let's go to wireframe and now it's Building out now again.
I'm on the free version So it's only going to build out one If I wanted to do the others I could do, this is probably the coarsest one, but let's go into the homepage. I'll make this big for you to see. Sorry, that I'm in it. Okay. So we've got the logo. We've got [00:06:00] the about section services blog more learn and sign up.
Welcome to my personal brand website and digital marketing agency. I help shop Shopify owners and course greater scale their marketing efforts. So it's done copy. It's done a headline. It's given me buttons. It's given me a section. Now I can go,
now I can click on this section and I can select it and say, okay, here's the design, right? I can say, reset the copy. I can ask it to change the design to have a video in it. What elements I want to form, maybe a sign up. Maybe I want to change the design itself. Okay. So this is coming from the Webflow library, but let's say we wanted to replace that component and we wanted to actually Change the design in a way that makes a little bit more sense from a design point of view.
Let me zoom out a little bit. So now it's got all these different sort of templates or different styles [00:07:00] that we can, we can go with, right? I personally like a very clean website. So maybe with an image on the right side. And now it's regenerated the copy. I'm a content creator and marketer specializing, helping shop owners and course creators scale their marketing efforts, conversion, optimization strategies, explore my services, courses, and community to learn more interesting.
And then it's, it's done pretty much, you know, the same thing for, for all of these sections and I can change sort of how this looks, whether I want things on the right side, left side, I think that makes sense because the top pieces is like this. Discover the power of effective ad services to your businesses.
And so it's, it's written this copy thinking of, you know, what are the most important things to my clients, increasing convert conversions and boosting brand awareness. Now I'm not sure about the brand awareness piece, but let's, uh, let's rewrite that brand recognition.
[00:08:00] It's, it's staying on brand recognition. Okay. That's fine. Expand your reach and make your brand known. Now, obviously we can make changes to this copy and edit as we go. Discover the wide range of courses, marketers, beginner friendly, advanced level. So it's, it's given us this. Now, what I wanted to point out in this is that we basically now have a framework and we can export this to Webflow.
We can export this to Figma. We can export this to CSV. Like it's kind of interesting, right? We can basically have a framework built out for us without too much effort. Take this over to our website and then. replace these components. So what I was thinking from a, business point of view was, okay, if I go ahead and make a design like this and give this framework to now a designer or, you know, a developer to say, okay, here's the framework.
Here's the, here's the layout that [00:09:00] I want, make the changes that I want to hear inside of Relium. Then I can, you know, he can enter this project, make the changes. I can preview what it's going to look like before he takes it over. Now, when he takes it over to Webflow, he's going to have to connect the buttons, he's going to have to connect the CMS and all the, all the elements that go inside.
But essentially what I think it is, is we can streamline this process in a way where we already have. Sort of a functional website that has the elements that we want from a design or minimum viable product point of view. And we can just have this ready, right? I think there's, there's a world that we were going to live in where this becomes even more seamless, where we can give it maybe more instruction and, you know, we can spend even less time.
And I think that's kind of in common, kind of an interesting episode for today, because as we dig into AI and as we dig [00:10:00] into Sort of how marketing is, is becoming easier. If we're using a tool like this, like, let's say this is V1 and now we want to come up with a different design or come up with different copy or use a tool like this to very quickly make a split test to drive a drive traffic to a landing page or whatever the case may be.
A tool like this can become very, very useful and it's very inexpensive. Now talking of cost now, I'm not affiliated with them. I'm not. Making any money from this video. They haven't sponsored me, but I wanted to talk about pricing. It's fairly reasonable, right? On the free account, you can do 30 components.
And as I, as you show, as I showed you, it's one project and you can basically do one, one page. And in the start of for 32 a month, you can have access to pretty much everything, three projects, all the rest of it, and you can take this to take these [00:11:00] designs to Figma as well. Right. So I think it's fairly, fairly inexpensive.
38 on the monthly. I will, I don't mind paying 38 to get me to, to actually start out a project where I'm not dependent on a freelancer to like, give me like a full design or I don't have to pay that amount of money to it, to a designer, to be able to, to go, you know, to, to start with the wireframe that that's basically zero.
I think it's fairly interesting that, You know, where we've come, where we've come with these sort of tools. And I think this is just the starting point. This is just the beginning. Now, why is this important to you? Well, I think there's a ton of people that need a website that don't have a clue as to where to get started.
And AI is probably the place that we can all go to myself included, like as, as a marketer, as somebody who builds websites, both landing pages for a living, this is a very valuable resource because I can very easily and quickly come here and And, you know, mock up a design of a page to either show a [00:12:00] client or to get the whole thing built out, um, and moved into Figma or to Webflow where we can now spice up the designs and put up, put images and things.
It gives me a framework as to where I want to start. I'm pretty sure we can change fonts and we can do all of these other things, but I haven't explored the tool in too much detail. I wanted to give you a very brief overview of as to what it is. Go check out the link in my description. As I said, no affiliation.
No sponsorship with this tool, but this was a find that I had and I wanted to share that with you. If you liked the video, definitely subscribe. Uh, I'm going to be covering more in depth sort of tutorial based things like this and perhaps I'll do a round two, um, with sort of the progress of me, me rebuilding my personal brand website, perhaps using Relium and then going into Webflow.
If that's something you'd like to see hit the like and yeah, subscribe to this channel. If you like it, I'll chat to you soon.