Shadowing Practice: Wonderful website design - Learn English Speaking with Video

From portfolios to event pages,

a website turns your work into something people can connect with.

Something that represents who you are and what you stand for.

But launching a site can be slow and complex.

In this lesson, I'll introduce you to everything Canva Websites has to offer so you can make a beautiful,

interactive, mobile-ready website in minutes.

even if you've never touched a line of code.

And with the Visual Suite,

you can design and launch your website without ever leaving Canva.

Let's get started.

First, let's find a starting point.

Canva has a wide range of website templates ready to go,

so you don't have to start from scratch.

You can search more specifically, too.

Let's check out multi-page designs,

which are great for more complex websites.

I'll search multi-page and scroll through the results to find one that fits.

Here's the one I want.

I'll open it to preview.

You can see each page laid out clearly

and can explore the layouts to get a feel for the flow and visual consistency.

Once I'm done previewing, I'll head back to find the template we'll work on today.

I'm looking for something more simple.

I'll type event into the search bar and explore from there.

There are so many to choose from,

but this one looks like a good starting point.

I can preview it to see more.

Perfect.

Let's start customizing.

At the bottom here, you can select Add Section.

You can also add any page type,

perfect for complex websites that need multiple pages.

For now, I'm going to add a new section.

Now I want to add in a really impactful image.

So let's select brand, then photography to choose from some approved shots.

This one is really eye-catching for a beauty business, right?

And I already know it's brand approved.

I'll drag it in, just like that.

Now let's resize it to fit this section and center it.

These icons over here will help you easily change the layout,

adding, deleting, or duplicating sections.

And we can use these arrows here,

moving this section so it's the first thing people see when they open the website.

You can also adjust how much space a section takes up by grabbing this handle icon and dragging it like this.

Okay, that's looking good.

Once your structure is in place and your content feels right,

it's time to make it yours.

From here, you can bring in your brand identity,

tap into Canva's smart design tools,

and turn your site into something truly memorable.

I've already used our Brand Kit to keep the look and feel consistent,

but now I've added one final section so it needs some attention to match the rest of the website.

In the Brand Kit panel,

you'll find your brand's logos,

colors, and fonts, making it super easy to style your site.

There's also brand approved imagery.

Here's a set of images I'd love for this section.

They've been set up in the brand kit,

so I can just drag it in as one element.

Now let's adjust the colors so that they work with the rest of the website.

Just hit shuffle until you get a combination that's on brand and designed to look good.

We have some generic placeholder copy,

but let's use MagicWrite to get into our brand's tone of voice.

Select the paragraph, then change voice,

apply brand voice, and replace.

If you need more help,

our Branding Your Business course has a whole lesson on setting up a brand kit.

That's way better.

Finally, let's add a little finishing touch.

Under brand, there are some fun graphics to choose from.

Let's add this one, then resize it slightly, and place it here.

Perfect.

This is starting to come together,

but a good website is interactive.

A CTA, or a call to action,

helps visitors do things like make a booking,

complete a purchase, or contact you directly.

Let's make this button a CTA,

prompting people to reserve a spot for this event.

Now let's add a link.

You can link to external sites if you need to,

but in this case we want to link users to our sign up below.

select the button then right-click link hover over enter link

and select section six it'll take us further down the website you can also link to external sites if you need to.

The button's look can be customized too,

so we'll remove the underline,

change the fill color, and change the outline color.

Now let's test it.

Select the button and click the link.

Perfect.

This section could use a map.

Let's go to Apps, then search for Google Maps.

I'll search for our event location,

new house, and add it.

Let's resize this to suit the section,

then right-click, hit Layer, and send to back so it sits under this little floral element.

In the Elements tab, you can also add a form for collecting feedback,

sign-ups, or contact details.

Let's add in one to collect RSVPs.

100

We'll just drag it in, then resize it.

101

Looking good!

102

Your site's now uniquely yours.

103

Branded, interactive, and built to connect.

104

So let's bring it to life.

105

With just a few clicks,

106

you'll be able to test your website,

107

set up SEO and privacy,

108

and share it with the world.

109

Here's how to do it.

110

Time to test everything out.

111

Click the preview button, then full screen,

112

and scroll through the site like a real visitor.

113

Toggle between desktop and mobile views to check responsiveness.

114

Canva adjusts your design automatically for each device,

115

but it's worth double checking that everything looks as it should.

116

Let's try out our button on mobile.

117

Perfect.

118

Let's get ready to publish.

119

First, let's check the settings.

120

Here, we can add in a favicon.

121

Favicons are a nice visual touch for your site,

122

and they show up in search engines and browser tabs.

123

Let's also change the title and add a meta description,

124

a short summary of a website's content,

125

which It appears in search engine results.

126

It's worth including a target keyword for SEO purposes.

127

I'll copy and paste in one I've prepared.

128

These elements help search engines to understand your content.

129

But, if your site is just for a specific audience,

130

say employees only, you can uncheck this box to hide your website from search engines.

131

You can also add a password protection to restrict access.

132

Keep Mobile Resize on to optimize your site for phones.

133

Let's turn on Social Link too.

134

That'll help make links to your site look good when shared on social media.

135

This is looking clean, functional, and professional.

136

Something you'd be excited to share.

137

Speaking of sharing...

138

Once you're happy with your design,

139

interactivity, and previews, it's time to get this site published.

140

