Karen Haller is an Applied Colour Psychology Specialist.  She helps business owners to communicate their brand’s authentic business personality in colour, further strengthening their marketing message to increase brand recognition by standing out from the competition and increasing sales.

BEFORE: Recognise & Relieve old logo & brand colours

In analysing the old Recognise and Relieve brand colours Karen Haller found that the brown colour palette is from the colour family related to the Autumn season. The monotone variants of brown give an overall subliminal message of safety, seriousness, reliability and support.

Looking at the brand’s core values – aiding positive change, healing and self awareness in a calm and nurturing environment, the old brown monotone colour palette may have, over time, reflected a feeling of heaviness, reluctance for change and seriousness.

Karen felt the colour family which best suits the brand’s core values and aims is Summer. Cool blue based colours with gray added which reflects the cool, calm and elegant sophistication of this brand.

AFTER: Recognise & Relieve new brand colours

Some keywords related to these colours are honesty, calm, nurturing, reassurance and self healing. Perfect for the Recognise & Relieve brand.

LOGO OPTIONS: Recognise & Relieve logo designs

When designing the new Recognise & Relieve logo Tamlyn created three designs considering the brand colours and brand values to reflect the service which Recognise and Relieve provide.

The first and second logo designs reflect an evolution and simplification of the current Recognise and Relieve logo. The idea of using the figure was to reflect the services that R & R provide, the figures needed to symbolise pain and yet relief at the same time. The idea was to use a single flowing line to create the figure, symbolising continuity and strength.

The third logo is a purely typographic logo. Emphasis has been placed on the ampersand, but using a paler colour than the type allows it to not overpower the main typography, whilst joining the “i” and “l” show unity.

The fourth logo option is more of a mix between a feminine and serious approach. In order to balance the soft feminine curves of the ampersand  with an element of seriousness we have used an all caps typeface. The ampersand has again been enlarged to create a unity between the two words.

And the final logo?

After several iterations Tamlyn and Marina came up with the following. You can see that the font is now a quirky font to represent Marina’s quirky personality.

So you see logos aren’t just pretty graphics we dream up! When creating a logo design we take our time to explore a range of ideas which translate the values of the company and the service the company provides. Through a clever combination of graphic elements we create unique and meaningful designs every time!

We have been working hard on our newsletter, as we always do. And it’s ready to send! In this one the illustration was done by Tina and Amy worked on the graphics for the rest of the newsletter. Other newsletters often feature illustration work by Tamlyn – who drew our owls! Those of you who dont subscribe, you’re missing out! We almost always do special offers, games and prizes. Our latest creation involves a theme – “Make Do and Mend” which goes with the whole “January Austerity” feeling. No point in being frivolous and overly extravagent – it’s just not the done thing! So, in our newsletter we have listed “8 free or almost free ways to improve your presence online.” We do like the number 8!

We also like the number 3 – so watch out for the 3 offers within the newsletter.

Read it here and let us know in the comments below what you think!

Here are my top 11 so far (in no particular order):

Get yourself out there!

Networking, blogging and social media are the way forward! At Top Left Design Keren and the team frequently update followers and clients with the latest events, offers and daily office going-ons.

Through this constant contact with people, TLD are continually establishing new contacts, friendships and exciting new ventures.

If you get yourself out there and approach marketing with confidence it will reflect on your business and also your own personal confidence – don’t be afraid to be the boldest of the bunch!

Shortcuts

Designing can be a very long process – unless your equipped with the magic shortcuts!

I’ve learnt a countless amount of shortcuts whilst working at TLD for a range of programmes, shortcuts don’t only save you time but also give your mouse a well earned rest.

*Please note we never take shortcuts when thinking up the brilliant ideas behind your designs, and also recommend to never take shortcuts in life!

Design is where the heart is

One of the best things about working at Top Left Design is being surrounded by a team that are passionate about design! Without this passion and drive we wouldn’t be able to produce the beautiful, professional and unique designs which we’re known for.

