{"id":3761,"date":"2018-02-13T16:46:23","date_gmt":"2018-02-13T15:46:23","guid":{"rendered":"http:\/\/blog.langlion.com\/en\/?p=3761"},"modified":"2018-02-13T16:53:37","modified_gmt":"2018-02-13T15:53:37","slug":"6-trends-in-website-design-for-2018","status":"publish","type":"post","link":"https:\/\/blog.langlion.com\/en\/6-trends-in-website-design-for-2018\/","title":{"rendered":"6 trends in website design for 2018"},"content":{"rendered":"<p><a href=\"http:\/\/blog.langlion.com\/en\/6-trends-in-website-design-for-2018\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3762 aligncenter\" src=\"http:\/\/blog.langlion.com\/en\/wp-content\/uploads\/2018\/02\/6-trends-in-website-design-for-2018.jpg\" alt=\"\" width=\"600\" height=\"399\" \/><\/a><\/p>\n<p><strong>An average lifespan of a website is approximately two years. Which by no means implies that after elapse of such a period we are forced to create a completely new site. It all depends mainly on whether the newest standards and trends were accounted for in the website\u2019s design and deployment. In today\u2019s entry, I would like to discuss the most interesting elements, which in my opinion will dominate the websites in 2018.<\/strong><!--more--><\/p>\n<hr \/>\n<p>2018 is not going to bring revolutions on par with withdrawal from <strong>Flash <\/strong>technology or emergence of \u2013 probably known already to everyone &#8211;<a href=\"http:\/\/blog.langlion.com\/en\/webinar-recording-dos-and-donts-of-the-web-design-for-language-schools\/\" target=\"_blank\" rel=\"noopener noreferrer\"> <strong>Responsive Web Design<\/strong><\/a>. Which does not mean that nothing interesting is going to happen? However, it is characteristic of trends that they are not coherent with each other and we should always filter everything out through our feeling of aesthetics and good taste. As Karl Lagerfeld once said, \u201cTrendy is the last stage before tacky\u201d.<\/p>\n<h3>1.\u00a0\u00a0\u00a0\u00a0 Minimalism<\/h3>\n<hr \/>\n<p>If we were to believe magazines of <em>Focus<\/em> type, an average human assimilates approximately 34 gigabytes of data daily. Whether this is a real figure or not, you will certainly agree that the volume of stimuli in our daily lives is too high. And this is why we increasingly appreciate <strong>simplicity and solutions <\/strong>that are close to the Scandinavian vision of reality. Then why we approach quite differently our websites, which continue to try to attack visitors with a volume of information that is bound to give them at least a massive headache.<\/p>\n<p>Luckily, there is nothing to fear. Out potential customers will definitely not encounter them. <strong>Less is more<\/strong>. <strong>Light pages, a\u00a0few quantity of elements, number of colours and font types limited to the absolute minimum<\/strong> have been a standard already for some time now. And although some following bullets on this list will introduce elements contradicting the above statement, this is only because there is no single correct way.<\/p>\n<h3>2.\u00a0\u00a0\u00a0\u00a0 Unique photos and graphics<\/h3>\n<hr \/>\n<p>Now I hear you say: \u201cwhat\u2019s new about it?\u201d. And you are definitely right. This has been a much \u2013 colloquially speaking &#8211; belaboured topic for a long time. And at our webinars and in <a href=\"http:\/\/blog.langlion.com\/en\/7-examples-of-the-forbidden-photos-that-will-scare-off-your-potential-clients\/\" target=\"_blank\" rel=\"noopener noreferrer\">articles<\/a> we also encourage everyone to show at websites what is <strong>natural and genuine<\/strong>. Photographs of your teachers and rooms, even if not as rounded, polished up and professional, will definitely work better than <strong>artificial stock images<\/strong>. And if you keep glancing at bullet 1, then it is worthwhile to replace those photos with <strong>dedicated graphics <\/strong>or <strong>geometric shapes<\/strong>, which are a perfect match for the minimalistic trend.<\/p>\n<h3>3.\u00a0\u00a0\u00a0\u00a0 Cinemagraph<\/h3>\n<hr \/>\n<p style=\"text-align: left;\">Is minimalism the only right concept? No, it isn\u2019t. It is just a proposal that is worthwhile to be considered. The other pole is equally interesting, and pages filled with <strong>animations can be equally exciting solutions<\/strong>. Bullet 3 introduces a certain kind of <strong>compromise<\/strong>. And the\u00a0<strong>cinematograph is exactly such a compromise<\/strong><strong>.<\/strong> And once again there is nothing truly innovative about it\u00a0because those are just old, <strong>good GIFs<\/strong>. However, in this case, we do not want them to replace short video footages, but only lend additional climate to photographs by adding some delicate motion. And then we want to use them as the background of our page.<\/p>\n<p>&nbsp;<\/p>\n<h5 style=\"text-align: center;\"><a href=\"http:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/ba7e21dbb7e37c80e8ebd356ab7f2ec5.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8320 size-full aligncenter\" title=\"\u017ar\u00f3d\u0142o https:\/\/www.pinterest.com\/\" src=\"http:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/ba7e21dbb7e37c80e8ebd356ab7f2ec5.gif\" alt=\"okulary kinografika\" width=\"615\" height=\"324\" \/><\/a> <em>\u017ar\u00f3d\u0142o https:\/\/www.pinterest.com\/<\/em><\/h5>\n<p>&nbsp;<\/p>\n<h5 style=\"text-align: center;\"><a href=\"http:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/7e487d7a-1913-4ce3-a71a-56eb45cfc5b1.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8321 size-full aligncenter\" src=\"http:\/\/blog.langlion.com\/pl\/wp-content\/uploads\/2017\/10\/7e487d7a-1913-4ce3-a71a-56eb45cfc5b1.gif\" alt=\"kinografika szko\u0142a\" width=\"800\" height=\"448\" \/><\/a> <em>\u017ar\u00f3d\u0142o https:\/\/therosheenaway.wordpress.com\/2014\/07\/04\/cinemagraph-photos-at-school\/<\/em><\/h5>\n<table>\n<tbody>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3300\" src=\"http:\/\/blog.langlion.com\/en\/wp-content\/uploads\/2017\/06\/pomysl-zarowka-swiatlo-vector.png\" alt=\"\" width=\"90\" height=\"96\" \/><\/td>\n<td>\n<h4>If you want to learn how to create cinemagraph, I recommend watching this video:\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=-dD_yeVMUzo\" target=\"_blank\" rel=\"noopener noreferrer\">How to make your pictures COME TO LIFE using a CINEMAGRAPH<\/a><\/h4>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h3>4.\u00a0\u00a0\u00a0\u00a0 Explainer\/Persuader Videos<\/h3>\n<hr \/>\n<p>Those who think a compromise is never an optimal solution, will certainly like bullet 4. Although on the other hand, if our entire website is built<strong> around video<\/strong>\u00a0then, in my opinion we can by all means speak of minimalism. However, in the case of a language school, this will not be so-called\u00a0<strong>\u201eexplainer\u201d<\/strong>, because everyone knows what a language school is about. A persuader video will aim to <strong>present the school and persuade a potential customer<\/strong> that choosing it will be the right decision. As part of the inspiration, I am encouraging you to become familiar with fantastic deployments of a Polish company named <a href=\"http:\/\/www.clipatize.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Clipatize<\/a>.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/64724209\" width=\"100%\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>5.\u00a0\u00a0\u00a0\u00a0 Microinteractions<\/h3>\n<hr \/>\n<p>Non-invasive, <strong>delicate animations<\/strong> that do not stand out aggressively against other elements of a website can encourage users effectively to undertake specific actions or draw their attention to the areas we have selected. <strong>Buttons that change their appearance<\/strong> when we roll a mouse over them, or gently enlarging<strong> Call To Action elements<\/strong>. Those are all details, but as they say: the devil is in detail. And those are details that eventually make the difference.<\/p>\n<h3>6.\u00a0\u00a0\u00a0\u00a0 The end of a landing page as we know it<\/h3>\n<hr \/>\n<p>In the times of <strong>separate landing pages dedicated to each marketing action<\/strong>, a landing page definitely loses in importance, and it is our objective to direct potential customers to the place where they will find content best <strong>matched to their needs<\/strong>. Yes, this all leads us again to reflections on <strong>personas<\/strong>, also called buyer personas. The possibility to <strong>target the advertising<\/strong> and consequently also the content effectively\u00a0is related to one more interesting concept, namely that of <strong>Age Responsive Design<\/strong>.<\/p>\n<p>Matching a website to the <strong>age of users visiting it<\/strong>. Different colours, font types and size, a different layout of the elements for school-age people and a completely different one for their parents. This sounds slightly cosmic, even more so because in cases other than traffic from ads targeted at a specific age group, guessing the users\u2019 age in real time is not possible (although Google Analytics API provides an opportunity to check in real time such pieces of information as for example the duration of a visitor whether a user has visited our website for the first time). However, Age Responsive Design is a trend worthwhile to remember.<\/p>\n<p>Why? Just look at the graphics below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3763\" src=\"http:\/\/blog.langlion.com\/en\/wp-content\/uploads\/2018\/02\/Designing-Usability-depending-on-user-age.png\" alt=\"\" width=\"952\" height=\"434\" \/><\/p>\n<p style=\"text-align: center;\">&#8212;<\/p>\n<p><strong>I wonder which of those trends are best matched to your tastes. Or perhaps you are already using some of those elements at the websites of your schools? Share this information with us, at the same time applying in a way for the next edition of <a href=\"http:\/\/blog.langlion.com\/en\/ranking-of-the-language-schools-websites-part-1\/\" target=\"_blank\" rel=\"noopener noreferrer\">the ranking of language schools\u2019 websites<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>An average lifespan of a website is approximately two years. Which by no means implies that after elapse of such [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,27,11,12,26,8,17],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/posts\/3761"}],"collection":[{"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/comments?post=3761"}],"version-history":[{"count":3,"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/posts\/3761\/revisions"}],"predecessor-version":[{"id":3766,"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/posts\/3761\/revisions\/3766"}],"wp:attachment":[{"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/media?parent=3761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/categories?post=3761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.langlion.com\/en\/wp-json\/wp\/v2\/tags?post=3761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}