Web design trends

1. Match the design terms to their definitions.

hover overlapping parallax scrolling typography whitespace zooming effect

A. technique in which the content of a web page or a digital application dynamically changes its scale
B. placement of one element over another
C. design technique where different elements on a web page move at different speeds as you scroll
D. action of moving the cursor over an element on a web page, triggering a change in appearance or
behaviour
E. empty space between elements on a web page
F. choice of fonts, their size, spacing and styling

2. Read the statements and decide which terms from ex. 1 they describe. Some terms might be related
to multiple sentences.
A. It provides a captivating sense of depth and creates a feeling of immersion.
B. It helps improve readability and reduce clutter.
C. It plays a crucial role in conveying the website's message and aesthetic.
D. It enhances user interactivity and encourages users to stick around.
E. It helps to make elements more prominent.
F. You’d want to avoid it if your goal is to celebrate minimalism.

3. Explore a few websites/apps you use and find examples of the implementation of the terms from ex.
1. Prepare to talk about the design of one of the websites/apps in class.

Copyrights by ESL Brains. For use only with license.

Web design trends

4. Think about the website/app you use. Say what you like and dislike about its design.

5. You are going to watch a video about nine web design trends to refresh a website. Guess which of the
points below won’t be mentioned in the video. Explain why you think so.
• animated product reveal • 90s aesthetic
• 3D world • scrapbook aesthetic
• overstimulation • typographic layout
• use of stock photos • overlapping text
• parallax zoom scrolling • exploiting error 404

6. Watch the video [https://youtu.be/6XfcE7yxOoI] and check your answer to ex. 5.

7. Complete the statements with trends from ex. 5. Watch the video again and check your answers.
EXAMPLE: The essence of 90s aesthetic lies in embodying nostalgic methods, such as pixelated
desktop icons and vibrant colour blocks in menus.

A. ___________________ expresses the effectiveness of simplicity, highlighting that visuals don’t

always win over arranging words and text.
B. ___________________ challenges the dominance of whitespace, opting for full-on customization
and not being afraid to look different.
C. ___________________ employs entertaining animations and adds an element of play to entice
visitors to stay.
D. ___________________ exploits the technique of moving the cursor and changing appearance,
which streamlines browsing experience and minimizes visual distractions.
E. ___________________ prioritizes style over readability, breaking conventions while maintaining a
visually appealing presentation.
F. ___________________ infuses a film-like feeling into the digital experience and proclaims
realism’s inferiority to style.

Copyrights by ESL Brains. For use only with license.

Web design trends

8. Look at the types of companies in the boxes and discuss what design you expect to see on their
websites.

probiotics restaurant tech

creative agency
company solution provider

9. Choose one of the company types from ex. 8 and explore their website. Compare their design with
your ideas and say what you like and dislike about their design. Use the phrases in the box.

be unashamedly weird celebrate efficient minimalism cinematic touch

convey a message encourage users to stick around enhance user interactivity
provide/create a sense/feeling of reduce clutter sacrifice readability for style

10. Discuss the questions.

• Do you agree with the choice of current web design trends?
What trends do you think are particularly effective or overused?
• What would you add to the list of emerging web design trends?
Are there any innovative design approaches you believe should
gain more attention?
• What are your thoughts on these web design principles?
- minimalism
- AR/VR
- voice-user interfaces
- dark mode
• In your opinion, do web design trends change too rapidly, making it challenging to keep up?
• What strategies or resources do you recommend for staying updated on the latest web design
trends and best practices?
• What do you envision as the future of web design?
• In your view, how important is it for web designers to consider the cultural and societal context
when implementing design trends?
• Is the profession of a web designer considered difficult? What are some of the challenges and
rewards associated with a career in web design?

Copyrights by ESL Brains. For use only with license.

Web design trends

11. Choose one of the statements and elaborate on it.

• Web designers are akin to artists, with each possessing a unique style and approach to their craft.
• AI has the potential to augment the capabilities of web designers, particularly in automating
repetitive tasks, but it can't fully replace the creativity and originality that human designers bring
to the table.
• The rise of low-code and no-code website-building platforms is democratizing web design,
allowing individuals with little or no technical background to create functional and visually
appealing websites.

Copyrights by ESL Brains. For use only with license.