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.

✨ Recomendar Video

163 oraciones

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

Business EnglishUniversity StudentsWorking Adults

44 oraciones

Vocabulario y notas de pronunciación para esta lección

Esta lección de conversación de nivel C1 se basa en el vídeo “Wonderful website design”. Las palabras que más se repiten: website, add, brand, site, section. Este vídeo tiene 162 frases y 1347 palabras para practicar shadowing. La parte hablada dura 9:33. El hablante mantiene un ritmo constante de unas 141 palabras por minuto, cómodo para el shadowing. El 82 % de las palabras está entre las 3.000 más comunes del inglés; conviene repasar el resto antes de empezar.

Vocabulario clave de este vídeo

Las 15 palabras más avanzadas del vídeo, con su pronunciación y significado:

Palabra	Pronunciación	Significado
resize verbo		cambiar de tamaño, redimensionar
preview sustantivo	/ˈpɹiːvjuː/	preestreno, premier
customize verbo	/ˈkʌs.tə.maɪ̯z/	entallar, customizar
interactive adjetivo	/ˌɪn.tɚˈæk.tɪv/	interactivo
adjust verbo	/əˈd͡ʒʌst/	ajustar, arreglar
layout sustantivo	/ˈleɪ.aʊt/	maquetación, impaginación
approve verbo	/əˈpɹuːv/	aprobar, sancionar
favicon sustantivo	/ˈfævɪkɒn/	favicono
template sustantivo	/ˈtɛm.plɪt/	plantilla
scroll sustantivo	/skɹoʊl/	rollo, pergamino
visitor sustantivo	/ˈvɪzɪtɚ/	visita
interactivity sustantivo	/ɪntəɹækˈtɪvɪti/	interactividad
keyword sustantivo	/ˈkiː.wɜːd/	palabra clave, clave
optimize verbo	/ˈɑptɪmaɪz/	optimizar
placeholder sustantivo	/ˈpleɪsˌhoʊldɚ/	comodín, marcador de posición

Phrasal verbs que vas a escuchar

Palabra	Pronunciación	Significado
check out verbo		investigar, chequear
come together verbo	/ˈkʌm tʊˈɡɛðɚ/	juntarse, concitarse
lay out verbo	/ˌleɪ ˈaʊt/	encaminar
sign up verbo		inscribir, alistar
try out verbo		probar, ensayar

Frases que vale la pena repetir

Frases cortas y completas del vídeo que puedes reutilizar en la conversación diaria:

First, let's find a starting point.
Here's the one I want.
I'll open it to preview.
Want your own domain name?
Want to see how your content is performing?

Gramática en este vídeo

Las estructuras que más usa el hablante, con las palabras exactas del vídeo:

Estructura	En el vídeo
Present perfect have/has + participio pasado — una acción pasada que sigue importando ahora	you've never touched · I've added · They've been set
Voz pasiva be + participio pasado — importa lo que ocurre, no quién lo hace	They've been set · can be customized

Pronunciación a tener en cuenta

El hablante usa 30 contracciones y formas reducidas, como I'll, I'm, I've. Dilas en su forma corta, tal como las oyes.

Palabras largas — cuida el acento: interactive /ˌɪn.tɚˈæk.tɪv/, interactivity /ɪntəɹækˈtɪvɪti/, responsiveness /ɹɪˈspɑn.sɪv.nɪs/, intuitive /ɪnˈtjuːɪtɪv/, individually /ˌɪndɪˈvɪd͡ʒ(u)əli/

Sonidos difíciles para hispanohablantes:

/v/ — no es /b/: los dientes tocan el labio inferior: preview /ˈpɹiːvjuː/, interactive /ˌɪn.tɚˈæk.tɪv/, approve /əˈpɹuːv/, favicon /ˈfævɪkɒn/, visitor /ˈvɪzɪtɚ/
/z/ — sonora, no /s/: customize /ˈkʌs.tə.maɪ̯z/, visitor /ˈvɪzɪtɚ/, optimize /ˈɑptɪmaɪz/, browser /ˈbɹaʊ.zəɹ/
/dʒ/ — no es la “y” ni la “ch”: adjust /əˈd͡ʒʌst/, imagery /ˈɪmɪd͡ʒɹi/, individually /ˌɪndɪˈvɪd͡ʒ(u)əli/

Cómo practicar con este vídeo

Escucha el vídeo entero una vez sin hablar y anota las palabras que no conoces.
Haz shadowing frase por frase a velocidad normal, repitiendo cada una hasta que tu ritmo coincida con el del hablante.
Grábate y compara con el original, prestando atención a palabras como resize, preview, customize.

¿Qué es la Técnica de Shadowing?

Shadowing es una técnica de aprendizaje de idiomas respaldada por la ciencia, desarrollada originalmente para la formación de intérpretes profesionales y popularizada por el políglota Dr. Alexander Arguelles. El método es simple pero poderoso: escuchas audio en inglés nativo y lo repites en voz alta de inmediato, como una sombra que sigue al hablante con solo 1-2 segundos de retraso. A diferencia de la escucha pasiva o los ejercicios de gramática, el shadowing obliga a tu cerebro y músculos de la boca a procesar y reproducir simultáneamente patrones de habla reales. Las investigaciones muestran que mejora significativamente la precisión de la pronunciación, la entonación, el ritmo, el habla conectada, la comprensión auditiva y la fluidez al hablar, convirtiéndola en una de las metodologías más efectivas para la preparación del IELTS Speaking y la comunicación en inglés en el mundo real.

Técnica de shadowing: lee la guía completa paso a paso →

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

Vocabulario y notas de pronunciación para esta lección

Vocabulario clave de este vídeo

Phrasal verbs que vas a escuchar

Frases que vale la pena repetir

Gramática en este vídeo

Pronunciación a tener en cuenta

Cómo practicar con este vídeo

¿Qué es la Técnica de Shadowing?