Web design trends

Title separator

Vocabulary - web design

Flipped

LESSON OVERVIEW

The main objectives of this lesson about web design are:

  • learn and practise the terms related to web design;
  • analyse the information from a video by highlighting and utilising its key points;
  • work on expressive language skills. 

In this flipped lesson students learn the vocabulary to describe web design: technical terms and more sophisticated phrases to describe the terms. Students also watch a video about web design trends and describe some modern websites of different companies. They also talk about other aspects of web design such as its current trends and its future. 

C1 / Advanced
C2 / Proficiency
60 minFlipped LessonUnlimited Plan

This is a Flipped Classroom lesson plan. In a nutshell, it means that the first part of the lesson needs to be done by students at home. Learn more about flipped classroom and how we implement it in these lesson plans in our post.

PRE-CLASS ACTIVITIES

In this part of the lesson about web design students learn design terms and prepare for a lesson. First, they match the terms (e.g. hover, whitespace, parallax scrolling, etc.) to their definitions. After that, students read the statements and decide which terms from the previous activity they describe. The statements include some useful phrases that students can use in a classroom discussion (e.g. improve readability, reduce clutter, celebrate minimalism, encourage users to stick around, etc.). Finally, students explore websites or apps they use and find examples of how the terms they learned are implemented. In such a way, they prepare for a class discussion

IN-CLASS ACTIVITIES

This part of the lesson about web design starts with a warm-up in which students share what they like and dislike about the website/app of their choice. After that, students move on to a video activity. Before they watch the video, students look at some trends (e.g. overstimulation, animated product reveal, overlapping text, 90s aesthetic, etc.) and guess which one the video won’t mention. Then, they watch the video and check their answer. Students also read some statements and match them to the trends. After that, students watch the video again and check their answers. Students also analyse real websites of some companies and use the vocabulary they learned. At the end of this lesson about design, students also discuss the web design industry and the profession of a web designer. Finally, students choose one of the statements related to web design and elaborate on it. 

HOMEWORK/REVISION

This lesson about web design also includes an additional task that you can use as homework or revision. In the task, students use the trends and the vocabulary they learned in the lesson. The task is available in the teacher’s version of the worksheet. You can print it and hand it out to your students. It’s also included in the e-lesson plan.

WORKSHEETS

Comments

Title separator

Leave a Reply

  1. Elizaveta SK

    Dear Olia,

    My students loved this lesson! Thank you!
    One thing, when I open the slides, it says, “The file is in the owner’s bin and you will soon permanently lose access to this file”. Please don’t let this beautiful lesson plan disappear.

    Cheers,
    Liz

    1. Stan

      Hi Liz! Thanks for bringing this to our attention. It was my mistake but I retrieved the file as we’re not planning to have this lesson disappear 🙂

Browse other materials recommended for you

Title separator
talk about accents
C1 / Advanced
Standard Lesson 60 min
Loading

This is why we have accents (pronunciation activities)

General

Engage in the exploration of accents and pronunciation! Students talk about how they feel speaking a foreign language, explore vocabulary to discuss accents and practise pronunciation skills.

talking about personality types
B2 / Upper Intermediate | C1 / Advanced
Speaking Class 45 min / 60 min
Loading

Lone wolf or social butterfly? Understanding personalities

General

With this lesson, students talk about personality types, revise adjectives to describe themselves and watch a video about how birth order affects a person. They also brainstorm why people change their personalities and discuss whether they agree with different opinions.

financial crimes vocabulary
C1 / Advanced
Standard Lesson 75 min
Loading

Financial crimes

General Global Issues

In this lesson, students practise vocabulary related to financial crimes and watch a video about money laundering. They also discuss real cases of financial fraud, read a film synopsis and talk about their personal opinions.

advanced grammar revision
C1 / Advanced
Flipped Lesson 60 min
Loading

Brave new influencers

Grammar Technology

With this Flipped lesson, advanced students get a great chance to revise and practise grammatical aspects, learn collocations connected to social media activity and have engaging conversations about AI influencers.

talking about money and finances
C1 / Advanced | C2 / Proficiency
Speaking Class 45 min / 60 min
Loading

Let’s talk money

General

With this speaking lesson, students talk about financial literacy, listen to excerpts from a podcast on the topic and discuss their experiences and perspectives. They also analyse money-related situations and come up with solutions.

ESL lesson on copyright
C1 / Advanced
Standard Lesson 60 min
Loading

Fight for your (copy)rights!

Global Issues Technology

With this lesson, students master vocabulary and engage in dynamic discussions on AI and copyright. Students also work with authentic headlines, and enhance listening and interpretation skills with a news video.

ESL lesson on nepotism
C1 / Advanced | C2 / Proficiency
Speaking Class 45 min / 60 min
Loading

When familial meets professional

Business General

In this lesson, students reflect deeply on work-family dynamics, explore nuances of nepotism, and enrich vocabulary through engaging discussions. Students also listen to excerpts from a podcast to spark critical thinking.

irregular plural nouns
C2 / Proficiency
Standard Lesson 60 min
Loading

Theories and laws (irregular plurals)

General Grammar

With this lesson, students will enhance their scientific vocabulary, understand how to create and use irregular plural nouns and cultivate curiosity by engaging with an explainer video on scientific laws and theories.

B2 / Upper Intermediate | C1 / Advanced
Speaking Class 45 min / 60 min
Loading

Design engineering

Technology

Dive into the world of creative problem-solving while encouraging students to think about the real-world impact of design engineering. This lesson explores the possibilities of innovative thinking in an engaging way.

Show more lessons

Questions

Title separator

Is there a minimum subscription period if I choose a monthly subscription?

No, there’s no minimum required number of subscription months. You can cancel any time you want. Basically, you can sign up and then cancel your subscription the next day, which will mean you have access for 1 month and won’t be charged again.

What currencies can I pay in for my subscription?

Our default currency is USD (American dollar), but you can also pay in EUR (euro), GBP (British pound sterling) or PLN (Polish zloty). You can change the currency you want to pay in at the Pricing page before selecting a subscription plan.

How can I edit an e-lesson plan?

You can get your own editable copy of an e-lesson plan and make changes to it. To do so, either (1) make a copy of it on your Google Drive (preferable method) or (2) download it in a Powerpoint format (but formatting might be a bit off so we can’t guarantee that it will work well).

Read more FAQ
Title separator

ESL Brains

Forgot password?
or continue with