Size does matter

When designing it’s always important to have a balanced hierarchy of text and images. We always make sure that all elements work in harmony with one another creating a well balanced design.

The size of text, and fonts are fundamental in establishing headings,  subheadings, and  body text. The key is to use font styles, colours and perhaps two different fonts consistently to represent each section of text, it’s also always important to make sure the text is legible and balances well with images.

A good eye for balance whilst designing really does make a difference  – so you see, size really does matter!

Attention to detail

Good design requires a meticulous eye for detail. Its no use creating a beautiful design with those awful mistakes which make your head feel like its going to pop!

When designing we always check that the line height of text, and alignment of different elements is consistent, it’s also important to allow your design to breath. And of course we always look out for those dreaded spelling mistakes, missed full stops and bad grammar!

The importance of presentation

At Top Left Design we’re always presenting new ideas and designs to clients so its important that these designs are presented clearly and professionally.

Creating storyboards is one way which we present website designs. Live storyboards allow clients to view their designs in a browser, they can then compare each design and are also able to see what their site could look like live.

It’s also a handy way for them to get feedback from a friend or colleague, they can simply forward the link for a second opinion.

How to communicate with clients

Communication is key in any business and here at Top Left Design we make sure we’re always able to communicate clearly with clients through emails, phone calls, and meetings.

I’ve learnt how to structure emails which effectively communicate to clients any changes that have been made to their designs, quote for design work and have also learnt how and when to include polite suggestions for further changes/work – its always nice for clients to have input from the designer to help them along the way with the development of their design project. Phone calls – of course I mastered on the first day! (the traditional – Hello Nichaela speaking, how can I help-pen-paper-message) although the in-depth discussion and meetings are still yet to come…

When approaching a new design project it’s essential for both the designer and client to feel comfortable in developing the forthcoming designs. Its important for us to know the style of design the client desires, so we can feel confident in delivering the designs and making changes. Good communication is what makes your design perfect.

How to spot a good image

When including images on websites, in blogs, newsletters etc. its always important that you choose images which are eye catching, attractive and don’t look ‘clip arty’.

Below are three different types of photography, and two tips which will never fail you – what to look out for when your sourcing images :

Bokeh Photography
Bokeh is an adaptation from a Japanese word meaning blur. Photographers create this effect using lenses to adjust focus in the foreground or background, essentially highlighting one object and blurring and expanding areas of light. Just type Bokeh photography into your search engine and see what comes up – the images are amazing!

Macro Photography
This close up style of photography is always good if you want to show attention to detail. For example if your a restaurant or food company this type of photography will effectively show off your delicious food, or if your a florist it will highlight the beautiful detail of  your flowers in a very sophisticated way.

Tilt Shift Photography
Tilt Shift photographers cleverly create ‘toy like’ scenes using a special lens and movement of their camera. This type of photography creates an interesting and dynamic picture, turning your everyday scene into a miniature world.

Image source: www.smashingmagazine.com

Image source: www.hongkiat.com

Photography with interesting perspectives, arrangements and use of focus
Images with objects or people just plonked in the center aren’t very interesting and don’t draw in peoples attention. An interesting perspective, and arrangement of objects or people and use of focus will always catch someones eye.

Photography with ‘good’ backgrounds
Try to avoid images with white backgrounds as these can look very clip arty – unless of course you need an image with a white background. A nice scenery or textured background is always a great choice.

*remember its always good to think outside the box when choosing  images, make sure they’re interesting, but also relevant to the message you’re trying to convey.

How to mask!

For all you non Photoshoppers out there masking is a very handy tool which can be used in Photoshop, and other Adobe software which I recently found out exactly how to use it!

A mask can be made of one object e.g. a box for an image slider on a website. This mask can then be applied to another object such as an image, this will effectively make the image fit within the exact same space as the box – very handy in maintaining a precise and consistent design! See my example below:

