Teardowns: an amazing way to show what you can do

14.11.2018

For most freelancers, having a strong portfolio that shows what they can do is far more powerful than simply telling potential clients what they can offer them. One way to really show what you can do is by doing a teardown - in this article, we’re going to explain exactly what this is and how to do one yourself.

What is a teardown?

A teardown essentially involves breaking down the components of a product or website in order to identify and analyze key parts and how they are working looking for improvement’s opportunities.

Easily put, it’s kind of giving feedback from your professional point of view about the product at hand. That means that your teardown will be mainly focused on your niche.

If you are a web designer, you’ll focus on analyzing the design of the site and the things that can be improved: colors, figures, pages, positions, etc.

If you are a UX designer, this will be your main focus: Does the user understand immediately what the website is about and what the next steps are to do what he wants to?

If you are a business consultant, you might want to discuss the business model or pricing strategy of a particular service.

A teardown can be excellent at showing what elements of a website may not be working effectively, allowing you to really showcase your skills to potential clients and show them why they need your services.

 

A teardown can be excellent to showcase your skills and show potential clients why they need your services.

 

Benefits of creating teardowns as a freelancer



There are many benefits to creating teardowns for your potential clients. These include:

  • Connection with potential clients: Creating a teardown for a potential client’s website is an excellent way of connecting with them directly, showing exactly why they need your services as a freelancer and what you can help them achieve.

  • Real examples of your knowledge: There is no better way of providing proof of your experience and knowledge as a freelancer than showing your prospective clients. A teardown shows exactly how you see a website and what you would do to improve it. The same way, you can show how to improve a process other than a website.

  • Brand awareness: While teardowns are useful to show your potential clients, they are also useful for creating more awareness about your brand as a freelancer. Share your teardowns on your social media platforms as evidence of your experience to help further establish yourself as an expert in your niche.

  • Use as a case study: If you take on a client after creating a teardown for their website, this can provide an excellent case study that you can then use as a testimonial on your website. Testimonials are another fantastic way of showing future clients that they’re hiring a freelancer who will deliver. 

 

 

How to create a teardown

Teardowns focus on multiple elements of a website, analyzing how each one works and whether it positively contributes towards building an environment that may encourage visitors to convert into clients.


1. Select the product, service or website

You don’t have to be targeting a particular client in order to create a teardown. You could instead pick a well-known website in the same niche in which you are looking for clients.

In this teardown, for example, Val Geisler chooses to do a teardown of CoSchedule’s email onboarding to showcase her expertise in this field.


2. Make a checklist with things to analyse

When creating a teardown yourself, you will need to identify which elements you will be breaking down (below, we identified some of the most common components you might cover, although this list is not exhaustive).

If you are a web designer, for example, there are some elements that make more sense to break down than if you are a copywriter.

Things you might analyze on the home page as a web designer include:

  • Load time
  • Layout
  • Header
  • URL
  • Copy
  • Links
  • Navigation

Things you could analyze on a landing page as a copywriter:

  • Structure (headline, lists, subheadings)
  • Text length
  • Words used
  • Writing style
  • CTA used

 

 

3. Find good things and improvements

Now you have your checklist of the components you will analyse, you need to go through each one and decide if they need improving on the website you have chosen to include in your teardown.

Following with the website example, things you might look at include:

  • Does the page load within 3 seconds? If not, the website may be losing a huge percentage of visitors simply because of its slow loading time.
  • Does the layout look professional, with a clear logo and branding theme across the page? Aesthetic details like this can make an enormous difference to the first impression a potential client has on a website.
  • Likewise, is the header clear, with concise, well-written copy that explains why the website exists, and who it is for? These details, in particular, should be above-the-fold features that immediately assert the reason for the website existing and who it is relevant to (i.e. your clients).
  • Is the menu clearly laid out, and easy to navigate? Does the website have relevant links to an ‘about’ page, a ‘testimonials’ page, a portfolio? What about a blog page? Or are you left wondering where to click for more information from the home page? This is exactly the sort of thing a teardown should assess.


4. Present the results

You have been analyzing the web in question or the product that you have chosen and now it is time for you to show your findings, which ones work and which ones you would improve.

There are different formats to do a teardown and present your ideas.

A few teardown formats are:

  • Blog post + screenshots
  • Blog post + podcast
  • Presentation with slides (e.g. PowerPoint)
  • Personal video explaining the key points
  • Screen recording + voice-over
  • Podcast

Of course you can make a combination of all these formats (and any other you might want to use) to offer the teardown to different people that want to consume content in a different way. 

In the example of Val Geisler that we mentioned before, Val uses her blog to do the e-mail onboarding tear downs and combine screenshots with text.  In addition to making her comments as she presents the sequence of emails, she includes examples with improved e-mails that she would use and ends up summarizing the good uses, the bad uses and the ugly ones.

 

Now it’s your turn!

 

Have you ever done a teardown to show what you can do as a freelancer? Let us know what components you covered in your teardown, and if it helped!

Create your freelance profile and land new projects without any fees!

 Sign up now

More articles

  • 10 skills which no freelancer can do without

    We often talk about how many things are needed to be successful as a freelancer, but we rarely say which exactly, mainly because they really are a lot. Everybody who has tried out being a freelancer for at least a year or two, knows just how vast the required skillset can be. For those of you thinking about going into freelancing and wonder what they could do to increase their chances of success, here are the 10 skills you are absolutely going to need:
  • Passive Income for freelancers in 7 Tips

    Freelancing is mostly associated with active income – you get paid for the hours you put in or for a certain workload, ideally a finished project. However, there is another way to earn money as a freelancer - passive income.
  • How to Get Started As a Freelancer Without Quitting Your Day Job

    Beginning a freelance career can be challenging. It involves giving up financial security, a set routine, and is a usually big step out of your comfort zone. However, transitioning from a regular day job to freelancing doesn’t have to be terrifying, or a huge risk. You can start freelancing on the side.

Comments

  • No comments available

Comment this article