{"id":3751,"date":"2018-09-17T06:55:22","date_gmt":"2018-09-17T04:55:22","guid":{"rendered":"https:\/\/pb.lochbronner.com\/uncategorized\/7-webdesign-trends-fuer-2018\/"},"modified":"2018-09-17T06:55:22","modified_gmt":"2018-09-17T04:55:22","slug":"7-webdesign-trends-fuer-2018","status":"publish","type":"post","link":"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/7-webdesign-trends-fuer-2018\/","title":{"rendered":"7 web design trends for 2018"},"content":{"rendered":"

Technology is developing rapidly and so is the diversity of web design. Today, the possibilities in web design are almost limitless and there is plenty of scope for creativity to improve the user experience. In addition, the rules of the game for search engine optimization are changing fundamentally in 2018. Last year, it became clear that more and more people are visiting websites on mobile devices. Search engines such as Google are responding to this and are increasingly giving preference to mobile-optimized websites in their rankings. There are therefore some interesting trends in 2018. So let's get started, here are the 7 trends in web design that stand out and could be exciting for you.<\/p>\n

1. minimalism pure<\/h2>\n

This trend continues in 2018 and impresses with clear design and clear navigation. The user can navigate through the website as quickly as possible and is not distracted from the important content. The advantage of this design approach is that the loading time of the website is very fast and therefore perfect for search engine optimization (SEO). The focus is on the essentials, but there is room for creativity.<\/p>\n

\"Webdesign<\/a>

Apple's product page for the Mac Pro is kept simple in black and white. Source: www.apple.com\/mac-pro\/<\/p><\/div>\n

\"Webdesign<\/a>

VSCO supports photographers - and relies on a simple homepage. Source: vsco.co<\/p><\/div>\n

\"Webdesign<\/a>

Shapes - colors - statements - the portfolio of designer Jean Baptiste Giffard. Source: digitaldesigner.cool<\/p><\/div>\n

2. flat and yet 3D<\/h2>\n

Over the last few years, flat design without much depth has become very popular. Clear, graphic and reduced to the important things. In 2018, this design is refined, with more depth through light shadows. From the user's perspective, this makes elements easier to distinguish from each other and helps direct the user's focus. The user experience (UX) improves significantly and important things can be brought to the fore better.<\/p>\n

\"Webdesign<\/a>

Nike React. Source: nike-react.com<\/p><\/div>\n

\"Webdesign<\/a>

The use of contrast and appropriate imagery creates depth without distraction. Source: beoplay.com\/en-en<\/p><\/div>\n

\"Webdesign<\/a>

Looks flat yet three-dimensional. Source: mawla.io<\/p><\/div>\n

3. strong color palettes, asymmetry and dynamic scroll effects<\/h2>\n

Big companies like Spotify or Stripe are not afraid to use bold colors and gradients. Blue, purple, pink and green are way out in front. The transitions of the individual areas on the website are no longer straight and horizontal, but also sometimes diagonal, in wave form or a color gradient into the next area. Everything is a bit looser and yet clearly separated. In addition, dynamic scroll effects are often used, in which the content gradually appears the further you scroll. This makes the website look more dynamic and interesting.<\/p>\n

\"Webdesign<\/a>

Source: eu.polaroidoriginals.com<\/p><\/div>\n

\"Webdesign<\/a>

Uber Sign Language. Source: ubersignlanguage.com<\/p><\/div>\n

4. playful illustrations and animations<\/h2>\n

A big trend for 2018 is also the use of illustrations and animations instead of simple stock photos. Companies like Kontist, for example, work with illustrations created especially for them to match their own branding. Others are using gifs and cinemagraphs, for more entertainment and dynamism on the website. The content as a whole becomes more lively and authentic if you don't just use photos. The user usually stays longer on the website. However, you should not use too many such elements, so as not to reduce the loading time and make the page too choppy.<\/p>\n

\"Webdesign<\/a>

GUCCI Springsummer. Source: springsummer.gucci.com<\/p><\/div>\n

\"Webdesign<\/a>

The Boat. Source: sbs.com.au\/theboat\/<\/p><\/div>\n

\"Webdesign<\/a>

KIKK Festival with animated underwater world. Source: kikk.be\/2017\/<\/p><\/div>\n

5. typography as an eye catcher<\/h2>\n

Until a few years ago, using fonts other than the standard ones available on a website was almost impossible. Today, thanks to high-resolution displays, you can dare to use special fonts and only need a few lines of CSS code. Especially serif fonts are on the rise and are used creatively. The user experience is improved and text can be made more legible. The focus of the user can be directed by the use of typography.<\/p>\n

\"Webdesign<\/a>

Clear statement from logistics company ACME. Source: acme-experience.com<\/p><\/div>\n

\"Webdesign<\/a>

ADIDAS is going for typography with high mileage here. Source: adidas.co.uk\/climazone<\/p><\/div>\n

\"Webdesign<\/a>

Minimalist, modern and with eye-catching typo. Source: cowboy.com<\/p><\/div>\n

6. authentic photos<\/h2>\n

In the past, websites usually only focused on the product, but not on the people behind it. As a user, you could hardly get a picture of the people in the background and thus identify less with the brand. In 2018, it is particularly noticeable that photos of people are increasingly appearing on websites, regardless of whether this company offers products or services. Targeted storytelling creates more connection between the user and the company.<\/p>\n

\"Webdesign<\/a>

Here, separate images were rendered for each portfolio project - absolute top league. Source: makereign.com<\/p><\/div>\n

\"Webdesign<\/a>

Images of people move and create authenticity. Source: decathlon-united.com<\/p><\/div>\n

7. card design<\/h2>\n

Pinterest led the way and tried something completely new in design. Now this trend has also arrived in web design 2018. The card design has the great advantage that the user can use the website intuitively and understand it easily. Moreover, this design is perfectly adaptable to mobile devices such as smartphones and tablets. Responsive design can be implemented perfectly, so that the website is displayed optimally on any device.<\/p>\n

\"Webdesign<\/a>

Here the user can quickly find his way around. Source: dribbble.com<\/p><\/div>\n

\"Webdesign<\/a>

Pinterest is famous for the tile layout. Source: pinterest.com<\/p><\/div>\n

Conclusion<\/h2>\n

The content can be creative in many ways, but you must never forget to optimize everything for mobile devices. Google has announced it. The ranking algorithm will be changed to mobile-first indexing in the long term. Websites should therefore be adapted for mobile devices at an early stage in order not to slip to the bottom of the ranking or even disappear completely. Responsive design is therefore very important since 2018 at the latest and should always be taken into account.<\/p>\n

If you feel like giving your website a new look or need help optimizing it, get in touch with us! We'll be happy to help you creatively stage your website and optimize it for search engines. Come by for a cup of coffee and we'll discuss what we can do for you. We offer modern web design with responsive code and support in maintaining your website. Our team has years of experience and knows what your website needs to make your business even more successful. So book a non-binding consultation<\/a>so that we can get to know you and your company. We are looking forward to meeting you!<\/p>","protected":false},"excerpt":{"rendered":"

Die Technik entwickelt sich rasant weiter und damit auch die Vielfalt im Bereich Webdesign. Heute sind die M\u00f6glichkeiten im Webdesign nahezu grenzenlos und f\u00fcr Kreativit\u00e4t gibt es eine Menge Spielraum, um die User Experience zu verbessern. Zudem \u00e4ndern sich die Spielregeln f\u00fcr Suchmaschinenoptimierung grundlegend in 2018. Im Vorjahr stellte sich schon heraus, dass immer mehr […]<\/p>\n","protected":false},"author":3,"featured_media":3770,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[19],"tags":[],"class_list":["post-3751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thema-webdesign"],"acf":[],"yoast_head":"\n7 Webdesign Trends f\u00fcr 2018 - Sebastian Lochbronner<\/title>\n<meta name=\"description\" content=\"Webdesign 2018: diese 7 Trends stechen ganz besonders hervor! Minimalismus pur, Flatdesign, Asymmetrie, Scroll-Effekte, Illustrationen, Typografie uvm\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/7-webdesign-trends-fuer-2018\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Webdesign Trends f\u00fcr 2018 - Sebastian Lochbronner\" \/>\n<meta property=\"og:description\" content=\"Webdesign 2018: diese 7 Trends stechen ganz besonders hervor! Minimalismus pur, Flatdesign, Asymmetrie, Scroll-Effekte, Illustrationen, Typografie uvm\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/7-webdesign-trends-fuer-2018\/\" \/>\n<meta property=\"og:site_name\" content=\"Sebastian Lochbronner\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-17T04:55:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/7-webdesign-trends-2018-min.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sebastian Lochbronner\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sebastian Lochbronner\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/\"},\"author\":{\"name\":\"Sebastian Lochbronner\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#\\\/schema\\\/person\\\/3064163d41408dc5ab9a392b77f9979b\"},\"headline\":\"7 Webdesign Trends f\u00fcr 2018\",\"datePublished\":\"2018-09-17T04:55:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/\"},\"wordCount\":1180,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/7-webdesign-trends-2018-min.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/\",\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/\",\"name\":\"7 Webdesign Trends f\u00fcr 2018 - Sebastian Lochbronner\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/7-webdesign-trends-2018-min.jpg\",\"datePublished\":\"2018-09-17T04:55:22+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#\\\/schema\\\/person\\\/3064163d41408dc5ab9a392b77f9979b\"},\"description\":\"Webdesign 2018: diese 7 Trends stechen ganz besonders hervor! Minimalismus pur, Flatdesign, Asymmetrie, Scroll-Effekte, Illustrationen, Typografie uvm\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/7-webdesign-trends-2018-min.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/7-webdesign-trends-2018-min.jpg\",\"width\":1100,\"height\":700,\"caption\":\"7 Webdesign Trends 2018\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/7-webdesign-trends-fuer-2018\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.lochbronner.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Webdesign Trends f\u00fcr 2018\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#website\",\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/\",\"name\":\"Sebastian Lochbronner\",\"description\":\"Designer, Unternehmer, Espressoliebhaber\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lochbronner.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#\\\/schema\\\/person\\\/3064163d41408dc5ab9a392b77f9979b\",\"name\":\"Sebastian Lochbronner\",\"sameAs\":[\"https:\\\/\\\/www.lochbronner.com\"],\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/en\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 web design trends for 2018 - Sebastian Lochbronner","description":"Web design 2018: these 7 trends stand out in particular! Pure minimalism, flat design, asymmetry, scroll effects, illustrations, typography and much more","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:\/\/www.lochbronner.com\/en\/thema-webdesign\/7-webdesign-trends-fuer-2018\/","og_locale":"en_US","og_type":"article","og_title":"7 Webdesign Trends f\u00fcr 2018 - Sebastian Lochbronner","og_description":"Webdesign 2018: diese 7 Trends stechen ganz besonders hervor! Minimalismus pur, Flatdesign, Asymmetrie, Scroll-Effekte, Illustrationen, Typografie uvm","og_url":"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/7-webdesign-trends-fuer-2018\/","og_site_name":"Sebastian Lochbronner","article_published_time":"2018-09-17T04:55:22+00:00","og_image":[{"width":1100,"height":700,"url":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/7-webdesign-trends-2018-min.jpg","type":"image\/jpeg"}],"author":"Sebastian Lochbronner","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sebastian Lochbronner","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#article","isPartOf":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/"},"author":{"name":"Sebastian Lochbronner","@id":"https:\/\/www.lochbronner.com\/#\/schema\/person\/3064163d41408dc5ab9a392b77f9979b"},"headline":"7 Webdesign Trends f\u00fcr 2018","datePublished":"2018-09-17T04:55:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/"},"wordCount":1180,"commentCount":0,"image":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/7-webdesign-trends-2018-min.jpg","articleSection":["Webdesign"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/","url":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/","name":"7 web design trends for 2018 - Sebastian Lochbronner","isPartOf":{"@id":"https:\/\/www.lochbronner.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#primaryimage"},"image":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/7-webdesign-trends-2018-min.jpg","datePublished":"2018-09-17T04:55:22+00:00","author":{"@id":"https:\/\/www.lochbronner.com\/#\/schema\/person\/3064163d41408dc5ab9a392b77f9979b"},"description":"Web design 2018: these 7 trends stand out in particular! Pure minimalism, flat design, asymmetry, scroll effects, illustrations, typography and much more","breadcrumb":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#primaryimage","url":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/7-webdesign-trends-2018-min.jpg","contentUrl":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/7-webdesign-trends-2018-min.jpg","width":1100,"height":700,"caption":"7 Webdesign Trends 2018"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/7-webdesign-trends-fuer-2018\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.lochbronner.com\/"},{"@type":"ListItem","position":2,"name":"7 Webdesign Trends f\u00fcr 2018"}]},{"@type":"WebSite","@id":"https:\/\/www.lochbronner.com\/#website","url":"https:\/\/www.lochbronner.com\/","name":"Sebastian Lochbronner","description":"Designer, entrepreneur, espresso lover","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lochbronner.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.lochbronner.com\/#\/schema\/person\/3064163d41408dc5ab9a392b77f9979b","name":"Sebastian Lochbronner","sameAs":["https:\/\/www.lochbronner.com"],"url":"https:\/\/www.lochbronner.com\/en"}]}},"_links":{"self":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/posts\/3751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/comments?post=3751"}],"version-history":[{"count":0,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/posts\/3751\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/media\/3770"}],"wp:attachment":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/media?parent=3751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/categories?post=3751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/tags?post=3751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}