Finished! or am I…

Its important not to get ahead of yourself. At Top Left Design we always encourage clients to let us know of any changes they want to their design work. We do whatever we can to create a design which reflects what they envisioned and recognise the jobs only finished when the clients are happy with their final product.

And last but not least… How to make a good cup of tea (I think)

One of the very first things Keren taught me! I’m petrified of making tea for people in case they don’t like it, but no complaints so far! Looks like Keren’s magic paid off.

Here is what Julien wrote

Hi everyone! I’ve just finished my 10 weeks internship here at Top Left Design. Usually I work more with the programming side of things, and have never really learnt much about the design process. I like coding because I’ve learnt a lot about how to do it, and so now it’s easy for me. But during this internship I saw that design is not so different from coding, you have to always keep in mind some key rules and guidelines to create a good design.

Here are the 7 most important rules I learnt at top left design during my 10 great weeks:

Composition

Align, align, align! Well-aligned elements within your layout make your website look tidy and organized. You can see an example of this on the Performance Resolution website.

Colours

Choosing the right combination of colours in reference to the client’s brief, and referring to the colours of their existing branding, is a difficult and important task in order to create visual harmony within the new branding and website. It’s also good to have some contrast between different elements to highlight important sections of the website, you can do this by using a combination of bright and dark colours, and this can also help to guide the reader through the site.

Visual Hierarchy

You should highlight things important like the services offered by your company, and keep less important things more simple. You can see on the A Business Innovation website that there services are highlighted in boxes making this section stand out to people.

Consistency

The website should be consistent, each page should be identifiable as part of the whole.

The little things matter

Details are very important in any type of work. It is the same with the design: details are the difference between a good design and great design.

When I started working on design layouts, I realised that every final site produced perfectly reflected the final design. This means the margins, padding, backgrounds and borders have to be perfectly consistent through your designs, it’s also important that the colours and fonts stay consistent throughout the site.

At the beginning of my internship it was very hard for me to follow these rules, I found it easy to make small mistakes in a layout, such as remembering to make sure everything is aligned exactly, making sure the right colours are used throughout, and ensuring the titles are consistent sizes. And the fact is I didn’t understand why it was so important because by definition, it was only small details… But now I know why.

Looking out for the little things whilst designing and remembering your ‘rules’ whilst designing really does have it benefits:

• The most obvious: The work looks more professional, if you always make small mistakes your reputation will suffer.

• You don’t waste time explaining these little mistakes when the client is viewing your designs. Everything is perfect and so you can focus spending time discussing the things that really matter.

• It makes you more organized. If you’re organised and have named each of your layers in Photoshop, and grouped these into folders it means when you come to making small changes you save a lot of time. Naming your layers in Photoshop is really important when you are working in a team as it’s not only you that will be working on those files.

• Faster development. For example if you design a blog which is not correctly aligned and you send it off to the programmer to be built, the programmer doesn’t have to waste time figuring out if you made a small mistake or if it was intentional.

Check your work

This tip is linked to my previous point. The final design has to be perfect to avoid a dissatisfied or disappointed client. Everything is double checked to be sure the result is as expected. Sometimes when you work for a long time on a design you can’t detect mistakes easily. That’s why it’s important to have someone else in the team to take a look over the design, and see if there are any little tweaks which need to be made.

Keep it simple

A design can look sophisticated and professional without many design elements which may just prove to be useless. Personally when I’m looking through a website for information about a company, I prefer to see a clean and minimalist design where it’s easy to find what you want, and not be distracted by things that are not as important.

Caroline and Julien are two french students who spent 10 weeks with the team at Top Left Design on a summer internship. 10 weeks have flown by! They have sadly left and will be truly missed by all of us at Top Left Design. In this blog post Caroline shares a little bit about her experience at TLD and the new things she learnt.

Here is what Caroline wrote

