-->


2018 WEBSITE TRENDS

From bright colors, to bold gradients and integrated animations, 2018 is looking to be one of the most fun years around the web.

Posted on February 7, 2018 by Hannah Miller




WHAT IS YOUR STORY? WHAT GENRE IS YOUR BRAND? DOES YOUR WEBSITE COMMUNICATE THIS VITAL INFORMATION?

From bright colors, to bold gradients and integrated animations, 2018 is looking to be one of the most fun years around the web. Now more than ever, it is the perfect opportunity to review your website and work with your designer to create the most prominent visual of your story online. Here are some of the more relevant trends in spicing up your website in 2018…




INVENTIVE TYPOGRAPHY


INVENTIVE TYPOGRAPHY

Typography has always been a powerful visual tool. It creates personality, evokes emotion and sets tone on a website, all while conveying important information. Again, because of device resolutions constantly improving and getting sharper, type on screens is far more legible, while also opening the door for a rise in custom fonts. When picking out a typeface, designers are choosing fonts that have personality for emphasis and aesthetic effect. Following the boldness of color - it is no different for type – designers are opting for oversized letters and constructing fonts to draw in attention from their visitors, while also creating dynamic parallels and improving user experience.





FLAT DESIGN 2.0


FLAT DESIGN 2.0

While flat design isn’t dying, it is evolving and adapting to stay relevant. Flat design is adapting by indulging in a few design taboos - gradients and shadows. However, the usage is subtle and in moderation in order to ensure elements pop. Shadowplay and gradients create a surprisingly versatile effect that increases not only the aesthetics of a web page, but also helps User Experience (UX) by providing emphasis. Flat design has made an impact on brands like Instagram, Stripe, and Apple’s iOS icons, as well as playing a starring role in the high-profile redesigns of companies like Dropbox and Mastercard.





ILLUSTRATION


ILLUSTRATION

With the goal to stand out, brands are looking more towards showing personality and a great way to emphasize brand personality is via illustrations - they must be visually engaging without getting in the way of functionality and simplicity. Illustrations come in infinite shapes, sizes, styles, and are a dynamic element to look out for in 2018 and beyond. Not only can illustrations be whimsical, but they can be used in a very practical way in order to present or explain information. No one wants a website that is boring, which is why illustrations are now commonly used in order to breathe life into otherwise dry content.





MOBILE MOBILE MOBILE


MOBILE MOBILE MOBILE

Mobile browsing has now officially surpassed the desktop. If your website looks and works poorly on a phone or tablet it is definitely time for a rehab. With mobile browsing surpassing desktop, designers are focused more than ever on mobile first and responsiveness when designing websites. Mobile should be built into the core design process, and design decisions, like how it translates to smaller screen sizes and touch screens, need to be taken into consideration. Designers develop clever ways to organize information beautifully and intuitively, leading to a more sophisticated UX, with focuses on micro-interactions and gestures over icons and buttons.


Still not convinced that mobile is a big deal? Google is just about ready to take this up a notch with mobile-first indexing. This means that sites will no longer be primarily ranked on Google’s search results based on the desktop experience. Google will use the mobile version of the website for determining rank. As the mobile experience takes on an even greater priority in your web design process, you’ll find other mobile-first initiatives, techniques, and tools quickly emerging. In 2018, specifically, you can expect to see more websites relying on Scalable Vector Graphics (SVG), instead of JPGs or PNGs, as well as more websites going through Google Accelerated Mobile Pages (AMP).




HAVE A QUESTION OR WANT TO WORK TOGETHER?

Shoot Us an Email