Episode 05: Building a 1-Page Website in Canva

In this episode of Fieldmotion's Growth Hub, Adam will take us through what is needed in a 1-page site, which is being built entirely on the free license of Canva. Rather than another step-by-step of Canva as a whole, which is covered in Episode 2, this will go over the thinking behind each segment of the site. Ranging from choosing the right template, a hero image, writing a tagline, setting up an enquiry form, telling your story and displaying any reviews you may have gained. 

Transcript:

 Hi everyone and welcome to another episode of Fieldmotion's Growth Hub, I'm Adam. So in this video we're going to be doing a very quick overview of how to create a one-page website in Canva. This is available in the free version, anything I show you here is going to be available in the free version. You're not going to need to worry about having to get a licence. 

If you want to get a licence, it gives you access to a few more really useful features, but let's just jump in and I'll show you. This one will be, because we've done the Canva business card video, a lot of what you're going to see here is stuff we've already covered basically before. So this is going to be a bit sped up and I'm going to kind of explain some of my methodology. So it will not be, you know, how to design, you know, how to put text on a screen, how to put a graphic on screen.

We've already learned that. So it'll just be a bit of a, a retread if we, if we go through, go through that again. So yeah, let's get started.

Step One: Finding a Template

So even just actually even typing in just website on its own, it will let you see a good number of examples. So let's see what we find. And we're going to go under the impression that we're a trade company. So let's look for sort of a plumbing, a plumbing company.

So just try and find something that speaks to you really. A lot of these are going to have wildly different layouts and looks to them. And, you know, if you want to just work off template, you want to sort of have something that's, you know, a good bit of the way already. So we see here, there's a, uh, a road service company or like a, uh, a, uh, engineer company there.

Tyre and auto. So maybe, so we'll just type in Adam's, um, Adam's plumbing just for the purposes of this video here and get rid of that extra text. So again, we can just repurpose a lot of this and this is going to look really, really good on say like a phone, you know, something that, you know, just take one scroll, you don't need to direct anyone to any other, um, any other page.

Choosing Your Image 

So we're just going to try and see what image works best for us. There's tonnes and tonnes of free images available in the free version of Canva. So let's just look for gradients just to kind of help with the, the text can bleed in if it's a, if it's a bright white colour and if it's a bright white image. So let's kind of mess around with that and see, you see that the, uh, the text at the bottom, the hero text, uh, really stands out a lot better.

Writing Your Tagline

So again, just trying, trying for taglines, just see what kind of works and what kind of speaks to you, kind of speaks to your business because you're going to know your business better than anybody. So Adam's plumbing and then we'll, just because this, if all the text is on one side, it just reads a little bit better.

It looks a little bit neater and then we're just going to sort of change some of the adjustments on the image just to again, make that text punch a little bit better and reducing the amount of gradient there. So this is just the screen that you're, you know, your viewer will initially see, uh, upon, upon looking at your website.

So you want something that's punchy, you want something that looks good, you know, an image could actually just be from a job that you've completed. You know, if you've got a really, you know, a good iPhone or a, you know, a DSLR camera, just take a photo and, um, and use that and it's, it's that little bit more personal. You know, this is just a very brief overview of what you could do and you can put, you know, videos that repeat, um, in Canva as well.

Take Your Time With It 

So let's see, again, just adjusting the gradient there. Just it's all about testing things out, you know, a lot of the time, you know, something you land on first might not necessarily be something you like the next day. So, and because this is such an important part of your business, you know, as a website, you don't want to rush these things. You know, this is one of the videos that, you know, you want to maybe think a little bit about, about how you want to approach, you know, your design of your website.

You know, look at competitor websites, look at just totally different websites and see if there's something that you kind of like the look of, kind of like the style of, you know, as, as you've seen, there's tonnes and tonnes of templates, even just to get you started and just to get you thinking, you know, about what you, about what kind of style you want to go for.

So again, we'll adjust this image just to make it a little bit softer on the eye, just so it's not quite as harsh and it helps that white text stand out and then put another gradient in there just to again, make that text on the side pop and then go on down here.

