Adam Fisher
31st October 2018 - 5 mins read
S

o, we’ve boiled these trends down to the ones you simply cannot afford to ignore.

Here, Thirty Seven’s digital designer Tom Sykes takes you through the website design trends you really need to know.

 

Accessibility

It might sound simple, but one of the key trends so far in 2018 has been a move towards making website content easier to read.

A back to basics ethos has seen an increasing number of websites adopt a pure black on pure white approach to text.

Larger fonts and bigger headlines have also become increasingly popular.

“For a while, many websites suffered from a sort of design for the sake of design approach,” said Tom.

“But now the focus is much more on the readability of the content. We are not seeing coloured text on coloured backgrounds anymore and in many cases design has been stripped to a minimum, so that there isn’t stuff around the website which could detract the user away from what they came to the site to do.”

Tom cites the redesigned Dropbox website as a strong example of this new approach, particularly the move to bigger headlines.

He said: “The Dropbox typeface – ‘grotesque’ - is something I think we will see more of. It’s a wide typeface and is aesthetically pleasing, but that does not detract from the readability.”


Bold colours

2018 is the year for going bold with colour.

Websites are currently being designed with vibrant, bright colours.

And colour gradients are making a comeback after years of being shunned by designers. In fact, the two-colour effect is back in a big way.

Tom said: “We are seeing a move from safe and subtle colours to bold and bright ones. Designers are playing more with colours, are trying more things and are just being more courageous.

And part of this playing with colour had seen gradients begin to appear on websites everywhere.”

Tom is a particular fan of the vibrant colours used on the Sketch website which enables the company’s gold gem logo to really stand-out.

The Premier League is another website which has embraced a bold palette, combining a strong purple with flashes of bright pink – not necessarily colours you would associate with football, but certainly visually effective.

 

Playfulness

Another emerging trend is brands trying to ensure their websites better reflect their personalities.

This has seen a move away from the more formal, professional language, typically seen on websites to a more light-hearted, fun, product-focused style.

“This is an approach we are seeing a lot of start-up companies take and it is helping them to find their footing and forge their identity”, said Tom.

“I think there is growing realisation that highly formal copy doesn’t always successfully draw in customers in 2018. It is a move that is being driven by millennials who are growing up and driving the market. They want to feel brands are being genuine with them. 

“The Product Hunt website is a great example of this. It uses humorous language, makes jokes and even uses emojis. It basically uses the same language as those who visit the website.”

Of course, this approach won’t work for everyone and you would probably be unlikely to buy healthcare insurance from a website which used emojis, for example. But it is certainly something brands should consider.

This playfulness trend is also seeing more illustration being used on websites with custom drawings also helping to bring a human touch and highlight personality.

 

Animation

Animation is rapidly becoming the new norm in website design with a growing number of companies using it to help bring ideas and products to life.

Increasingly websites use animation to enable them to show products from every possible angle.

Tom said: “There are thousands of videos on social media and when you scroll down your feed and they start playing they can draw you in.

“Animation on a website can bring that same focus to products. Instead of static images, customers are able to see the whole product and they get a much better idea of what they are potentially buying.”

Apple uses a lot of animation on its website, allowing customers to view products from numerous different angles.

But it is not just about products. Animated logos are becoming a growing trend and we increasingly seeing logos that spin, transform, expand or even appear to be hand drawn.

They are eye-catching and often memorable and that can give brands an important edge.

The Sketch website that we mentioned earlier in this blog is a great example of animation – when the homepage completes animating it looks totally different from how it started, where it shows an overview of the software, and instead features the latest feature updates.

It is also an approach we have taken on our own website, where the Thirty Seven logo changes colour as you scroll down the page.

Animation can bring great focus to a product and allow your customers to view it from multiple angles. This can even sway their decision to purchase. - Via @37agency

 

Unorthodox design

Another key trend is the move away from typical website designs.

The familiar ‘hamburger menu’ – the three-pronged menu icon – has been a staple diet for websites for years.

But appetites are changing and websites are now being designed which take very different approaches to navigation.

“We are now seeing websites where the user is really encouraged to look at it and almost have to learn what it does and where they should go,” said Tom.

“It is about encouraging users to be curious and explore in a way that traditional navigation would not really facilitate.

“Obviously, you don’t want to go too far because you want to ensure they get what they came to the website for, but it is about encouraging them to have more fun with the site.”

This move away from typical website patterns is seeing a rise in highly focused homepages with full-screen displays that just depict one product, rather than long scrolling pages.

 

At Thirty Seven, we offer content and design services to ensure your campaigns reach the right audiences at the right times. Our journalist led approach ensures your content is interesting, engaging and informative so you gain brand awareness and engagement whether it is social media content or a whitepaper. 

Marketing

Our guide to copywriting jargon

Adam Fisher 16th May 2018 — 7 mins read
T

wenty years down the line these terms are second nature to me, but I have to keep reminding myself that to many others they are a mystery.

Content production, like any other industry, has words, phrases and acronyms which while meaningful to those working in it, mean nothing to those outside.

Of course, we don’t use these terms in our content (we are still on a mission to eradicate all jargon from content), and we try to avoid using them when talking to clients.

But we thought it would be fun to take you through some of the frankly, often bizarre, and sometimes morbid terms we use and explain what they mean.

So here is our guide to copywriting jargon:

 

