7 Steps to Improve your Portfolio Website 🔥
Courtesy of @tomrossmedia
For years I helped folk to improve their websites performance. Looking pretty is one thing, but converting website visitors to clients and customers is another!
Here are 7 tips to improve your portfolio website:
✅ 1. Avoid a giant grid of your work. If this is your entire homepage it’s confusing to potential clients, who don’t know where to start.
✅ 2. Use a headline that clearly explains your value proposition to potential clients. They should understand what value they will get from your services and if you’re a good fit for one another –
✅ 3. Use strong calls to action. Website visitors often don’t know what to do next, so don’t make them guess. Hold their hands with what they should do next.
✅ 4. Don’t push visitors away from your site. Stuff like social media’s latest posts only serves to distract visitors and push them away from what you actually want them to do (hire you!).
✅ 5. Only share your best work. Don’t share every project you’ve ever done, cherry-pick the best!
✅ 6. Beef up case studies. Avoid busy scrollers packed full of text-heavy testimonials. Hand-pick 1-3 and give them a good amount of real estate on your page. Combine paraphrased testimonials with compelling imagery/video to make a more positive impact, rather than something people will simply scroll past.
✅ 7. Avoid dead-ends. Don’t let users scroll to the bottom of a page and have nothing to do but have to scroll back up. Conclude each page with your primary call to action.
AVOID GALLERY SYNDROME
Visitors need context when they land on your website. Don’t just hit them with a giant grid of your work. They won’t understand exactly what you’re offering, or what to do next. It will only serve to overwhelm them.
GIVE A CLEAR VALUE PROPOSITION UPFRONT
Start your website with a clear headline, explaining the value that you offer potential clients. Make it about THEM rather than YOU. Suitable clients should instantly understand what you offer, and if it’s for them.
CALLS TO ACTION
Website visitors need to be held by the hand and shown what to do next. Don’t make them guess! Use calls to action (e.g.: clear buttons) to encourage the next step. For portfolios, this is often to contact you about a potential project.
DON’T PUSN OFF-SITE
Many designers unwittingly push visitors away from their website to things like their social media. Remove content such as Instagram’s latest posts from your portfolio, as you want to keep folk on your website pushing them instead towards your primary call-to-action.
ONLY SHARE BEST WORK
Ever visit a portfolio that seems to show every project that a designer has ever done? lt’s overwhelming! Worse yet, the quality is hugely variable. Don’t show 60 projects, it’s not impressive. instead, cherry pick your absolute best. Quality over quantity!
BEEF UP CASE STUDIES
Lose the sliding carousel of 10 wordy testimonials. Pick the best client case study and show it off! include multiple images, consider using video, go in depth about why the project was such a success. This has a way more positive impact.
Don’t allow your visitors to get to the bottom of a website page and have nothing to do but scroll back up. This is known as a ‘dead-end’. lnstead, the bottom of a website page is prime real estate for your call-to-action. use it to ask them to contact you about a potential project!
Bonus — 8 useful tools for everyday usage:
Funnelytics — the best funnel mapping software available to marketers and entrepreneurs today.
Kinsta — Premium WordPress Hosting for Everyone. Kinsta’s managed WordPress hosting service helps you take care of all your website needs.
Integromat — is a powerful automation tool that connects your apps and services to work smarter, not harder.
Emailoctopus — an email marketing service for users of the cloud-based email-sending service Amazon SES. Its features include app integrations, blog automation, responsive templates, real-time analytics, and more.
Manychat — visual bot builder for Facebook Messenger with broadcasts, analytics, scheduled posting and many other features!
Crello — a free graphic design editor that helps create images for social media, print, and other web-based graphics.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
FlowKit — allows designers to create frighteningly fast user flows within Sketch and Figma.