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
advanced lesson on de-extinction
C1 / Advanced | C2 / Proficiency
Standard Lesson 60 min

Is de-extinction around the corner?

Global Issues Technology

Discuss the revival of animals with this advanced lesson on de-extinction! Students practise verb phrases connected to genetic engineering, watch a video about an experiment and role-play a meeting about the Jurassic Park idea.

talking about AI
C2 / Proficiency
Standard Lesson 60 min

Agentic AI

Technology

Get students talking about AI with this advanced lesson! They share their views on technology, review adjectives and expressions for discussing AI and watch part of a video about agentic AI.

ESL lesson on first impressions
C1 / Advanced | C2 / Proficiency
Standard Lesson 60 min

Go with your gut

General

Uncover the world of first impressions with this lesson! Students watch a video about how first impressions affect our opinions, share their views and practise phrases related to intuition and decision-making.

discussing farming
C1 / Advanced | C2 / Proficiency
Standard Lesson 60 min

Farming: present and future

Global Issues Technology

Get students to discuss farming with this advanced lesson! They practise vocabulary for talking about farming and agriculture, watch a video on AI in farming and discuss future farming scenarios.

engineering vocabulary
C2 / Proficiency
Vocabulary Lab 45 min / 60 min

From engineering to metaphors

General Technology

Dive into engineering and figurative language with this lesson! Students talk about engineering and machines, practise vocabulary for mechanical parts and structures and explore the figurative meaning of expressions.

ESL lesson on pronunciation and spelling
C1 / Advanced | C2 / Proficiency
Standard Lesson 60 min

Pronunciation and spelling oddities

General

Talk about pronunciation and spelling with this lesson! Students watch a funny video about silent letters in English, practise words with challenging spelling and pronunciation and discuss various statements.

C1 / Advanced
Critical Reading Club 45 min

Rethinking fairy tales

General

Read and discuss an article about the influence of fairy tales! Students explore phrases inspired by fairy tales, debate their pros and cons for children and talk about their experiences. They also create a plot for a modern fairy tale.

talking about how devices work
B2 / Upper Intermediate | C1 / Advanced
Standard Lesson 60 min

Do you know how this device works?

Technology

Students engage in talking about how devices work in this lesson! They practise action verbs for devices, watch a video on 3D food printing and imagine new devices to solve everyday problems.

talking about mysteries and theories
C1 / Advanced | C2 / Proficiency
Standard Lesson 60 min

It’s a mystery!

General

With this lesson, students debate mysteries and real-life cases. They practise vocabulary for talking about mysteries and theories, watch a video on Amelia Earhart’s disappearance and share their thoughts.

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
Title separator
Title separator
Close icon
Looking for the perfect gift? Give the gift of ESL Brains access!
Gift of ESL Brains access