Blog

Posts Tagged ‘Website Design’

Launch of the Thanks and Recognition website

Tuesday, January 24th, 2012

Thanks and Recognition website

At the beginning of January we launched our very first website of 2012 for Thanks and Recognition.

Thanks and Recognition help to create an environment of trust where people feel empowered to thank one another for good deeds they have done in the day.  It works very simply, if somebody does something that you value and want to recognise, you send an email thanking them for what they have done. Thanks and Recognition can then calculate how many times you say thank you in a period of time. There’s lot of theory around the subject and you can find out more on their website.

Thanks and Recognition blog

The site is built in HTML/CSS and has a WordPress blog. We used fading statistics on the home page and also embedded Thanks and Recognitions “Yum Yums & Employee Engagement” video which is a big hit in the Top Left Design office! There is also a blog feed integrated on the home page.

Thanks and Recognition were also kind enough to provide us with a nice testimonial too! Thanks guys!

“We are delighted with our new website. Top Left Design were friendly, helpful & professional throughout the process. They made sure we stuck to the schedule to get it finished by our own deadline and gave us very good advice. Tina was brilliant to work with, she guided us through the build with ease and professionalism. Thank you.”

The Case for Case Studies

Monday, November 7th, 2011

This is me! This is what I do! Hear me roar… umm… or please see my Case Studies page.

Are you wanting to shout your services and great work to the world? Want to advertise without actually advertising? But what you do is SO fantastic how will prospective clients ever believe that you can achieve what you are shouting about?

We need proof they say…

Proof? you want proof? I’ll show you proof!

Please navigate to my case studies page…

Before you can have the perfect case studies page you need a few perfect case studies. Here are some tips on how to create a perfect case study.

5 things your case studies should include:

  1. Break it down – be sure to include a brief breakdown of the case study as an intro. It makes it easy for visitors to find the case study they are looking for quickly and without getting frustrated
  2. Images – images always make things more interesting, if you haven’t helped a client with anything tangible that you can include photos or screenshots of, then you can use stock images, just make sure they are well chosen, match the look and feel of the rest of your site and they aren’t cheesy! Fish Financial used some great quirky images for their case studies.
  3. Headings – breaking your case study into sections is a great idea – but make sure you include headings. Your visitor should be able to easily see who the ‘Client’ is, what the ‘Project’ is, where the ‘Challenges’ lay, an ‘Overview’ of how you planned to help the client, the ‘Work Required’ to achieve satisfaction, the ‘Solution’ and the ‘Result’ where you can say how everything was achieved and also how it has helped the company or client. Try using headings that actually help tell the story – such as “Helping a pet food company increase their earnings by 72%” or “Probate advice for a family of 8”
  4. Testimonials – these are the life of case studies. Testimonials give a name and occasionally a face to the case study – this helps people feel a connection to the client in question and can build trust. If you can convince the testimonial giver to let you use a picture of them, then that’s even better – CWB is a great example of this.
  5. Give me more! – if you have chosen to take our advice and have an intro to begin with be sure your site visitors can find the entire case study easily by either including a link to the full case study or a link to a downloadable PDF of the case study (something that visitors can download and read at their leisure). A Business Innovation makes use of downloadable PDFs for their case studies.

7 reasons to have case studies:

  1. It’s a great way to advertise without actually advertising
  2. It can help evoke emotion by discussing situations that other people may also be in (for instance financial case studies are very important as there will always be website visitors who are retiring, have been retrenched, or just want to save for a better future)
  3. People get a much better idea of what you do by reading real life stories
  4. It’s a lot less “salesly” to tell a story about the services you provide and to let the results and testimonials speak for themselves. You can list statistics to show how a company has grown, become more productive, or made more money. Numbers are always a great way to show how well things are actually working
  5. Everyone likes a good success story
  6. If your clients are also businesses they will get free exposure and SEO benefits
  7. By showcasing a variety of different types of clients, you have a greater chance of the reader identifying with ONE of them and understanding how you can help THEM.

Below are some examples of case study pages that we have done:

A Business Innovation

A Business Innovation - case studies page

A Business Innovation is a company we regularly partner up with on projects. Together we have worked on some great websites AND case studies pages!

This page features all case studies on one page – company name, brief overview, and an image of the websites home pages. If you hover over the images of the home pages the image border changes to red and the website home page image is replaced with the company’s logo. See the cool feature here.

A Business Innovation also makes use of pages dedicated to each case study with a downloadable PDF.

Fish Financial

Fish Financial - case studies page

For the Fish Financial website case studies page we chose a fresh, clean layout to match the rest of the site. All 6 case studies are easy to navigate between with them listed on the left. When on a specific case study the left navigation boxes change colour to show you where you are.

The case studies themselves all have their own individual quirky image to go with them. They include a brief overview of the case study with a quote from the featured client and a PDF download to the full case study.

The Bespoke Wedding Company

The Bespoke Wedding Company - case studies page

The Bespoke Wedding Company has a great reason to have a case studies page. Being a wedding planning company there will always be lovely stories to share, but more importantly loads of amazing photos to show off.

The main case studies page shows all case studies with one large feature image, intro text and a link to the specific case studies. The specific case study pages include a full write-up on the event and the services they supplied. It also has a testimonial from the bride and groom and a lovely gallery to showcase the event and services rendered.

The Bespoke Wedding Company - case studies inner page

Prescience

Prescience - case studies page

Prescience is an integrated media company who focus on film production, financing and sales. They have helped fund movies such as ‘The Kings Speech’, ‘Chalet Girl’ and ‘Horrid Henry’.

Their case studies page needed to show all the projects they have helped fund, the projects that are soon to be released and even ones still in development. Their main case studies page just features the movies name and a recognisable image of the actors in the films, if you click on any of the movie names or the magnifying glasses a cool lightbox pops-up to give you an overview of the movie, from there you can navigate through them all.

