Do you know that 75% of individuals admit to judging a enterprise’s credibility primarily based on its web site design? Or that 94% of an internet site customer’s first impressions are design-related?
For sure, a beautiful and trendy web site ought to be a high precedence for what you are promoting in 2022. And fortunate for you, we’ve acquired 10 concepts and examples to encourage you primarily based on the traits of this yr.
10 web site & graphic design traits to observe in 2022
Use these 10 web site and graphic design traits to get concept and inspiration on your web site, enterprise branding, and different advertising and marketing collateral this yr and past.
1. Illustrations & doodles
If you happen to haven’t seen, extra manufacturers are utilizing hand-drawn illustrations like arrows and squiggly traces on their websites. These easy parts add a contact of motion and a pleasant really feel .
Go to this web site.
2. Huge typography & modern Serifs
Huge and daring typography is stealing the highlight in all places. These authoritative fonts create emphasis on key messaging and assist set the web page’s visible hierarchy. Typically the phrases change into extra of a graphic component themselves.
Go to this web site.
3. Classic design
Classic and retro kinds have been trending for a while, and we’re seeing increasingly of it in branding and web sites. These kinds evoke nostalgia and constructive feelings, serving to your model join on an emotional degree along with your viewers.
Go to this web site.
4. Flat icons
Many web sites and apps are shifting over to flat design rules to simplify and modernize their person interfaces. Moderately than utilizing Flat design makes use of fewer colours and easy shapes to convey a picture reasonably than advanced shading.
Is your web site doing the job? Get a quick, free audit with the LOCALiQ Web site Grader and discover out.
5. Complicated gradients
Curiously sufficient, advanced gradients are trending alongside flat design. They provide a pleasant complement to the simplicity of flat icons. Gradients are transitions from one colour to a different, whether or not it’s monochromatic (mild to darkish blue) or one colour to a different (yellow to inexperienced). They create visible curiosity, add depth, and shift focus throughout a display screen, which makes them versatile to be used wherever on an internet site—whether or not as a background or CTA button. It’s additionally one of many touchdown web page traits for 2022.
Go to this web site.
6. Refined movement
Refined movement is popping up in all places on web sites. Moderately than actual or animated movies, parts seem like they’re floating in house or present a slight shift or bounce when hovered over or reached. Refined movement might be utilized to backgrounds, buttons, icons, headings, and extra to assist maintain guests engaged.
You can too create interactive designs like Carbure’s web site under, the place customers can drag & drop the objects on the web page.
See the delicate movement right here.
7. Early aughts
That is one other type of retro and nostalgic web site design, this time specializing in the early 2000’s. In reality, TikTok has greater than 2 billion views for the #Y2K aesthetic—even Gen Z is tuned into this type.
Lancôme relaunched their early 2000’s staple Juicy Tubes final yr, with genius social media pics that featured a sizzling pink Recreation Boy console.
Go to this web site.
You don’t must be revamping an outdated product to learn from nostalgia, nevertheless. Any marketing campaign can incorporate retro references whether or not it’s a 70s font, 80s icons, or 90s neon. Nostalgic aesthetics lend themselves to social media campaigns however can be utilized throughout different channels and touchpoints too.
8. Inclusivity & accessibility
It is a broader 2022 digital advertising and marketing pattern the place companies are incorporating extra accessibility and inclusivity into their advertising and marketing collateral—web sites included.
Go to this web site.
Once we consider inclusivity in imagery, we often consider individuals—however you may as well symbolize totally different incomes and life along with your backdrops and settings. And we’ll proceed to see extra alignment with accessibility finest practices.
A seizure-friendly warning for the Workplace of Atypical issues web site.
9. Actual photos mixed with graphics & illustrations
There are photos everywhere in the web, so how are you going to make yours stand out? The present pattern is to overlay and overlap illustrations and graphics to offer them a playful and energetic really feel.
Go to this web site.
10. Interactive content material
Interactive content material is nothing new, however what is comparatively new is that it’s not only for cutting-edge web sites or advanced knowledge visualization. Within the web site proven above, illustrations seem over every canine as you hover over them. Because the mainstream will get extra entry to interactive content material instruments, we’ll be seeing extra ornamental interactive parts.
And knowledge visualization will proceed to evolve. Within the instance under, you’ll be able to hover over a language to see the place phrases have been adopted and naturalized elsewhere.
Go to this knowledge visualization.
Incorporate these web site design traits into your content material technique
The artistic designs on this put up can be utilized for not solely your web site, but additionally your emails, social media posts, occasions, and different parts of your content material advertising and marketing technique. Whether or not that’s a nod to nostalgia, a pleasant doodle, or a posh knowledge visualization, you’ll be able to stand out out of your rivals and have enjoyable whereas doing it!
To recap, listed here are the ten web site design traits to make the most of this yr:
- Illustrations & doodles
- Huge typography & modern Serifs
- Classic design
- Flat design
- Complicated gradients
- Refined movement
- Early aughts
- Inclusivity & accessibility
- Actual photos mixed with graphics & illustrations
- Interactive content material
