Design & UX
Article

Secrets to Powerful Web Design Case Studies

By Wes McDowell

If you don’t know about the power of case studies yet, pay close attention; they are about to become your best friend.

For the most part, case studies are a mainstay of nearly every industry. Companies of all types use case studies to show the world how they helped solve a problem or issue for one specific client.

Remember back in school when the teacher wanted you to show your work? A case study works on the same principle. Some clients want to get a “peek behind the curtain,” and see the processes involved in your work.

They want to see not only how the finished product looks, but also the entire process from start to finish.

  • How did you take a client’s problem and develop a solution?
  • How long did it take, and what was involved along the way?
  • What was your thought process, and what did you do in order to solve a client’s problem or achieve their goals?

These are some of the questions that are typically answered in case studies, and they provide a lot of insight for clients.

Case studies can also take many forms, and may not even be called case studies at all. For example, my website thedeependdesign.com refers to them as “Success Stories.” You can tailor your own phrase, creating something that’s engaging and works for you.

Regardless of titles, a case study tells the story of how you helped one specific client. This is important, because if a future client can identify with a past client – their problem, their goal, whatever it may be – they can see how you might help them in a similar way.

Strangely, very few freelancers seem to use case studies, while larger companies – especially in creative industries – are using them quite extensively. This is a real missed opportunity, but if you stop and think about it, this is great news for you.

If you are one of the only ones in your market to utilize case studies for your business, you can really stand out from the crowd. This will make you and your business that much more attractive to potential clients if you are one of the few people on board with using this technique.

By their nature, case studies also show that you understand and have experience in solving problems. They help show clients that you can take a unique situation, problem, or goal and create a process to help your client get exactly what they want.

Part 1: How to Craft a Compelling Web Design Case Study

Choose your subjects carefully.

The first step toward a great case study is choosing the right subject. If you have the luxury of a lot of past clients to choose from, it’s probably wise to choose an “everyman” client that the majority of your future clients can identify with. Someone that people can understand who has a problem or goal that a lot of other businesses share.

Highlight strong industry sectors.

Choosing a client from an obscure or complicated industry that will require lots of explanation will make it more difficult for potential clients to relate. If people can’t relate to your case studies, they're unlikely to be able to see you solving their problems.

Consumer-facing clients such as restaurants, retail shops or hotels often have easily recognizable goals and make for excellent case studies.

Also, keep in mind your target client base when picking your subject. Make sure you choose a candidate that will appeal to the types of clients you want to attract.

For example, if you happen to be successful in producing web design for the construction industry, try to stick to that area for your case study, or you run the risk of not relating to your bread-and-butter clients.

Being able to identify with the client in the case study is critical because we want the reader to be able to easily project themselves into the client’s shoes. You want them to read it, sit back and think ‘He did a great job for that guy, and I have similar issues. I bet he could help me too.’

However, if you’re newish business you may not have a long client list and so you won't be able to be as picky. But that’s okay – everyone starts somewhere, and as you gain more clients, you can write more and more case studies and get pickier as time progresses.

If you happen to be brand new, with no past clients to write a case study on, you can write a case study in real time. This can actually be a good thing, as you’ll be able to write the case study on a client you’re currently helping, and all the details will be fresh in your mind.

Get Writing!

Now that you have your client picked out, it’s time to start crafting. Remember, you want to tell a story from start to finish. Beginning with when your client first came to you:

  • What was the problem or goal that drove them to you in the first place
  • What did they need you to solve?
  • Did they need a logo designed, a press release written, or a brand new website designed?

Talk about any and all prerequisites that came with the project. For instance, a client may come to you wanting a website that can be easily updatable by their own staff, they want to bring in the colors and theme of their existing logo, or be able to collect email addresses.

These prerequisites all amount to limitations on your creativity. This is an excellent thing to show, as it tells future clients that you can operate within the boundaries of what your clients ask for.

You should also include other unspoken considerations that you took into account during the process. This could include industry-standard features that you happened to uncover in your research.

A good example of this would be if a new restaurant wanted you to build a website for them, and you found out during your research phase that most restaurants are using a service called “OpenTable” to take online reservations.

Talk about:

  • All elements that were required.
  • All elements the client specifically requested.
  • Things that you found out on your own.

Include how you took all these things into account as you came up with a solution for the final product. Explain your thought process behind your decisions and show how your decisions influenced and benefited the project and the client.

Quantify whenever you can.

Always include real, accurate numbers whenever you can. It’s one thing to say “My web design contributed to the construction firm’s success.’, but it’s much better to say ‘The website I designed for XYZ client gets 10,000 unique visitors a month, with 10% of them converted into sales leads.”

Laptop

These are quantifiable statistics that future clients can read and easily understand. Visitors don’t have to wonder what it actually means, or think about your statements in an abstract way – it’s real world data that is easily interpreted.

They want to know that if they hire you for a project, that you’ll get them results. And real results are measured in numbers, not in warm fuzzy feelings.

Part 2: How to Present Your Case Studies