Setting Up Your Form Fields

So we've got our form fields. So this is the information your customer, of course, will be sending across to you just to kind of give you a little bit of context into what their job that need done is, what the problem is, you know, need a plumber, get in touch. Just a little bit of a CTA, a click through action and then again, just using a nice blue there and then again, fixing the letter spacing just to make sure everything's kind of flowing quite right. You know, all the time people are going to, looking at the website on a phone, you know, you want something that'll also work pretty well for that.

So keep the text kind of closer together and not as, not as spread apart. So here we can just adjust the form fields here. These are the questions. So you can make these whatever you want.

We aren't going for anything super, you know, high-end fancy, you know, this is just totally a basic website that just gets, you know, your audience seeing kind of a broad view of what you do and an easy way to get the, you know, what their problem is and get it sent off to you for maybe a, you know, a quote or some kind of a call in, you know, age of the appliance. Really, really important for things like boilers, of course. So yeah, now that we've done with that page, we'll go back to the second one. And again, this is just one of those initial screens that your audience is going to see.

Telling Your Story

So I'm changing some of the text here to kind of tell a story. Audiences love stories. If you kind of tell, you know, even just something, be it your local family business, you know, easily contactable, easily to, you know, so easy to call out and go to someone, you know, could be someone in the neighbourhood, you know, it just sort of lowers that barrier of entry for a customer.

But again, tell a story, you know, even if it's something like a really good job that you sorted out and you went that extra mile for someone, people really love that. And it just makes it seem like a much more personable, much more approachable company to have a job done by.

So again, just shrink this down here a little bit and I'll mess around with the line spacing here just to see kind of, and raise that line up there, great, and then just get rid of those two wee bits.

Showing Off Your Work

And again, you can play a video here. So this could be something like, you know, if you've watched the DaVinci video, you can place another DaVinci edit in there, again, using the subtitles that would work really well. Also, just video works quite well just for retention. So if someone's scrolling, they immediately see something moving, they'll stick around and watch it if they have a greater chance of doing so.

So check out our work at the side. So that could even be a collection of videos that you could use just to kind of promote yourself. So, you know, down the line after a month or two, you know, you'll have a lot of images and videos stored up. So it could be a really, really great, great resource for you.

Adding Reviews

And here we're going to do a little bit of social proofing. So this could be a review that you've got on Google or even just your local Facebook page. So we've got a, we'll do a five-star review here. Just position them all correctly there and make sure they're evenly spaced.

So those little numbers there, you know, the eight and the 11, that's how many movements, units of movement. It's not quite pixels. I don't exactly know how they, how they measure that, but as long as all the numbers are the same, they've got to be the same distance. So we'll create like a little slightly different coloured box just for the text that we're putting in.

Great stuff. And then moving that box behind these stars, just make sure everything's lined up. This is getting into the very sort of little tweaks that you can do. So this is just a sort of made-up story I've created.

So it's, you know, I can go that extra mile for the customer, ask them for a review and they'll be really, really willing to, uh, to, you know, do something even if it's on Google. It takes basically no time. And, uh, and if you've, you've done a little bit extra for them, it'll pay off, um, in, in a bit of exposure on a, on Google. So and then just their name, if they've, if they've got the, uh, if they've got their name public, you know, only, only use publicly available information and that's just the Google reviews.

That's just where the sourced review came from.

Wrapping Up

And then we don't really need anything else. You know, it's pretty basic site, you know, just those three pages there. And one more note, always preview your site on both desktop and mobile before it goes live. And remember you can tweak or swap anything at any time. So that's all you really need to know about designing a website. It's very, very similar to the Canva business card video.

A lot of the designs in Canva, you know, going forward, you'll pretty much know from that video, this is more just a bit of the methodology and a bit of the sort of decision-making that might go into, um, creating a one-page website. That's it for now. This has been Adam from Fieldmotion and this has been Fieldmotion's Growth Hub. Thank you very much for watching.