Blog

Read our blog posts about various industry news, events, SEO and technology updates and how-tos.

31 May 2017  /  
Design

Web design: New trends to keep an eye out for

Visuals bring a message to life by stimulating your imagination. It’s hardly surprising then that most areas of digital marketing now expect brands to be more visually engaging, with greater emphasis on pictures and graphics rather than text.

Whilst the demand for engaging pictures and graphics remains strong, there are newer developments in the field you need to be aware of, to be at the top of your game. We list new trends in graphic design that we think are here to stay:

1. Animated call to action buttons: Call to action buttons function as a signpost on a platform, and brands have realized its benefits early on. Conventionally, call to action buttons have been designed in brighter colours that makes them stand out, in addition to a strategic placement on the website. The logical next step on this design route would be to use animated buttons. They are more likely to attract a user’s attention, increasing chances of them taking the desired action

animated-calltoaction

2. Customised landing pages: Using variants of the same landing page for specific audiences ensure you’re personalizing your business to suit their requirements, which is always welcome. They also help deliver specific messages to the target audience, instead of being a redundant one-to-many communication style

Customised-Landing-Pages-Red

3. Cards: The use of cards is a big trend for 2017. As seen on Pinterest, they enjoy immense appeal because of their flexibility and simplicity. Information can be organized into clusters and displayed accordingly. Cards can also be displayed in different sizes according to the device and screen resolution

Cards-Design

4. Bold, striking typography: A common feature among websites created today is the use of innovative typefaces. The result? A combination of prominent, eye-catching fonts in intense colours that grab a user’s attention instantly

Bold-Font

5. Micro-interactions: These refer to the smaller interactions on a website, such as clicking on a button or hovering on a tab. Animating micro-interactions by having scrolling effects or minor changes in colour maximize the appeal of an interface, making use of every tiny space available to a designer (can we have a gif to demonstrate this?)

Micro-Intercation

6. Personalized icons: Customised graphics and icons allow for easy navigation. They also emphasize call to action buttons and break up chunks of text, making the design appear less wordy

Customised-Icons

7. Location-based content: An increasingly mobile audience gives businesses the opportunity to customize their website as per the user’s location. Location-based customization places the business’ offering in context for users, hence becoming more relevant to them

Location-based

8. Vertical Navigation: Vertical navigation is what you see on websites such as Facebook, Youtube and Twitter. This style is perfect when you’re developing a website that’s meant to engage the user, as opposed to just broadcasting information. Vertical navigation can also be used with slideouts and stick navigation (can we have gifs to demonstrate slideouts and stick navigation?)

Vertical-navigation