One you've determined the content for an effective case study, it’s time to focus on the presentation. People aren't looking to read a 400-page novel about your past clients, so it’s important to present case studies in an easily digestible way and will make people want to read them.

First and foremost, you want to make sure your case studies are formatted correctly for the web, and specifically, for your website. Think about some of the blogs and other websites that present a large amount of information – most of them do an excellent job of being able to present it in such a way that’s easy to navigate and read. They do this by breaking up the content into bite-sized chunks.

Break it Up.

Breaking up paragraphs is an easy way to start. It looks much nicer to the reader’s eye, and it’s easier to read than just one giant wall of text. Too much text looks intimidating, and quite frankly like a chore to read.

Breaking it up into paragraphs makes it look much more accessible, and potential clients can jump around to see which paragraphs interest them the most if they don’t feel like reading the entire page.

Use headers.

Also, use headings and subheadings where appropriate. These allow you to break up your content even further, and also enhance a reader’s ability to scan and find exactly what interests them. For the most part, people aren’t usually going to read the entire case study. People’s reading habits online are actually pretty lazy – so most people are just going to scan the content and read what appeals to them specifically.

Use lists.

Do you have information is your case study that could be formatted as a list? Lists and bullet points are an effective way to make content easy to consume.

Bullet points are particularly well-suited for listing the specific requirements of the project, features you implemented, or statistics about how the project benefitted your client.

Use images.

Always use images wherever you can – show the different stages of the projects alongside your content if at all possible. Anytime you can show rather than tell, it’s a good thing.

If you can show your projects in as many stages as possible, do so. For instance, if you worked on a logo, you might want to show screenshots of your beginning sketches.

Then move on to how you began looking for various colors, show images of the color schemes you may have plugged into your design. Again, case studies are all about telling the story of a project, so do this with images whenever possible.

Speaking of images, ask your client if you can use a picture of them. After all, it's promoting them and their business too.

The simple addition of a client photograph immediately makes them more “real” to other potential clients. If people can see who you’re talking about, it makes the entire case study more relatable and personable.

Part 3: Position Your Case Studies for Maximum Impact

You know how supermarkets place gum, candy, soda and magazines right at the register? It’s no accident. They know that once you are there, these small, innocuous, low-priced items will seem like a perfectly reasonable add-on to what you are already purchasing. It’s just one last “push” to make an extra sale.

Well, case studies can work in a similar way to your portfolio website.

Since you have gone to all the time and trouble writing a compelling case study and presenting it in an effective way, you’ll want to put it in the best position possible on your portfolio site. As with everything else on your website, location makes a big difference. So where’s the best location for your case studies?

Location 1: A Dedicated Page

The first and most obvious location is on a dedicated “case studies” page, to be included in the main navigation. Clicking the navigation should bring visitors to the main page that will contain all of your case studies.

Even if you start with just one, it can still be a powerful tool. You can then add to them at your own pace as you start building up more and more clients.

On the page itself, you can lay them out however you like, though the layout will often depend on how many case studies you have to work with.

If you have several, you might want to have one featured case study on top that would be called out as such. The featured case study can have a lot of the information on the main page. This is where bullet points or number lists come in handy. Adding an image or two, and an overview of the case study with points that are covered can help draw people in. A link to “read more” allows people to view the entire case study if they want.

Other case studies can be arranged as thumbnails underneath the featured one, where a person can quickly scan the visual images and click on one that appeals to them. A quick link below each thumbnail, perhaps with the client and project name allows a person to click deeper and learn more.

If you are just starting out and have only one case study, you may want to use the same format but put all the information on the main page instead of a call-to-action to learn more. You can write something like “More coming soon” at the bottom of the page, and add more as you accumulate them.

You can make your case studies even more effective by strategically sprinkling them around other areas of the site as well, with links back to the main case studies page. Adding them to other pages can act almost like an “impulse buy” item at a supermarket as I mentioned before; Just that something extra to entice a visitor who might be on the fence about contacting you. So where else would it make sense for you to add studies to your site?

Location 2: On the Sidebar

One effective area is to add studies – or thumbnails of the studies – to the sidebar of your “My Work” page. That way, clients who are looking through your previous work have the option to dig deeper and read a bit more in-depth if they choose to.

And since it’s right there and they’re already looking over your work, most serious clients will click over and, at least, scan the main case studies page.

Location 3: On the Homepage

The homepage is generally the most visited page on a website and yours' is likely no different. For this reason, it is another great place to put a featured case study. Within the homepage, there are many locations you could add a featured case study.

If you use a large slider, why not design a slide that calls out your featured case study? You can include a great image of the finished project, a simple headline, and a link to click and read the whole story.

Or perhaps you could put several of them a little lower on the page, either side-by-side thumbnails, or you could even design a mini-slider that rotates 3 or 4 case studies, with links of course.

The possibilities are virtually endless. Just be creative and position your case studies in areas of your site where it makes sense, especially in areas that it can enhance the page’s content. Adding them as a call-to-action or “impulse buy” helps add credibility to your site and gets people to stay on your site longer.

  • tahminaakter

    it’s useful

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in Design, once a week, for free.