Digital Marketing Websites

How to Use Social Media to Influence and Inspire Your Web Design Projects

How to Use Social Media to Influence and Inspire Your Web Design Projects
Written by publishing team

DesignEditorial • • 6 minutes to read

In this day and age, many of us spend our lives scrolling and scrolling through social media sites. In addition to being a constant source of information and entertainment, Instagram, Pinterest, TikTok, and other social media sites can also provide an endless stream of inspiration.

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

Social media as a source of inspiration

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

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

6 web design ideas inspired by social media

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

  1. add originality
  2. draw attention
  3. Photo Enhancement
  4. Invitation to interact
  5. embrace mobile
  6. Upload User Generated Content

1. Adding originality

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

Source: Etsy

Online Email Template Generator

With Postcards, you can create and edit email templates online without any programming skills! It includes over 100 components to help you create custom email templates faster than ever before.

Try other products for free

Thanks to social media, we’re used to peeking into the lives of ordinary people, and this kind of behind-the-scenes reach drives the desire for more credibility in web design. Think of Team Meet pages that describe employees and literally give brands like Etsy a human face. Meanwhile, hovering the cursor over the Atlassian page reveals graphic elements that communicate everyone’s job, and at Sipsmith’s UK gin distillery, professional-looking headshots give way to a sneak peek – proving the brand is all about business and fun , if you will do it.

This search for “realism” has also inspired many brands to move away from ready-made images and posed shots toward original images that are instantly recognizable and measurable. This can do wonders to establish brand credibility, and prove that they understand their customers, the issues that matter to them and the things that make them tick.

Additionally, many fashion and beauty brands are now populating their product pages with user-generated content. Like swimwear label Andie, which invites customers to share photos of themselves “tailoring” their purchases along with their measurements so online shoppers can get a more accurate idea of ​​how each swimsuit will fit — whatever its length, size or shape.

2. Attracting attention

Every day, the online world offers more content than we can realistically consume in our lives, and so we are used to quick reading and quickly scanning websites for the information we require. Get inspiration from social media and use eye-catching visuals to fight the battle against information overload. For example, the cute stickers accompanying The Outline’s news stories quickly convey the gist of each story, while the icons in Parade tell customers about the characteristics of each garment (e.g., a snowy lollipop indicates a great texture that’s ultra-light to the touch) and the brand’s commitment to social causes. and environmental.

6 web design ideas inspired by social media

Source: parade

Likewise, gifs and memes stand out on social media, so why not web designers bring them to their projects? A picture says a thousand words, and when done well, these still and moving images can quickly communicate key messages, tap into the current mood and instantly draw readers’ eyes to the most important parts of each page. Like gifs of simple but addictively watchable Glossier products. Meanwhile, flavored sparkling water brand Recess is taking a disrespectful approach by turning its canned drinks into memes—like Peach Ginger, which credits Tiger King with the addition of mullet and mustache.

3. Photo Enhancement

We can also see Instagram’s love affair with filters running on brands’ websites – like perfume company Abel, where each fragrance is conveyed through a distinct color palette. Bottles of Pink Iris perfume feature crushed raspberries and rose petals, while accompanying lifestyle visuals have been modified to highlight subtle blush tones that combine to create a consistent 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, graphics and backgrounds to their photos in order to achieve an organized collage effect – something we can see in Adidas player photos, which feature doodles and graphics. Silhouettes for a hand-drawn look and feel.

4. Invitation interaction

Invitation to interact

Source: Bleach

Double tap to like, swipe to shop, move an emoji on a graduated scale to show interest – social media platforms invite connection and conversation. And the sites are no different. Not only do online forms, surveys, and other interactive elements enable brands to gather valuable data about what customers like and dislike, they can also help direct people toward the products and services they need—adding the much-sought-after element of personalization at the time. the present. Like the “Questionnaire” that appears on Bleach’s website, which asks a series of image-led multiple-choice questions to unite users with the perfect hair dye.

5. Mobile Optimization

Mobile-first is one of the most important rules of web design. And of course, social media offers advanced content lessons that are easy to consume on the go. With fewer and fewer people browsing websites on their PCs and laptops, web designers have spent the past few years optimizing for mobile and coming up with responsive pages in an effort to provide the best possible user experience.

Whether you are planning to overhaul your website or make some tweaks and changes to support rapid consumption, take a look at We Transfer’s editing platform. Thanks to the site’s modular design, text and images are given equal prominence, with paragraphs and cut quotes interspersed with videos and images that entice the audience to keep reading.

Mobile optimization

Source: WePresent

6. Upload User Generated Content

Upload User Generated Content

Source: made

We know that people love to share on social media, and user-generated content (UGC) is increasingly popping up on web pages via handles and hashtags. Like homeware retailer Made, what are customers posting on Instagram throughout their site under the “less-than-humble” call-to-action? Mention @madedotcom in your photos and we’ll feature the best photos. Horizn Luggage is also making its customers wanderlust with An invitation to show us how smart you are to travel by sharing your most inspiring snapshots. Use the hashtag #LetsGoFMore for your chance to stand out. Suddenly, websites have become part of these brands’ community building efforts.

And while we’ve seen tools and plugins used to simplify the transition from the site to social media for years, web design inspiration can also be found in the icons and mentions people are used to seeing on Twitter and Facebook. For example, we find that Cult Beauty highlights “popular” skincare and makeup items, as well as adding a tag to 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 hashtag #eosflavorlab.

Bonus tip: Use social networks to gather insights about web design

Source: Evolution of Smooth

In addition to being inspired by social media, you can use platforms like Pinterest and Instagram — or creative networks like Behance — to inform your next web design project. Ask questions, run a poll, and ask your followers to vote for their favorite photo or landing page design – you’ll soon get a feel for what people do and don’t like.


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. To learn more about web design, social media, graphic design, marketing, and more, don’t forget to check out the Envato Blog.


Helen Alexander is a freelance writer and contributor to Envato, with a passion for charting the latest food, drink, travel and design trends. She currently resides in London, where she is never short of inspiration.

About the author

publishing team