Web Design Trends in 2020: A Look Back
Web technologies and creative approaches have changed considerably since the early days of the web. This archive revisits the web design trends discussed in 2020, including animation, video, scrolling effects and typography. These ideas show the interests of that period, while the practical question remains whether a feature helps visitors use a website.
The original discussion focused on making websites engaging and easier to navigate. Visual novelty alone does not establish whether a design works: content, loading performance and accessibility also matter. The six themes below retain the article’s 2020 focus, with practical considerations for assessing them in a project rather than assuming every trend will improve results.
Animation
Animation remained a design topic in 2020, with web standards providing alternatives to older Flash-based experiences. Websites built with the WordPress content management system can incorporate animation through their theme or custom development. Movement should have a purpose, such as explaining a transition or giving feedback after an action. Avoid making essential information depend on an effect, and consider people who prefer reduced motion. The choice should follow the content and audience rather than the availability of an animation plugin.
Video
Video was already established before 2020, but its use in prominent page sections continued to attract attention. Its role varies with the website: a demonstration may explain a service, while background footage may establish a mood. In either case, the video should support the message and leave nearby text readable. Muting a video does not remove the distraction of movement. Consult W3C guidance on pausing moving content, and consider loading performance and a useful fallback image when planning the page.
Scrolling effects
Parallax is one type of scrolling effect, in which foreground and background elements move at different speeds. It appeared in the 2020 discussion as an established technique for adding depth to a page. The effect can attract attention, but it should not obscure content or make navigation harder. Provide a way to reduce unnecessary movement and keep the reading order clear. A visually interesting page still needs to work comfortably when visitors scroll at their own pace.
Sticky navigation
Sticky navigation keeps selected menu links available as visitors move through a page. This can help on longer pages, because users do not always have to return to the top to choose another section. The menu needs to remain compact enough to leave room for the content, especially on smaller screens where a large fixed header can become intrusive.
E-commerce websites offer a useful example, since visitors may move repeatedly between products and categories. Whether navigation stays fixed or scrolls with the page, test its labels, keyboard access and behaviour at different screen sizes before deciding which approach is most helpful.
Inventive typography
Typography was another theme in the 2020 article, including the use of serif and sans-serif combinations. Different typefaces can give a website a distinctive character, but the choice also needs to support reading. Check size, spacing, contrast and the relationship between headings and body text. A varied palette is useful only when it creates a clear hierarchy and remains consistent across the site.
Conversational interfaces and AI
The 2020 article anticipated wider use of conversational interfaces, including chatbots. For a business website, a chat interface needs a clear role, useful answers and a straightforward route to contact a person when needed.
These six topics capture part of the web design conversation in 2020. For a new project, assess each feature against the tasks visitors need to complete. Our guide to website usability explores that practical approach, while the benefits of quality web design article considers the broader business value. Clear goals help distinguish a useful feature from a passing visual fashion.