Here we are: 10 weeks have gone by, and it’s already the end. When I look at the pieces of paper which I wrote all of my tasks on each week, I think we can say that it’s been amazing. From tasks which took me several days to complete to some which only took me a few minutes, each week has been a new experience.

Of course at University I’m used to working on many projects at one time. But the big difference between school and an internship is that here, there is always somebody to help you to improve your work, and also to explain to you why it could be improved and above all HOW. It’s not just a mark at the end of a semester; it’s a real explanation – a great way to learn how to improve your skills, so each time you design it gets better and better.

Is 10 weeks too short a time to have a well-rounded vision of the world of work, and significantly develop your knowledge surrounding design? Do you really think so? If so, I hope I can persuade you to change your mind…

The 3 common mistakes that I made at the beginning of my internship:

1.  When designing I either made the line spaces too big or too small, but never the size they were supposed to be.

Solution: Be patient and analyse carefully existing designs to find the perfect spacing for yours. You always have to check what size the font is and adapt the line space accordingly. It’s the same for the spacing between the different design elements e.g. image sliders and boxes. The spacing needs to be consistent throughout allowing your design to breathe.

2.  Designing without enough individuality or character!

Solution: Add colours to the design and noise to the background, this makes the website background look textured and helps to make the website look welcoming. The best way to be inspired whilst designing is to have a look at great examples of website design which already exist on the web.

3.  I would sometimes design using too much text – nobody wants to read a page like that!

Solution: Put 2 or 3 colourful boxes to catch the viewer’s attention, and always try to find good images to space out the layout, this will make the page more harmonious. Plus you can always add a read more link.

The 3 types of tasks at Top Left Design which helped me to learn more about design:

1.  Creating a homepage layout using the brief filled out by the client

Even if you have never met the client, you have to be able to understand their brand and brief to be able to create a design which is fresh and new, but also very personal and relevant to the company. It’s important to include all of the design elements which the client has asked for within the layout, e.g. a blog feed, image slider and side navigation.

2.  Design all of the inner pages of a website even if you didn’t create the homepage

When designing inner pages it is important to follow the final design of the homepage. You have to make sure the style of design throughout the rest of the site is consistent with the homepage. It’s important to be really conscientious to ensure that the fonts, colours, and small details such as borders of boxes and so many other things are the same across all of the pages.

3.  Working on the creation of a logo

Such hard work! Of course you need to create a design which suites the clients brief and brand, but you need to have THE idea which will make the logo unique. It’s important to create something recognizable and also distinctive, however with a small amount of intricate details ensuring the logo will remain legible when used at a smaller size.

As you can see, you need much more than simply just knowledge of software to be able to create a great design. University taught me technical skills; Top Left Design gave me the opportunity to go beyond that.

To conclude, my first impression was that the team seemed to be so friendly… And now, the last thing that I can say about Top Left Design is that the team is definitively, extraordinarily friendly!

Good professional photography is essential for this genre of website, and thankfully, our clients recognise this with the beautiful images they have supplied to us in the past.

Read our blog post on professional photography in web design for more about that.

So without further ado, below are a range of fantastic food business websites that have been designed by Top Left Design.

Carmen Bar De Tapas

Carmen Bar De Tapas is an intimate tapas restaurant located in Clapham, London. The decoration and the friendly attentive staff create an atmosphere that will make you feel right at home.

A perfect venue to enjoy a romantic dinner for two, while also catering for larger groups of family and friends – It is a place to come and relax, and enjoy food as it is meant to be.

Goo Goo Gourmet

Goo Goo Gourmet offers an innovative delivery service for baby food. They understand that parents are busy, and offering this service takes away some of the pressure that comes with parenthood!

The Nut Hut

Nuts – the perfect snack! And with The Nut Hut, you can order customised selections of various tasty nuts and dried fruits online. They also do hampers for special occasions, and have a couple of physical stores set up in shopping centres throughout London.

