We are a quarter into 2018, have you gotten a good grasp of what’s in for web design this year? Following are our views and perspectives:

 

Adventurous and striking colors
Over the past year we’ve seen an increase in the use of bold colours being used across digital platforms. Take for example, This is Premier League 2016/17 Season Review. The unconventional main color of purple, together with striking cyan, pink and green were a departure from its previous identity. Not only was it applied for the website, the color schemes were applied to the billboards and social media, which came roaring onto the pitches.premier league

Flat design 2.0
flat-design Few years back, full-bodied, three-dimensional shapes are considered archaic while flat,two-dimensional elements are evidence of modern design. This style of graphical user interfaces is called flat design. Apple’s iOS 7 undoubtedly contributed to the wild popularity of flat design. Flat 2.0 is a style that “seems flat, but isn’t quite completely flat.”, the characteristics are:

  • Mostly flat and minimal, but employs hints of shadows, highlights, and layering along the z-axis (or third dimension) to add subtle depth. It’s still void of gloss and gradients, though.
  • Large and oversized imagery, text, and buttons

Illustrations

illustration There were a lot more illustration on websites in 2018, and that’s no coincidence. Brands and companies want to stand out, and illustrations are a fantastic way to inject personality into a website. Illustrations are visually engaging and adds a personal touch and edge to an otherwise boring corporate website or a dry article page.

 

Mobile
If your website is currently still not responsive, it could be either you have been living in space or you do not care about the traffic and users going to your website at all. Mobile web browsing has taken over desktop web browsing in 2017. Mobile-first is not just an airy principle but something that needs to be baked into the core design process. There’s a reason why 6 years ago, Mark Zuckerberg told his Facebook staff, “We are going to be a mobile first company”.2018 will see more innovations to fully utilise mobile functionality. Designers will develop clever ways to organise information beautifully and intuitively, leading to more sophisticated user experiences, with focuses on micro-interactions and gestures over icons and buttons.

Ecommerce
11.11 Singles Day. Black Friday. Cyber Monday. What could be next? We are just starting to see the tip of the iceberg on the possibilities of ecommerce. We are now moving away from the traditional retail stores and even storefront-on-the-web business model.Emails will play a huge part in ecommerce, not just personalization with a name, but based on your shopping habits, a customer will receive a tailored email that includes products he/she is more likely to buy. It is said that 40% of customers drop off if a webpage takes more than 4 seconds to load. Consumers are now spoilt, they want faster networks, faster loading times, fast checkouts and shorter waiting times to receive their purchased items. Take Amazon Prime Now for example, they are already delivering goods within a 2-hours time span.

Floating navigation menus
Fixed navigation has become a mainstay of sites that are either conversion-focused or have sprawling menus.
But lately, you might have seen floating navigation menus while browsing the Internet – a navigation bar that sticks to the top of your screen as you scroll down a page. It ensures the navigation bar is always floating there, waiting to be used. Our Socialosophy website’s navigation menu is exactly this! Lately, designers have taken a step further by visually detaching the nav from the rest of the site design, and moving it a bit below the browser’s chrome. This reinforces the feeling that the navigation is a global object, not necessarily a part of any one page, but there to follow you reassuringly through the site.

The <video> element
When you’re trying to convey complex information in a visual format, a static image often just won’t do. But if you use a <video> element on your website, it can be powerful for several reasons:

  • It can slip seamlessly into the design, without the intrusive chrome of an embedded YouTube video
  • It remains extremely high quality, even with lots of colors, gradients, and detail in the image — something GIFs struggle to do without exponentially ballooning in size
  • It can be looped to ensure the details of the copy and those of the image remain in sync, and repeat for those who need it

We’d be expecting to see even more video element springing up across the web. There’s actually 2 such video elements on our website, one on the homepage and another on our Services page, did you see it?

Content hubs
It’s also been fascinating to see a lot of leading brands ditch the familiar gated PDF approach to ebook distribution and fully embrace the web’s potential for publishing longform content. As content marketing gets bigger, this is a trend that we will continue to see. Publishing one’s own content on the website is not only good for SEO, but also promises the possibility of customers spending more time on your website as well as returning more often. One example is Redbull’s The Red Bulletin.
redbull-redbulletin

ABOUT SOCIALOSOPHY

T: +65 9128 3838
E: hello@socialosophy.com.sg