You can edit the site address here.

141

Let's just add launch here.

142

This will become part of your site's web address.

143

Want your own domain name?

144

Canva's domain routing for websites lets you publish your site to a range of domain types,

145

like a free Canva domain,

146

a domain purchased through Canva,

147

or your own custom domain from another provider.

148

Once you're happy with the setup, hit Publish.

149

Give it a moment to load.

150

Once it's ready, here's where you can copy the URL to share with everyone.

151

Now is the moment we've been waiting for.

152

Let's hit View Website.

153

And there it is.

154

polished, professional, and is completely aligned with the brand's look and feel.

155

Want to see how your content is performing?

156

Insights lets you track engagement and with multi-page designs you can even view insights for each page individually.

157

It's a powerful way to see what's landing and where you might want to improve.

158

So you've learned how to design,

159

brand, customize, publish, and track a website that's not only beautiful but built to perform.

160

With Canva's Visual Suite, every step from layout to links,

161

brand assets to SEO happen in one powerful intuitive flow.

162

Thank you.

✨ Aanbevolen Video

163 zinnen

Brand Identity Design Challenge - Part 2 - How to create a full Behance Portfolio project

Business EnglishUniversity StudentsWorking Adults

44 zinnen

About This Lesson

In this lesson, learners will explore the fascinating world of website design through a YouTube video tutorial that highlights the capabilities of an innovative design tool. As you watch, you'll learn how to create visually engaging websites using templates and design features that make the process simple and user-friendly. This session emphasizes the importance of customization, branding, and effective visual storytelling. By practicing with this material, you will enhance your English speaking practice skills while gaining insights into the art of website creation.

Key Vocabulary & Phrases

Portfolio - A collection of work, typically used to showcase a person's skills or achievements.
Template - A pre-designed layout that serves as a guide for creating new content.
Multi-page design - A website structure consisting of multiple interconnected pages.
Customizing - The process of making changes to a design to reflect personal preferences or brand identity.
Section - A distinct part of a webpage that holds specific content, such as images or text.
Image resizing - The act of adjusting the dimensions of an image to fit within a given space on a website.
Visual consistency - A design principle that ensures all parts of the website align in style and layout for a harmonious look.
Brand identity - The visible elements of a brand, like colors and logos, that distinguish it from others.

Practice Tips

To effectively utilize the shadowing technique while watching the video, try the following tips:

Slow it Down: If the speaker's pace is too fast, consider adjusting the video speed settings. Slowing down the video will help you grasp the content better and improve your shadow speak skills.
Repeat Key Phrases: Upon hearing new vocabulary or phrases, pause the video and repeat them. This will reinforce your memory and improve your pronunciation.
Focus on Intonation: Pay attention to how the speaker modulates their voice, especially during important points. Emphasizing these intonations as part of your english speaking practice will make your own speech more engaging.
Use Visuals: As you watch, take note of the visual elements being discussed. Try to describe them in English to practice both speaking and comprehension.
Record Yourself: After shadowing the speaker, record your own version of the content. Listening back will help you identify areas for improvement in fluency and clarity.
Engage with Others: Discuss the content with peers who are also learning English. Sharing insights can enhance your understanding while practicing your speaking skills.

Grammatica in deze video

De structuren die de spreker het meest gebruikt, met de exacte woorden uit de video:

Structuur	In de video
Present perfect have/has + voltooid deelwoord — iets uit het verleden dat nu nog telt	you've never touched · I've added · They've been set
Lijdende vorm be + voltooid deelwoord — het gaat om wat er gebeurt, niet om wie het doet	They've been set · can be customized

Wat is de Shadowing-techniek?

Shadowing is een wetenschappelijk onderbouwde taalleermethode die oorspronkelijk is ontwikkeld voor professionele tolkentraining en gepopulariseerd door polyglot Dr. Alexander Arguelles. De methode is eenvoudig maar krachtig: je luistert naar native Engelse audio en herhaalt het onmiddellijk hardop — als een schaduw die de spreker volgt met slechts 1–2 seconden vertraging. In tegenstelling tot passief luisteren of grammaticadrills, dwingt shadowing je hersenen en mondspieren om echte spraakpatronen tegelijkertijd te verwerken en te reproduceren. Onderzoek toont aan dat het de uitspraaknauwkeurigheid, intonatie, ritme, verbonden spraak, luisterbegrip en spreekvaardigheid aanzienlijk verbetert — waardoor het een van de meest effectieve methoden is voor IELTS Speaking-voorbereiding en echte Engelse communicatie.

Shadowing-techniek: lees de volledige stap-voor-stap-gids →

Shadowing Practice: Wonderful website design - Learn English Speaking with Video

Brand Identity Design Challenge - Part 2 - How to create a full Behance Portfolio project

TIA Portal 101: The Beginner's Guide to Starting a New Project

Your AI broke the layout. Now what?

The Easiest Way to Build Websites

GATHERING IN THE DIGITAL ERA

How to Make a Mind Map - The Basics

Video

Data Presentation, Step-by-Step | Google Data Analytics Certificate

BEST Cartoon Effect in Photoshop

Clicks Communicator: First Look

How to Use Google Gemini Al (Full Tutorial)

The future unfolds! How to optimize Android apps for adaptive layouts

About This Lesson

Key Vocabulary & Phrases

Practice Tips

Grammatica in deze video

Wat is de Shadowing-techniek?