![\"pic2\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011513\/pic2.jpg.webp\")
\nThe first thing you need to do is the thing I see missing most: address your market’s problems, and talk about how you solve them.\nThat’s the goal of your website: to convince your market that you’re capable of helping them solve their problems. If you do that, you win their business. That’s how it works.<\/strong>\nThe first step to that is to know what their problems are in the first place. Think back to your past clients. What were their goals? What problems did they face with other designers? What did they really want from your services?\nPonder this over for a while, and write out a list of these problems. Then set it aside. It’s going to come in handy in every piece of marketing you ever do to promote yourself.\n<\/p> \nLet’s talk about the overview of your portfolio site. Then I’ll go into the “nitty gritty†and give you concrete steps for creating content that sells.\nUnless you’re mega-famous and power the world’s top brands, you need to dedicate a good portion of your site to selling yourself. I’ve found that the following pages work best:\n<\/p> \nYour home page creates a splash and conveys your core brand message. Your main “services†page lists each of your services with a 1-2 sentence description that links to the individual services pages. Your individual services pages discuss how you perform each of those services, how they helps clients solve their problems, and what makes you different.\nEven mega-agency Razorfish<\/a> has a page for each of their services (each phrase under “offerings” links to a page describing a single service):<\/strong>\n \nIf design is function + form, then the only way you can know if the “function†side of things is up to par is to know what problems it’s attempting to solve. Basically, in each of your portfolio pieces, present what challenges \/ problems \/ goals your clients faced for the particular projects you’re highlighting.\nWhat was going on that they needed to hire you in the first place? Start each portfolio piece off with a short paragraph that discusses this. State who the client is, and what they wanted to accomplish.\n \nDesign is about choices. Why that color? Why that shape? Why that font? In each of your portfolio pieces, discuss the choices you made along the way. This is your chance to show off how thoughtful you are.\nBreak down elements of your pieces that aren’t so obvious, and explain how they helped your client achieve their goals.<\/strong> Discuss the mood the colors create, the message the font conveys, the feeling the photography portrays.\nShow off how smart you are, and that your design comes packaged with a whole lot more than just beauty.\n \nYour portfolio is only as strong as your weakest piece. Leave out anything that brings the group down as a whole.\nStudio “Design Embraced<\/a>” has only 5 portfolio pieces, though each one powerfully shows what they’re capable of:\n \nNow that you’ve discussed your clients’ problems and how you overcame them, drive this home with a short snippet of a testimonial. Just a fragment of a sentence, a single sentence, or a few very short sentences of your client expressing their gratitude will do.\nTestimonials that discuss the following get you extra brownie points:<\/strong>\n<\/p> \nThis is because everyone has heard the horror stories of working with designers who are a pain in the butt. The first kind of testimonial eases that fear. Another major fear clients have is, “Will this even pay off?â€\nBy showing testimonials from real people saying it pays off in droves, you’re countering that fear.\nAnd finally, people want to know that other people will like and respect their branding – in particular, their customers. The third testimonial type eases this worry.\nFrom the “Open to Hope” portfolio piece above, I found this later on the page, mixed right in with the images and background info:\n \nDisplay your work big, bold, and beautifully. (It probably goes without saying, but I’ve come across many designer portfolios that featured thumbnails and nothing else.)\n<\/p> \nAn “easy†way to create the content for your services pages is to go through this exercise:\nList out all the steps you take for each service. Then list why you take that step, and how it helps your clients in the end.\nFor example: Do you do market research? Why? How does it help?\nOur website is currently under construction, but up until recently, this was a blurb on our “Websites” page that outlined one unique benefit:<\/strong>\n \nUnless you’re overflowing with leads, you want to make contacting you feel as easy as possible.\nHere’s what you don’t want to do:<\/strong>\n<\/p> \nI like phrases like “Let’s talk†for contact pages because they make it sound like you’re just going to have an easy, laid back chat about the project. It’s easy to transition from a laid back convo into a lengthy, heavy, and deep conversation.\nBut you’ll never get to the important stuff if you don’t make it approachable.\nIf you have a contact form, make it feel fun to fill out. Ask for info in unique ways. Don’t get carried away with fields – use as few as you possibly can.\n(Again, unless you’re overflowing with leads. If so, make yourself less approachable so only the most eager of prospects reach out.)\nTo start, I’d have the following:<\/strong>\n<\/p> \n[form]\n<\/p> \nIt might take time to really get your website down, but it’s the centerpiece of your marketing, so it’s worth it. Start with these tips, and then grow and evolve your site based on the feedback you get from customers.\nDon’t get bogged down with what other designers say. There’s only one audience whose input into your site matters: your market.\nYour market is giving you good feedback when they contact you after viewing your site. They’re giving you bad feedback when they don’t. It’s as simple as that.\n<\/p> \nFeel free to leave a comment below and ask any questions you might have. I’d love to help in any way that I can.\n<\/p><\/span>What Pages Do I Need?<\/span><\/h2>
\n
\n\t
![\"pic3\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011518\/pic3.jpg.webp\")
\nThe “Portfolio” page seems pretty self-explanatory, but the rest of this blog is dedicated to how to organize one, because aside from your home page, it’ll be your most visited page.\n“About†isn’t your bio or resume. It’s your “hero tale†– how you discovered design, how you help clients, why you do what you do. It still needs to sell, so the facts of your life \/ story that you reveal need to tie back into how they help you solve your clients’ problems.\nAgain, “Contact†seems straightforward, but it can be tricky to do it right. Just keep these words in mind though and you’ll do alright: approachable, approachable, approachable. Make reaching out to you feel natural, fun, and easy.\n<\/p><\/span>The Portfolio: A: Provide Background<\/span><\/h2>
![\"pic5\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011521\/pic5.jpg.webp\")
\nHere’s a great example from agency Zumeo<\/a>:<\/strong>\nOpentoHope.com is an online community where individuals can share inspirational stories of loss and love… Open to Hope was faced with the challenge of providing users with a safe place to share, as well as discovering and contributing helpful resources.<\/em>\n<\/p><\/span>The Portfolio: B: Images Aren’t Enough<\/span><\/h2>
![\"pic4\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011526\/pic4.jpg.webp\")
\nHere’s another great example from Zumeo on a campaign they did for Adidas:<\/strong>\n“… Our goal was to create a single, responsive web page highlighting top shoes. The page would include audio, video, text, and ‘tech specs’. Each page would match the shoe color and style and tell a story. We chose to highlight the Adidas Roundhouse from Journeys. In this case, we wanted to think outside of the traditional sports box and focus on the fashionable side of the shoe…”<\/em>\nAnd one more example from these guys from another campaign for Incase:<\/strong>\n“In order to showcase multiple products in a simple way, we created a Parallax scrolling system with new products at the forefront. The two product rows would scroll faster than the campaign, and in turn, the campaign would collapse with the scroll.”<\/em>\n<\/p><\/span>The Portfolio: C: Quality Over Quantity<\/span><\/h2>
![\"pic8\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011530\/pic8.jpg.webp\")
\n<\/p><\/span>The Portfolio: D: Incorporate Testimonials<\/span><\/h2>
\n\t
![\"pic6\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011534\/pic6.jpg.webp\")
\n<\/p><\/span>The Portfolio: E: Big Images<\/span><\/h2>
<\/span>Services<\/span><\/h2>
![\"pic9\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011538\/pic9.jpg.webp\")
\nThat page listed our key benefits, as well as key parts of our process.\n<\/p><\/span>Contact<\/span><\/h2>
\n
\n
<\/span>Some Closing Thoughts<\/span><\/h2>
![\"pic10\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/04011542\/pic10.jpg.webp\")
<\/span>Questions? Thoughts? Leave Them Below<\/span><\/h2>
David Tendrich is the co-head of creative agency Unexpected Ways, as well as the co-founder of Reliable PSD<\/a>: the first-ever PSD to HTML & PSD to WordPress service run by designers, for designers. He co-runs his companies from Portland, Oregon with his lovely wife and business partner, Lou Levit.<\/em>
![\"getpaidtowrite-banner\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/04\/03061538\/getpaidtowrite-banner.jpg.webp\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"