Above the fold – Traditionally this referred to broadsheet newspapers, with the top half of the page being above the fold, and therefore being the most prominent place for an article. It is now a term that is used in web design, referring to the part of the page visible without scrolling.

Blurb – The blurb is similar to a byline (see below). It is a brief introduction to the author that follows the headline.  If you look at our magazine In This Issue you will find some short text on each main article which details who wrote the piece and their experience.

Byline – The byline on a piece of content gives the name of the person who has written it. But it is not really about giving credit to the author. It is more of a tool which adds legitimacy to an article. For example, if you looked up the author of this post, you will see that I should know what I am talking about. When the byline is from maybe a senior leader in an organisation, or a particularly experienced writer, it can play a role in encouraging the reader to keep reading. The byline has evolved in recent times and will sometimes include a small bit of background on the author, or perhaps a Twitter handle so that readers can continue the conversation. 

Churnalism – Not a phrase you would hear at Thirty Seven. This refers to the practice of churning out content and articles rather than producing fresh, original and well-researched material.

House style – This refers to an organisation’s rules for writing, spelling and presenting content. For Thirty Seven, for example, one of the house rules is that numbers one to nine are always written out. In my experience, particularly from working in newspapers, any attempt to move away from house style is often met with profanities from editors and a stint in the naughty corner.

Greek – This is what we call the nonsensical text used when we are designing the layout for some content and the real copy is not yet available, even though it is actually Latin. You will probably have seen it at some point starting with ‘Lorem Ipsum’. This dummy text has more-or-less normal distribution of letters allowing the design to look complete so that it can be shared with a client. 

Gutter – No, not a reference to tabloid journalism. This refers to the white space in a magazine where two pages meet. It can also refer to the white space between text columns.

Hook – Hooks are a crucial component of effective content. These are the bits which keep your readers interested and engaged. They may be unusual facts, emotive examples, eye-catching statistics or perhaps posing a question the reader wants answered. Essentially, anything that encourages someone to keep reading the content is a hook.

Kerning – This may sound like some slightly obscure Winter Olympics sport, but kerning is actually the process of adjusting the process of space between letters.  I’m told by our designer that this is actually an ‘art’. But I write the words around here and I would describe it as a way of adding some polish to the design and improving legibility. Kerning can play a key role in eliminating orphans and widows, which sounds a lot more brutal than it actually is (more on those terms soon).

Kicker – This helpfully has a few different meanings when it comes to content. Traditionally, it has referred to a line above a headline which reveals something about the content – a sort of headline on the main headline.  More recently, it has also come to mean something surprising or poignant that is used to end a piece of content.  So if you hear us talking about a kicker, we could be discussing something at the beginning of a bit of content or something at the very end – helpful.

Orphan – One of the content world’s more morbid terms and something that is often confused with a ‘widow’. Even by those in the industry. It refers to a single word which appears at the top of a column or page. It is considered a villain of typography as it causes poor horizontal alignment at the top of a column or page. The key to remembering the difference is that an orphan is alone at the start, while a widow is alone at the end. Dark.

Pull quotes  A pull-quote is a strong, attention-grabbing quote, which has been, well, ‘pulled’ from the main text to add some visual flair to lengthy articles and make them more appealing to readers. Ideally, they are short, direct quotes, used to break up large sections of words and encourage the reader to keep going.

They are sometimes also called ‘callouts’ – but not by us.

Sidebar  This one more or less does what it says on the tin. It is a short article in a magazine or on a website sitting next to next to the main piece, which contains additional and supporting information  

Spike – Hopefully you won’t get to hear us use this phrase. It refers to a decision not to publish a piece of content or an article.

Standfirst – This is the term given to a brief introductory summary often used on longer forms of content. Its role is to give the reader an overview of what they will find in the rest of the blog or article and encourage them to invest their time in continuing to read. Generally, a standfirst will just be a few lines. Brevity is considered key.

Strapline – A strapline in print terms is a headline beneath the main headline, written in a smaller font, and used to give the reader further teaser information about the article.

Subheads – Subheads are the little headlines, usually one or two words long, that you will see scattered across longer forms of content. They serve a dual purpose. Firstly they break up the content making it appear less daunting for the time-pressed reader. Additionally, they make it easier for people to scan content to get a good idea of what it is about.

Teaser – This refers to a few lines of copy designed to encourage a reader to find the rest of the article. A printed magazine, for example, could include a teaser on the first few pages for a piece appearing further back in the publication.   

 

Tracking – Similar to kerning, but tracking is the process of adjusting the spacing throughout an entire word. Once kerning has been used to get the spacing right between each letter, tracking can be used to change the spacing equally between every letter at once. Clever hey? Still not an art though. (Stop picking fights with our designers Adam – Ed)

Widows – Another bleak term and something which is very similar to an orphan.  It refers to a short line – usually a single word - at the end of a paragraph or column. This is a design problem in printed content as it leaves too much white space between paragraphs.

WOB – Quite simple this one. It means white on black and refers to white text on a black or other coloured background.

 

At Thirty Seven, we offer content and design services to ensure your campaigns reach the right audiences at the right times. Our journalist led approach ensures your content is interesting, engaging and informative so you gain brand awareness and engagement whether it is social media content or a whitepaper.

Emily Stonham
19th December 2018 - 7 mins read

Every company wants to be an authority in their sector - those that engage the media usually are

Media First designs and delivers bespoke media and communications courses that use current working journalists, along with PR and communications professionals, to help you get the most from your communications plan.