Prescience - case studies inner page

 

Karen Haller Colour & Design Consultancy

Being a colour and design consultancy means that there will always be lovely pictures to feature on the case studies page. The main case studies page features 4 case studies – large images, intro, and a link to the full case study.

Each case study has its own page which features a full breakdown of the projects (using those fabulous headings), a testimonial from the client, clever links leading into other parts of the website and a lovely gallery to showcase the colour and design consultancy that was supplied.

OWL Regulatory Consulting

OWL - case studies page

OWL  is a Regulatory Consultancy who have helped many clients. They chose only 3 case studies to feature on their website. It’s a very simple layout and the full case studies all appear on one page.

Based on the fact that the case studies are quite small we used a great drop-down feature. So arriving at the page you see the 3 case studies, headings and images, and if you click on the ‘More’ link then it drops down to show the whole case study.

Clarkson Wayman Ball

Clarkson Wayman Ball - case studies page

Clarkson Wayman Ball are a finance company and have many success stories to share. As we mentioned earlier – adding a testimonial from the client is a great way to get your visitor to connect with the story. CWB managed to get their clients to tell their personal stories and was even able to convince their clients to pose for pictures for the case studies. This really gives a whole other level to them.

They have an individual page per case study which includes the full story, a photo of the client, a downloadable PDF of the case study, a testimonial and a brief introduction to the team members that worked on the project – this is a fantastic way to allow your visitors to ‘meet the team’ and also gives the visitor an idea of who could be working on their specific case. Brilliant!

Clarkson Wayman Ball - case studies inner page

11 things I’ve learnt at Top Left Design so far

Tuesday, October 11th, 2011

Now a full time member of the TLD team, I first came to Top Left Design as an intern for two weeks when I was just 14 years old. I’ve spent a lot of time with the team helping out for the past four years and have learnt  countless amounts of new and interesting things, and still have much more to learn!

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

Get yourself out there!

Onwards & Upwards

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!

(more…)

The designer tips I learnt at Top Left Design – by Julien Michot (one of our interns)

Thursday, August 18th, 2011

Julien is one of the two french students (Julien and Caroline) who spent a 10 week  internship at Top Left Design. In this post he shares with you a few new things he learnt about design.

Julien on his last day at TLD

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:

(more…)

3,2,1… London 2011! You don’t need to be a sportswoman to develop your skills – by Caroline Campan (one of our interns)

Thursday, August 18th, 2011

Caroline Michot - on her last day of her TLD internship

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.

(more…)

A collection of websites for Food Businesses (designed by Top Left Design)

Tuesday, August 16th, 2011

Food – Its yummy and we can’t live without it! (even if you tried). Designing a food website presents an interesting challenge – the design has to look good enough to eat!
Whether it be for a restaurant, or a company that sells food online, the focus has to be on the product, which in these cases, are the food itself, or the venue in which you will be eating the delicious consumables.

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.

Carmen Bar De Tapas Homepage

(more…)

Should we have professional photography in our website?

Tuesday, August 9th, 2011

Yes!

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!

(more…)

6 Horrendous Web Design No-No’s

Tuesday, July 26th, 2011

Llama

Disapproving llama does not like your use of 90's web design

When it comes to making websites look good, there are a plethora of ways to set a design apart from the rest, without needing to delve into the pit of cliché doom.

A strong design does not need gimmicks, just as it does not need uninspired generic content. The tricky part is finding the balance!

Here are some common culprits, steer clear of these or you might end giving people a migrane – or worse – they might steer clear of your site completely…

Full Text Justification

A website is not a newspaper. Even websites owned by newspapers don’t justify their text. Print layout is very different to web layout, and besides the accessibility issues, it just looks messy:

The River

The 'River' in all it's glory. Yellow = bad.

When you justify text on a website, you can end up with large gaps inbetween text, called “rivers”. You see, when a newspaper with justified text is edited, the designer can determine exactly how the text will look as the material will be printed. This means they can remove any “rivers” and compensate for any ugly spacing. However, there is simply no control over this on the internet. People use different browsers, different screen sizes, and can change the font size for accessibility – so fixing a gap for one machine might mean that it looks terrible on another screen. Don’t justify text on the internet.

(more…)

9 great “Meet the Team” pages designed by Top Left Design

Thursday, June 9th, 2011

We pride ourselves in making an effort in designing each page with a purpose. This way the website doesn’t look templatey and the information on the page gives the information it needs to and looks visually appealing. Below is a specially compiled collection of Team Page Designs we have done here at Top Left Design. Feel free to comment and enjoy!

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:

Aprirose team page

Aprirose team page

Fish Financial

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

Fish Financial team page

Fish Financial team page

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.

Long Way Round team page

Long Way Round team page

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!

Olim team page

Olim team page

Petrus Financial

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

Petrus Financial team page

Petrus Financial team page

Prescience

More outdoorsy shots of the team here.

Prescience team page

Professional Financial Centres

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

Professional Financial Centres team page

CWB IFAs

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

SWB team page

Association of Women Art Dealers

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

Association of Women Art Dealers team page

Introducing the new Flutterfly Events website!

Wednesday, May 4th, 2011

Recently we launched a website for another one of our lovely clients – Erika Unbehaun from Flutterfly Events. Erika is an American wedding planner in London who puts luxury, elegance and sophistication into everyday practice and wanted a website that reflects this. This project had an amazing turn around time – aided by some super speedy work from Erika with regards to getting content to us.

Flutterfly Events - Home

Along with being a lovely lady to work with, she also gave us a fantastic testimonial here at Top Left Design to share:

(more…)