Caldesi

Caldesi is an authentic Italian restaurant and cooking school based in Marylebone, London. Their website reflects the historic character that also comes across in their restaurant and food!
We had the pleasure of attending one of their cooking classes recently, and were shown how to make pizzas from scratch – delicious!

Limoncello

Limoncello are a catering company based in East London’s bustling Shoreditch area. They make and deliver lots of nice food, including but limited to sandwiches, buffets, canapés, breakfasts and packed lunches!

Having good quality images on your site can set you apart from your competitors in a big way. Have you ever been to a website and thought “those pictures are awful”? How did that affect your impressions of the company? I’d be willing to bet that your perception of the company went down some – the quality of your content is directly linked to how your visitors perceive the overall quality of your company.

There’s nothing worse than having a great website designed, only to populate the pages with low quality clipart style stock imagery, or dodgy team pictures.

• If you are a venue – people will want to see the venue in all it’s glory
• If you have a physical product – then show off the product with high quality pictures
• If you have people in your business – (yes we know this means everyone!) – adding team pictures creates trust and transparency

Professional photography really does add a sophisticated and unique feel to your company and products. Below is just a small collection of  professional photography used throughout websites TLD has designed – now you’ll be able to see why professional photography is a must!

Venue Photography

Caldesi

Caldesi uses high quality photography to showcase their elegant restaurant interior – allowing any visitors to their site to see exactly what they are in for!

Product Photography

Goo Goo Gourmet

The Goo Goo Gourmet website has stunning product photography, cleverly placing the raw ingredients of the food next to the finished product. In times where we are all very conscious of what is put into our food, the images here combine peace of mind with beautiful pictures of food.

Photography by Studio Erameri www.erameri.com

The Nut Hut

Product imagery can sometimes become bland and repetitive – but not on The Nut Hut’s website! The food has been arranged in different ways almost like a sculpture, showing that even the most basic types of food can be displayed in an innovative way.

Photography by Studio Erameri www.erameri.com

Caldesi

As well as being a restaurant, Caldesi is also a cookery school, and the images here create a classic kitchen feel – freshly cut bread, raw dough covered in flour, and well prepared finished meals. If looking at these images doesn’t make you hungry, there must be something wrong with you…

People Photography

Olim

Olim have used clean, well composed images of their staff to show that their company has a face – visitors to the site establish a bond of trust when they see the people behind the name.

Photography by Nigel Charman www.nigelcharman.com

Caldesi

Again, Caldesi is a prime example of well taken photography – pictures of their staff are up on the site to let you know who will be teaching you to cook in their cookery school, and who will be cooking the food you eat in the restaurant itself. You don’t get that kind of exposure at McDonalds!

Aprirose

With this site we made a super cool script where you click on the person’s face and the box expands to show more information – check it out:

Fish Financial

For each member of the team, there is a unique testimonial which you get by clicking on the Read Testimonial link – genius!

Long Way Round

We kept with the textured postcard look and feel on this page that you can see on the whole site, and included nifty little “more” links.

OLIM

The profile pictures taken by their photographer were a unique landscape shape which makes this one a little bit different. And we have the little “More” link as well!

Petrus Financial

A cool little rollover script allows you to meet all the team by rolling over their heads!

Prescience

More outdoorsy shots of the team here.

Professional Financial Centres

The team here each have their little note card which we think is a nice touch!

CWB IFAs

Close up shots for all and another rollover script for support staff.

Association of Women Art Dealers

This allows an at a glance look at the current members of AWAD

From stories about French boys, Make My Lunch and special branded cupcakes…

…to TLD Social Media seminars and giant urns (not in that particular combination or order!) we promise you won’t be disappointed!

Go on, have a read! You know you want to to! And if you’re up for a bit of a challenge, read to the bottom of the newsletter and do as it says.. you might be in for a pleasant surprise! Happy Valentine’s Day!