Thread by @VittoStack

Do you want to create a stunning portfolio?

I've reviewed more than 1k+ portfolios while working as a VFX supervisor,
and more than 50 last week, here on Tech Twitter.

How to create a web development/design portfolio that converts customers.

A thread ↓

To create a great portfolio you have to:
- Be relevant.
- Showcase your best stuff first.
- Present your projects properly.

We will go through all of these points and something more.

{ 1 / 12 }

Be relevant:

In your journey, a great and well-curated portfolio is what sets apart a new customer, and your emails getting trashed.

A portfolio capable of showcasing your projects, skills, and expertise, will hook your users’ interest and build trust.

{ 2 / 12 }

One self-made project is worth tens of projects made following a tutorial.

Make sure to have original stuff in your portfolio, made by you, your brain, and StackOverflow.

You don't need hundreds of projects though, you only need 3 relevant projects.

{ 3 / 12 }

Do you want to develop SaaS? Develop a Netflix clone.
Do you want to make landing pages? Make landing pages.
Do you want to design UIs? Showcase interactive designs.

Showcasing projects relevant to the needs of your customers, exponentially improves your conversions.

{ 4 / 12 }

If you have more than 3 projects:
- Showcase the best stuff first.
- Showcase your projects exhaustively.

Listing your best projects first and presenting them properly, hooks your viewer’s attention increasing the perceived value of your skills.

{ 5 / 12 }

How to present your projects properly?

Make sure every detail is curated.

Developed a landing page? Make sure to explain why you've made that button red
Developed a SaaS? Makes sure to mention your stack

Demonstrate to your users you know what you're talking about.

{ 6 / 12 }

Should I include bad stuff?

As long as you are showing your kickass stuff first, you are allowed to do whatever you want on your portfolio.
Just be sure to stay relevant, and give the right context to the showcased projects.

{ 7 / 12 }

Should I include an about section?

Yes and no.
If you think is relevant: yes.
Although I'm pretty sure you can communicate everything you need to communicate, having the right design and copy on your pages.

Of course, don't forget to link your social networks!

{ 8 / 12 }

Portfolio Review #1 - @meetjain74

Pros:
- Clear above the fold CTA
- Minimalistic design
- Fast load speed

Cons:
- Projects are not showcased / missing readme
- CV displays personal information
- Twitter not linked

meetkumarjain-profile.netlify.app

{ 9 / 12 }

Portfolio Review #2 - @adircode

Pros:
- Amazing above the fold animation
- Projects are showcased
- Relevant bio

Cons:
- Projects, articles, and snippets are all together.
You might probably filter some, and highlight your masterpieces.

adir.dev

{ 10 / 12 }

Portfolio Review #3 - @Shadabshs
Pros:
- Clear design
- Bio is above the fold
- Experiences are clearly laid down
- All repos have a readme

Cons:
- Projects are not properly showcased
- No repo is associated with the projects

mohdshadab.com

{ 11 / 12 }

Conclusions:

Beautiful or ugly, doesn't really matter, be smart while building your portfolio.

Remember:
- Be relevant and consistent with your target needs.
- Best stuff first.
- Showcase your projects extensively.
- Communicate the right message.

{ 12 / 12 }

Thank you for reading!

I'm Vitto 👋
Helping developers monetizing their skills

If you found this Thread useful:
- Retweet it
- Hit the follow button
- Turn on the notifications

Receive weekly tips to build wealth as a developer:
getrevue.co/profile/vitto