17/12/2022
Website trends 2023👀
We have collected for you the most interesting trends of the coming year. Hope you will be inspired!
1. Animated product reveals
Hover animations have always been useful for subtle micro-interactions, keeping the visitor passively engaged. But in 2023, web designers are going even bigger with hover animations, transforming ordinary page elements into dazzling product reveals.
https://www.icam-inox.com
This trend accomplishes several goals at once. It supports speed browsing, as the visitor can quickly review a product without clicking on another page. It animates the product, providing a teaser of how it might be used. It bolsters a minimal interface, showing photos one at a time and keeping the page free of image clutter. It can introduce a new foreground dimension to the site, animating product photos on top of the existing page.
https://ayond.jp
And finally, like most surprise interactions, these hover animations create a feeling of discovery, making the visitor want to keep exploring to find even more reveals.
https://www.orb-space.com
2. Immersive 3D worlds
https://technology.panasonic.eu
Last year, many websites favored immersive scrolling experiences that pulled viewers into the page. Partially thanks to a continued interest in VR tech, this trend has now evolved into completely immersive websites—fully rendered 3D worlds.
https://gucciburst.gucci.com
Immersion gimmicks are nothing new but rarely do they go so far as to take the user on a journey through digital space with the smooth tracking of a crane camera. And while audio techniques used to be considered a tacky relic of the early internet, subtle music is making a comeback in order to add a cinematic touch. Because audio does still come with accessibility challenges, most websites will ask for permission to play music before loading the page.
https://www.masardestination.com
https://www.joshuas.world
3. “Dopamine colors”
https://nikeplaylab.com
Above, stark purples, greens, and yellows are used fashionably by Nike PLAYlab, an online challenge for kids. While bright colors always get kids’ attention, this hero section works because it appeals to children while keeping Nike’s cool factor. It’s a stylish, bold design that fits perfectly with the Nike brand.
4. Integrated typography
https://www.extralagence.com
For some designers, typography can feel like a chore. Finding the right black-and-white sans serif typeface to fit your expansive visual design is tedious and thankless. But for modern websites, typography and design don’t have to be separate.
Every website needs text and images, so this trend is valuable for almost any business. Make text part of your design by layering it over images, using unique geometric shapes and patterns, or otherwise making it an integrated piece of your overall design.
5. Glassmorphism
https://www.galp.in
The first hints of glassmorphism started with neomorphism in late 2020 and early 2021 and evolved into the more complete glass effect that’s popular now.
Glassmorphism is just what you might think: Design elements that have a look that’s reminiscent of glass. There may be elements of transparency, frostiness, or glossiness.
Designers have been playing with this style in a major way on Dirbbble and it's finding a way into a larger number of published website designs.
Sources that we’ve used to create this post:
https://dribbble.com
https://penji.co/
https://99designs.com/