{"id":20104,"date":"2018-12-11T09:33:44","date_gmt":"2018-12-11T09:33:44","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=20104"},"modified":"2018-12-11T09:33:44","modified_gmt":"2018-12-11T09:33:44","slug":"social-media-web-design","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/social-media-web-design\/","title":{"rendered":"Social Media &#8211; The Secret Sauce for Web Design in 2019\u200b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"20104\" class=\"elementor elementor-20104\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5bee66e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5bee66e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1499f32\" data-id=\"1499f32\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad803a1 elementor-widget elementor-widget-text-editor\" data-id=\"ad803a1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We tend to think that design trends are dreamed up by some artist in a magical studio apartment in New York.<\/p><p>The truth is that a variety of design trends have been popping up in quite varied and unlikely locations. Some even from channels that designers infamously despise!<\/p><p>You&#8217;ll be surprised to read that one major influencer for recent design trends comes from no other than&#8230; wait for it&#8230;<\/p><p>Social Media!<\/p><p>I Know what you&#8217;re probably thinking:<\/p><p><i>&#8220;What? Social media impacts MY design?? I\u2019m not even on Facebook!&#8221;<\/i><\/p><p>Hold on, Jackson Pollock! You\u2019d be surprised what I discovered.<\/p><p>Here are a few memorable examples showing the impact of <a href=\"https:\/\/elementor.com\/blog\/how-busy-web-creators-can-build-successful-social-media-presence\/\">social media on our work as designers<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e7fd261 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e7fd261\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de2c76a\" data-id=\"de2c76a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-76a5266 elementor-widget elementor-widget-heading\" data-id=\"76a5266\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Impact of Instagram<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b25ad1e elementor-widget elementor-widget-heading\" data-id=\"b25ad1e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Today, users are able to edit amazing images with a click of a button. Designers need to step up their game and look for the \u2018next thing\u2019 in image editing.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cccc41 elementor-widget elementor-widget-text-editor\" data-id=\"9cccc41\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Let&#8217;s start with the most basic design must &#8211; images. And it&#8217;s impossible to talk about images without mentioning Instagram.<\/p><p>Instagram is an app considered the \u2018lesser of all social evils&#8217; in the design world. The use of a picture without any text gives it a place of honor, a cut above the rest.<\/p><p>When Instagram appeared on the scene, it suddenly enabled <i>any<\/i> user to edit images and turn them into something no less than AMAZING with just a click of a button.<\/p><p>That&#8217;s why nowadays, when a designer is working on their latest project, there is this perpetual need to discover the \u2018next best thing&#8217; in image editing. Not to mention, how to avoid the pitfalls of design clich\u00e9s &#8211; like applying filters to images.<\/p><p>There are some approaches that desigers use, to help make their images stand out:<\/p><ul><li>Experimenting with photography by setting up interesting compositions in a studio.<\/li><li>Playing with editing styles in Photoshop.<\/li><li>Adding crafty <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\"   title=\"typography\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"5256\">typography<\/a> elements to give it that extra-added design touch that only a designer can offer.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d56d5ed elementor-widget elementor-widget-image\" data-id=\"d56d5ed\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/landing.adobe.com\/en\/na\/products\/marketing-cloud\/ctir-3108-running-on-experience\/index.html\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Adobe_page-r4q744sskqo4oijq2ou9b7rxonrfdyqasihgu4lmnc.png\" title=\"Adobe_page\" alt=\"Adobe_page\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f6894e elementor-widget elementor-widget-text-editor\" data-id=\"6f6894e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One fine example of such exceptional photography can be seen on Adobe&#8217;s\u00a0<a href=\"https:\/\/landing.adobe.com\/en\/na\/products\/marketing-cloud\/ctir-3108-running-on-experience\/index.html\" target=\"_blank\" rel=\"noopener\">landing page<\/a>. This page uses images and videos shot in a studio, edited in Photoshop, featuring the duotone-look we love so much, topped off with an artsy paint-brush font.<\/p><p>They wrapped all this up into their charming landing\u00a0page, which even includes an interactive infographic! OMG!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f4b196 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f4b196\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3810249\" data-id=\"3810249\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3634793 elementor-widget elementor-widget-heading\" data-id=\"3634793\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Life Through the Lens<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-742a3aa elementor-widget elementor-widget-heading\" data-id=\"742a3aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Users document everything. The stories have to be authentic - 'the real thing'. As a designer, I am propelled to share the behind-the-scenes of my creative process.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d06a53 elementor-widget elementor-widget-text-editor\" data-id=\"4d06a53\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Contrary to high-level image editing and the constant quest for elitist design, the dawn of a new phenomenon has arrived: documentation.<\/p><p>Nowadays when creatives start designing, their main focus is on the underlying message they are trying to convey, and how to share it most authentically. That\u2019s why the use of stock images has become a thing of the past and <i>users themselves have become the presenters of the product.<\/i><\/p><p>Since most designers, myself included, are accustomed to being behind the scenes, it may be quite a challenging shift to appearing <i>on-screen<\/i>. Suddenly you are supposed to appear in front of a crowd of strangers yearning to know what you\u2019re working on and what\u2019s the next thing you\u2019re going to publish.<\/p><p>If I choose to share this information and use it before I publish the design, I need to do it ASAP. So, this isn\u2019t really the place for a long, serious editing process. This is where the authentic aspect comes in.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a68b2e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a68b2e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2314572\" data-id=\"2314572\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93089eb elementor-widget elementor-widget-image\" data-id=\"93089eb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.urbanoutfitters.com\/uo-community\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/UO-r4q6xf89sbhfsqam9af50eqh0mu3fr3a7atoi0jsx6.png\" title=\"UO\" alt=\"UO\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5790823 elementor-widget elementor-widget-text-editor\" data-id=\"5790823\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a style=\"background-color: #ffffff\" href=\"https:\/\/www.urbanoutfitters.com\/uo-community\" target=\"_blank\" rel=\"noopener\">Urban Outfitters<\/a>\u00a0is a great example of a company that enlists users as presenters of their product. They saw the potential of using social networks and decided to ask their clients to tag UO in their photos; in exchange, the clients would get the chance to be featured on the UO website.\u00a0<\/p><p>Any fan of this brand knows that UO is not just a clothing store, but a leading trendsetter in the design world. And the second you appear on UO &#8211;\u00a0<i>you too<\/i>\u00a0will be perceived as a leader. So why not do it? And so the UO tag page was born.\u00a0<\/p><p>On this page, you can see a mix of photos with links to the user\u2019s account on the one hand, and to the product page on the other. It\u2019s a win-win situation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-06131e4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"06131e4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba17adf\" data-id=\"ba17adf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f76995 elementor-widget elementor-widget-heading\" data-id=\"0f76995\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gif It. Gif it Good!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cea4b8 elementor-widget elementor-widget-heading\" data-id=\"5cea4b8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Present-day consumption of information is lightning fast. This means we get bored faster than ever, and quickly move on to the next thing. So if a picture is worth a thousand words - a gif is worth a million.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09068df elementor-widget elementor-widget-html\" data-id=\"09068df\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"width:100%;height:0;padding-bottom:50%\"><\/div><p><a href=\"https:\/\/giphy.com\/gifs\/epic-redux-cPxRDvlSj9QKA\">via GIPHY<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d161c5a elementor-widget elementor-widget-text-editor\" data-id=\"d161c5a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Another tendency that has cropped up lately in the design world is the return of the Gif.<\/p><p>Gifs have been around since the beginning of the Internet. Back then, it was technically problematic to upload videos to the web, and Gifs were the only option.<\/p><p>Because users can now upload nearly anything to the web, the way we consume information has changed dramatically. Due to our information overload, as users, we have begun to scan info much faster, and inevitably we also get bored real quick.<\/p><p>Enter the Gif comeback.<\/p><p>But this time around, they are being used a bit differently. Gifs came back as their own type of language to express feelings or as an ultra-fast story-telling device.<\/p><p>Designers who are aware of this comeback on social media are starting to incorporate Gifs into their designs. The aim is to engage viewers with attention-grabbing animation that will communicate a key message swiftly and make viewers fall in love with their website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7711bc0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7711bc0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-215692e\" data-id=\"215692e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78b9151 elementor-widget elementor-widget-image\" data-id=\"78b9151\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/studio.build\/work\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Build_studio-r4q6z75ap1wxq7prw21rpylteu31z651436p4tx1bm.png\" title=\"Build_studio\" alt=\"Build_studio\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a98686 elementor-widget elementor-widget-text-editor\" data-id=\"7a98686\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a style=\"background-color: #ffffff\" href=\"https:\/\/studio.build\/work\" target=\"_blank\" rel=\"noopener\" data-wplink-edit=\"true\">Build Studio<\/a>&#8216;s portfolio page is a remarkable example of this. Here the studio decided to throw some Gifs into the mix of their displayed images. This small addition transforms the entire page into something more alive, kicking, communicative, and fun.\u00a0<\/p><p>So what\u2019s your 5-second story?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9a7368e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9a7368e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4999240\" data-id=\"4999240\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec57a0d elementor-widget elementor-widget-heading\" data-id=\"ec57a0d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mix It Up &amp; Go Wild<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5061d7c elementor-widget elementor-widget-heading\" data-id=\"5061d7c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">You simply can\u2019t ignore this type of design style. Let\u2019s give a big round of applause for... Brutalist Design!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-95807f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"95807f6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1cf9a04\" data-id=\"1cf9a04\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52f6a0a elementor-widget elementor-widget-html\" data-id=\"52f6a0a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"width:100%;height:0;padding-bottom:75%\"><\/div><p><a href=\"https:\/\/giphy.com\/gifs\/warnerarchive-short-hot-dog-dogville-26BkMkEayiz8Ebjby\">via GIPHY<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec8825d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec8825d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0bf8bd3\" data-id=\"0bf8bd3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6717ed6 elementor-widget elementor-widget-text-editor\" data-id=\"6717ed6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Some social networks provide creative tools that enable users to let their imagination run wild.<\/p><p>I&#8217;m talking about Snapchat, Musicly, Instagram and the like. You know what I&#8217;m referring to &#8211; adding those bunny ears, doodling or sprinkling on a bunch of silly special effects. It&#8217;s never been so easy to turn spur-of-the-moment thoughts into one visual.<\/p><p>Designers took this concept to a whole other level and gave it an intriguing twist.<\/p><p>Everyone is buzzing about the genre of <a href=\"http:\/\/brutalistwebsites.com\/\" target=\"_blank\" rel=\"noopener\">Brutalist page design<\/a>. The name \u2018Brutalism\u2019 in web design comes from the post-war architectural movement. The style of Brutalist sites was initially a reaction to the overly polished, shiny aesthetic on so many design and tech industry websites. But ever since social networks and <i>their<\/i> design hit the scene, Brutalism was upgraded and morphed into the images\/gifs that are common in users\u2019 feeds.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-db28136 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"db28136\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-111e752\" data-id=\"111e752\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c0c458 elementor-widget elementor-widget-image\" data-id=\"1c0c458\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/pierre-chatel-innocenti-464620-unsplash-r4q72qzciirxl6k35lb152ci78kz208ixnwqegnira.jpg\" title=\"pierre-chatel-innocenti-464620-unsplash\" alt=\"pierre-chatel-innocenti-464620-unsplash\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">'Classic' Brutalist Design in Architecture<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc10eb7 elementor-widget elementor-widget-text-editor\" data-id=\"dc10eb7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the \u2018old days,\u2019 Brutalist design was all about raw typography, being <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/text-bold\/\"   title=\"bold\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"6815\">bold<\/a>, and above all, basic. It was similar to the Punk movement. Brutalist design has since become much edgier. It is hyper-vibrant, with a gazillion font styles, audacious images, infinite Gifs and animation, and surprising sounds all over the page. And, the lack of a defined grid creates a total visual-element-overload that&#8217;s more like a Pop Art collage or a 1990s video game.<\/p><p>But somehow this seemingly drug-induced design looks downright cool. It will appeal to some, to others not so much. For now, it&#8217;s here to stay and commands quite a lot of attention.\u00a0<\/p><p>As a designer &#8211; I couldn&#8217;t be happier! I just adore this bizarre playful design. The ability to blurt out all your thoughts and emotions on a single canvas, and have fun along the way is thrilling.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bac1f53 elementor-widget elementor-widget-image\" data-id=\"bac1f53\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.toiletpapermagazine.org\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Toilet_paper-r4q78ipogwoav06cgl3ky3xdhe53b457e831gm3ibk.png\" title=\"Toilet_paper\" alt=\"Toilet_paper\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e73b548 elementor-widget elementor-widget-text-editor\" data-id=\"e73b548\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A site called <a href=\"http:\/\/www.toiletpapermagazine.org\/\" target=\"_blank\" rel=\"noopener\">Toiletpapermagazine<\/a> took\u00a0<i>Brutalist<\/i>\u00a0design to the max. The first thing you notice here are two women riding the magazine logo, surreal roses with eyeballs, striking headlines and Gifs lining the length of an endless scrolling page. Don\u2019t miss the quirky audio bursts when hovering over various elements. This site is definitely a one-of-a-kind experience.<\/p><p>Rewriting this article, I noticed that it is constantly updated, so be sure to visit the site and see what&#8217;s new.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c97031b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c97031b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d880b92\" data-id=\"d880b92\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-82b22f7 elementor-widget elementor-widget-heading\" data-id=\"82b22f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Put a Sticker on It<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bef9d4 elementor-widget elementor-widget-heading\" data-id=\"7bef9d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Speaking of attention-grabbers, using emojis and stickers is dynamite for expressing emotion, plus they give it an extra design touch.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ced4cf2 elementor-widget elementor-widget-text-editor\" data-id=\"ced4cf2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We already talked about the increasingly direct connection between creator and audience.<\/p><p>Leaving a text comment doesn&#8217;t always work.<\/p><p>I mean, how would you properly comment, only using text, on a delicate topic like\u00a0\u201c<a style=\"background-color: #ffffff\" href=\"https:\/\/dn.ht\/picklecat\/\">Why it makes no sense that cats don\u2019t eat pickles<\/a>\u201d?<\/p><p>This was why emojis were invented &#8211; to use smileys, to sum up what you feel, based on what you&#8217;re reading or seeing.<\/p><p>Another great thing about emojis is that they fit right into the fast pace of information consumption that we mentioned before.<\/p><h3 style=\"font-size: 18px;font-weight: normal;margin: 0px;padding: 0px\">\ud83d\udca9<\/h3><h3 style=\"font-size: 18px;font-weight: normal;margin: 0px;padding: 0px\">\ud83d\udc4d<\/h3><p>Still, emojis don\u2019t quite do the trick.<\/p><p>Emojis are very basic and limited.<\/p><p>Enter: Stickers.<\/p><p>Stickers, in their earlier print version, were great, accurate, with a super cool design. They were just the icing on the cake until ultimately they began serving design and not just the user.<\/p><p>Contrary to emojis, Stickers express a kaleidoscope of thoughts and feelings. Even more so than the written word. One sole sticker can even symbolize a complete sentence.<\/p><p>Designers who caught on to this, began to integrate them into their work, giving an extra \u2018wink\u2019 to their design. Stickers can either express the designer or writer\u2019s opinion, or relay the user\u2019s view of what they are evaluating.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fc74fc5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fc74fc5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7719e7d\" data-id=\"7719e7d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ff666b9 elementor-widget elementor-widget-image\" data-id=\"ff666b9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/theoutline.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/The_outline-r4q6zwixtkvofoowrv0p3a79g8lyqzxs7kst3avffy.png\" title=\"The_outline\" alt=\"The_outline\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77d7ea3 elementor-widget elementor-widget-text-editor\" data-id=\"77d7ea3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a style=\"background-color: #ffffff\" href=\"https:\/\/theoutline.com\/\" target=\"_blank\" rel=\"noopener\">The Outline<\/a>\u00a0website puts stickers to good use. Each headline has its own individual sticker that spares users from having to read full headlines. Another original use is in the menu, where the stickers switch according to the daily headlines. A really cool and fun experience, definintely worth the visit.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-81b9559 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"81b9559\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5dc03a8\" data-id=\"5dc03a8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-272e9ed elementor-widget elementor-widget-heading\" data-id=\"272e9ed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">'Enough With Your Phone Already!'<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50fbdb0 elementor-widget elementor-widget-heading\" data-id=\"50fbdb0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">The mobile takeover has transformed the structure of sites to something that is faster, more comfortable and easier to digest.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31dcd76 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31dcd76\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe611d1\" data-id=\"fe611d1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f276b1a elementor-widget elementor-widget-text-editor\" data-id=\"f276b1a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mobile first! This is the first thing people will tell you about web design. And it&#8217;s true. Most users consume their information on the go. On the train, the bus; waiting in line. Few users browse websites on their personal computers. The intersection of mobile and fast consumption is leading to a complete overhaul of website structure and user experience.<\/p><p>The \u2018long pager&#8217; structure is already pass\u00e9 &#8211; who wants to spend their life scrolling?<\/p><p>Instead of the current strategy that usually has a single <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\"   title=\"responsive\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"7195\">responsive<\/a> design for both desktop and mobile, why not change the whole approach and create an <i>extended<\/i> design for desktop and a <i>shorter<\/i> version for mobile? Because the truth is that nobody really reads in-depth articles on mobile (except you, you&#8217;re reading every word right?\u00a0\ud83d\ude09).<\/p><p>This way the experience on mobile will be quick, comfortable and easy to use. Perhaps this is what is to come in 2019? Let&#8217;s hope so.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-45899bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"45899bb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3cf293\" data-id=\"b3cf293\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa7a355 elementor-widget elementor-widget-heading\" data-id=\"fa7a355\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Before You Go<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b685649 elementor-widget elementor-widget-heading\" data-id=\"b685649\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Bottom Line: Social Media is not a creative crime. \nDesigners, embrace it! And design a gif for it \ud83d\ude09\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1942350 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1942350\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-46fccae\" data-id=\"46fccae\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52d311b elementor-widget elementor-widget-text-editor\" data-id=\"52d311b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Social networks, like it or not, are what\u2019s viral now <i>a<\/i>nd feed inspiration to the design world.<\/p><p>The customer has never been so right. And the biggest payback for these users is that they have become the muse for today\u2019s designs. So don\u2019t forget to comment and share (with gifs and stickers of course).<\/p><p>I can&#8217;t end this article without a proper Gif:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5936246 elementor-widget elementor-widget-html\" data-id=\"5936246\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"width:100%;height:0;padding-bottom:84%\"><\/div><p><a href=\"https:\/\/giphy.com\/gifs\/trina-argue-going-off-l1J3LdAEwlCaU8orm\">via GIPHY<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>It&#8217;s time we designers admit that social media influences our work. Finally, I can scroll through my Facebook posts without feeling guilty! <\/p>\n","protected":false},"author":93043,"featured_media":20180,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17,32],"tags":[79],"marketing_persona":[],"marketing_intent":[],"class_list":["post-20104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-design","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Social Media Web Design | Elementor<\/title>\n<meta name=\"description\" content=\"It&#039;s time we designers admit that social media influences our work. Finally, I can scroll through my Facebook posts without feeling guilty!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/social-media-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Social Media Web Design | Elementor\" \/>\n<meta property=\"og:description\" content=\"It&#039;s time we designers admit that social media influences our work. Finally, I can scroll through my Facebook posts without feeling guilty!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/social-media-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-11T09:33:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hadas Golzaker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hadas Golzaker\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/\"},\"author\":{\"name\":\"Hadas Golzaker\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/342f1e7cec8bec9340d04b892f548717\"},\"headline\":\"Social Media &#8211; The Secret Sauce for Web Design in 2019\u200b\",\"datePublished\":\"2018-12-11T09:33:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/\"},\"wordCount\":1956,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg\",\"keywords\":[\"Build\"],\"articleSection\":[\"Inspiration\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/social-media-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/\",\"url\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/\",\"name\":\"Social Media Web Design | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg\",\"datePublished\":\"2018-12-11T09:33:44+00:00\",\"description\":\"It's time we designers admit that social media influences our work. Finally, I can scroll through my Facebook posts without feeling guilty!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/social-media-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/social-media-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inspiration\",\"item\":\"https:\/\/elementor.com\/blog\/category\/inspiration\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Social Media &#8211; The Secret Sauce for Web Design in 2019\u200b\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/342f1e7cec8bec9340d04b892f548717\",\"name\":\"Hadas Golzaker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e60159f135621dfa6fea648bac71fbd42f1684b635512c1cea303e2398204b95?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e60159f135621dfa6fea648bac71fbd42f1684b635512c1cea303e2398204b95?s=96&d=mm&r=g\",\"caption\":\"Hadas Golzaker\"},\"description\":\"Hadas is the brand manager of Elementor and a web designer. She works across UX\/UI, illustration and graphic design. She loves good music, Stefan Sagmeister and fancy restaurants.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/hadasg\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Social Media Web Design | Elementor","description":"It's time we designers admit that social media influences our work. Finally, I can scroll through my Facebook posts without feeling guilty!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/social-media-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Social Media Web Design | Elementor","og_description":"It's time we designers admit that social media influences our work. Finally, I can scroll through my Facebook posts without feeling guilty!","og_url":"https:\/\/elementor.com\/blog\/social-media-web-design\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2018-12-11T09:33:44+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg","type":"image\/jpeg"}],"author":"Hadas Golzaker","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Hadas Golzaker"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/"},"author":{"name":"Hadas Golzaker","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/342f1e7cec8bec9340d04b892f548717"},"headline":"Social Media &#8211; The Secret Sauce for Web Design in 2019\u200b","datePublished":"2018-12-11T09:33:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/"},"wordCount":1956,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg","keywords":["Build"],"articleSection":["Inspiration","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/social-media-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/","url":"https:\/\/elementor.com\/blog\/social-media-web-design\/","name":"Social Media Web Design | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg","datePublished":"2018-12-11T09:33:44+00:00","description":"It's time we designers admit that social media influences our work. Finally, I can scroll through my Facebook posts without feeling guilty!","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/social-media-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/12\/Cover-2018.10.29-Social-Media2.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/social-media-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Inspiration","item":"https:\/\/elementor.com\/blog\/category\/inspiration\/"},{"@type":"ListItem","position":3,"name":"Social Media &#8211; The Secret Sauce for Web Design in 2019\u200b"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/342f1e7cec8bec9340d04b892f548717","name":"Hadas Golzaker","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e60159f135621dfa6fea648bac71fbd42f1684b635512c1cea303e2398204b95?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e60159f135621dfa6fea648bac71fbd42f1684b635512c1cea303e2398204b95?s=96&d=mm&r=g","caption":"Hadas Golzaker"},"description":"Hadas is the brand manager of Elementor and a web designer. She works across UX\/UI, illustration and graphic design. She loves good music, Stefan Sagmeister and fancy restaurants.","url":"https:\/\/elementor.com\/blog\/author\/hadasg\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/20104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/93043"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=20104"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/20104\/revisions"}],"predecessor-version":[{"id":93842,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/20104\/revisions\/93842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/20180"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=20104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=20104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=20104"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=20104"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=20104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}