How to use social media to influence and inspire your web design projects


DesignEditorial • • 6 minutes READ

These days, many of us spend our lives browsing and scrolling through our social networks. And, aside from being a constant source of news and entertainment, Instagram, Pinterest, TikTok, and other social media sites can also provide an endless flow of inspiration.

Read on to find out how social media can positively influence the web design choices of marketers, designers, brands, and businesses.

Social networks as a source of inspiration

From photo editing tools and filters to stickers and memes generators, today anyone with a smartphone can add striking visuals to their posts. But social media can also provide a rich source of creative inspiration, even for the most experienced web designers.

Remember, the things that gain likes, shares, and interactions today are likely to spill over into web design trends tomorrow, so now is the time to start thinking about what you can learn from the media. social issues and how to incorporate it into your design thinking. .

6 social media inspired website design ideas

Read on to find out how social media can influence your web design project by:

  1. Adding authenticity
  2. Draw attention
  3. Boost images
  4. Inviting interaction
  5. Embrace mobile
  6. UGC elevation

1. Add authenticity

Source: Etsy

Online email template generator

With Postcards, you can create and edit email templates online without any coding skills! Includes over 100 components to help you create personalized email templates faster than ever.

Try for freeOther products

Thanks to social media, we’re used to getting a glimpse into everyday people’s lives, and this kind of behind-the-scenes access drives the desire for more authenticity in website design. Think of the “meet the team” pages that introduce employees and literally put a human face on brands like Etsy. Meanwhile, hovering the pointer over the Atlassian page reveals graphic elements that communicate each person’s function, and at UK-based gin distillery Sipsmith, professional-looking portraits give way to a snapshot. lightweight – establishing that the brand is synonymous with work and pleasure, if you will be.

This quest for “reality” has also inspired many brands to move away from stock images and posed shots to authentic, instantly recognizable and identifiable photographs. It can do wonders in establishing a brand’s credibility and demonstrating that it understands its customers, the issues that are important to them, and the things that motivate them.

Additionally, many fashion and beauty brands are now filling their product pages with user-generated content. Like beachwear brand Andie, which invites customers to share images of themselves “modeling” their purchases as well as their measurements so that online shoppers can get a better idea of ​​their size. each swimsuit, whatever their size, size or morphology.

2. Attract attention

Every day, the online world offers more content than we could realistically ever consume in a lifetime, and so we have become accustomed to reading quickly and crawling sites quickly for the information we want. we need. Take inspiration from social media and use eye-catching visuals to combat information overload. For example, the adorable stickers that accompany the reports published by The Outline quickly convey the essence of each story, while the icons featured on Parade educate customers on the properties of each garment (for example, an ice lolly indicates ultra fabric. -light to the cool touch) and the brand’s commitment to social and environmental matters.

6 social media inspired website design ideas

Source: Parade

Likewise, gifs and memes stand out on social media, so why shouldn’t web designers make them part of their projects? A picture is worth a thousand words, and when done right, these static, animated images can quickly communicate key messages, tap into a current mood, and instantly catch readers’ eyes to the most important parts of every page. Like Glossier’s simple yet addicting product gifs. Meanwhile, flavored sparkling water brand Recess takes an irreverent approach by turning its canned drinks into memes – like Peach Ginger, which pays homage to Tiger King with the addition of a mullet and mustache.

3. Boost imagery

We can also see Instagram’s love story with the filters playing out on the websites of brands – like fragrance company Abel, where each scent is conveyed by a distinct color palette. The Pink Iris perfume bottles feature crushed raspberries and rose petals, while the accompanying lifestyle images have been altered to bring out delicate blush tones that combine to create a cohesive aesthetic. As a result, the brand offers a valuable lesson in applying specific identities and emotions to individual pages, products or website elements.


Source: Adidas

Speaking of visuals, think of the editing tools available on Instagram Stories that allow users to add captions, designs, and backgrounds to their photos to achieve an organized collage effect – something we can do. see in adidas player images, which feature scribbles and silhouettes for a hand-drawn look and feel.

4. Invitation to interaction

Inviting interaction

Source: bleach

Double tap to like, swipe up to shop, move an emoji on a sliding scale to show interest – social media platforms invite communication and conversation. And websites are no different. Online forms, surveys and other interactive elements not only allow brands to collect valuable data about their customers’ likes and dislikes, but they can also help direct people to the products and services they need. adding that extra element of personalization that is so sought after these days. Like the “quiz” that appears on the Bleach site, which asks a series of image-based multiple choice questions to unite users with their ideal hair dye.

5. Mobile optimization

Mobile-first is one of the most important web design rules. And, of course, social media offers a masterclass of content that’s easy to consume on the go. With fewer and fewer people browsing websites on their home computers and laptops, web designers have spent the last few years optimizing for mobile and creating responsive pages in an effort to provide the best user experience. possible.

Whether you’re planning to overhaul your website or make a few tweaks and tweaks to promote fast consumption, take a look at We Transfer’s editorial platform, We Present. Thanks to the modular construction of the site, text and images are equally important, with paragraphs and quotes interspersed with videos and images that keep the audience reading.

Mobile optimization

Source: WePresent

6. Elevate the UGC

UGC elevation

Source: Manufactured

We know people love to share on social media, and User Generated Content (UGC) is appearing more and more on web pages via handles and hashtags. Like housewares retailer Made, who posts customers’ Instagram heroes on their site under the call to action “less than humility about your home?” Mention @madedotcom in your photos and we’ll feature the best photos. Luggage company Horizn is also tackling its customers’ desire to travel by inviting them to “show us how smart you travel by sharing your most inspiring shots.” Use the hashtag #LetsGoFurther for the chance to be featured ”. As a result, websites are part of the community development efforts of these brands.

And while we’ve seen widgets and plugins being used to streamline the site’s transition to social media for years, web design inspiration can also be found in the symbols and signals that people have become accustomed to. to see on Twitter and Facebook. For example, we find Cult Beauty highlighting its ‘trending’ skincare and makeup items, as well as adding a check mark against products whose claims have been verified by a third party. Additionally, Evolution of Smooth has incorporated a hashtag into its web design, dedicating an entire landing page to products under the #eosflavorlab banner.

Extra tip: use social media to collect web design information

Source: Evolution of Smooth

Besides being inspired by social media, you can use platforms like Pinterest and Instagram – or creative networks like Behance – to inform your next website design project. Ask questions, take a poll, and have your followers vote for their favorite image or landing page design – you’ll soon have an idea of ​​what people like and dislike.

In conclusion

As social media continues to grow and dominate the digital space, we have no doubt that it will continue to influence the evolution of web design. For more on web design, social media, graphic design, marketing, and more, be sure to check out the Envato blog.


Helen Alexander is a freelance writer and contributor to Envato, passionate about mapping the latest trends in food and drink, travel and design. She is currently based in London, where she never runs out of inspiration.


Comments are closed.