Posted 14th November 2013 | By ExtraMile

Hello everyone. It feels like a while since I last unleashed a design hour on you. Be prepared for a special bumper edition.

In the world of web

Stefan Lucut. This is an incredibly minimalist website. It doesn't really give you a narrative particularly, but the thing I like about this site I guess is surface level - the imagery used. Clicking through (anywhere on the home page) gives you a huge variety of styles and works he has produced. Very artistic, very illustration based, but he also seems a keen designer and likes to incorporate the two.

Ghost. Ghost is a brand new blogging system, designed to make blogging even easier. As much as I wasn't a fan of their system, I am a fan of their site. It's the brilliant photography here - all inanimate objects, but kind of gives you the impression that this is a blogger's most favoured environment. A modern cafe setting, on the move, an open laptop and a cup of java - what could be more enticing to a person wanting to start up their own blog? Going onto the Features page, you'll see some whizzy effects when scrolling down, that everyone seems to be doing at the moment, but they work great to make objects more prominent and to bring statistics out to the forefront.

BTL Brands. Do you know what I love about this site? They don't have a logo. I love scrolling through the first page - it's something a little special. Not overdone, not over-thought, just a simple message that makes you want to look into the rest of the site. Their portfolio section is also very sleek - everything consistently displayed on an iPad.

Chaos / Kibee. I'm intrigued by all the objects that appear on the page when scrolling down. If you scroll over him he asks to drag the tea over his face, see if that kicks him into gear. I've had no success on this, so see if anyone else can! It's a good example of adding interactivity to a website however. It'd be even better if each object would have its own purpose!

Nguma. Here's a site I came across recently that I find quite disturbing, yet it actually uses some amazing CSS3 animations. There's interactivity - making the Boogey man dance with certain mouse movements. A lot of time, effort and hardcore coding has gone into this site.

LEDbow. A website for the largest maker of LED display in the Czech Republic. Hover over the banner image and you'll see there's some great transitions happening using skewing and perspectives. There's also some great flips on the tiles below - making flat elements look like 3D objects.

Too Hot Limited. A line of clothing for men. What I like about this website is that it is very stripped back, a lot like the clothing. I would never wear one of these things, but as an opening page, it speaks to the average Joe - they're not using your typical male models, more people who would actually wear these clothes, which I think is important as part of the brand and statement.

Drifter Bags. This is a fairly simple e-commerce website. I like the way they tailor the background of the banner images to the bag material, as well as the general ease of use of the website.

A couple of email designs from Campaign Monitor

Gemelle. I think the centred approach works particularly well on this email. I also like how they've repeated the top image so that the email looks better on larger screens - not fixing it to an outer wrapper. The layout is simple and easy to follow, a classic example of how email layout should look.

Interworld Plastics. This looks different to your average email, as there's no immediate structure to it, however the top image and calls to action below are enough to entice you into finding out more. As far as the rest of the mail goes, it's straight to the point. There's nothing on there to distract the user from going somewhere else, the mail is purely dedicated to this offer.

It's time to whip out some logos


In other design

I'm going to touch on some powerful advert design this month.



I really like the way both of these ads have been done. It goes to show how one focus point can have such big impact. Both very different in their approach, but I thought I'd contrast the two to show how you can get completely different messages by using the same design approach.

My font of the month


It has to fall to Raleway this month. Since discovering it, I've been using it much more - the versatility is key, because it offers so many different weights. The SemiBold and Bold styles are perfect for headings, however using the light and regular versions are equally as good for clear and concise body copy. Lovely and rounded, perfectly legible.

And finally…


When I'm next throwing some shapes on the dance floor, I may well be replacing the Village People's letters with my geeky design equivalents.

Written by Matt Preston, designer at ExtraMile Communications.

At ExtraMile we try to take an hour out each week to look around us at what others do and to gain inspiration and to admire people's creativity. Each post in this series is one staff member's take on the world of web, design and things online. We hope you enjoy it.


About ExtraMile

A digital marketing agency with international capabilities