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

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

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

{ 9 / 12 }
Portfolio Review #2 - @adircode

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

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

{ 10 / 12 }
Portfolio Review #3 - @Shadabshs
- Clear design
- Bio is above the fold
- Experiences are clearly laid down
- All repos have a readme

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

{ 11 / 12 }

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

- 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:

• • •

Missing some Tweet in this thread? You can try to force a refresh

Keep Current with Vitto 🥑

Vitto 🥑 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!


Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @VittoStack

15 Sep
You don't need to spend $10k on a Bootcamp to become a backend developer.

Node, Express, SQL, NoSQL, E2E, REST, JSON, Web Security.

Learn everything for Free and start Monetizing!

2021 JavaScript Backend Development Roadmap + Free Resources and Projects.

A thread ↓
Learn How the Web Works.

Before digging into back-end development, is strongly suggested to understand what's powering the web, and how data exchange works.

What is HTTP or a DNS?

A primer for newcomers to web development:…

{ 1 / 26 }
Fundamentals First, always.

Before Express, you need to master the fundamentals of Computer Science.

Published by Harvard itself, this free course is the best way to set the foundations of your development career.

Fundamentals of CS:…

{ 2 / 26 }
Read 28 tweets
14 Sep
What is the Blockchain?
How does it work?

But mostly, why are blockchain developers paid $140k/year on average?

A mega-thread on web3.0 and how the Blockchain might shape the future ↓
The Beginning

In 2008 Satoshi Nakamoto Published:
"Bitcoin: A Peer-to-Peer Electronic Cash System"

- The reversibility and trustability issues.
- Bitcoin, a p2p version of electronic cash (not blockchain).
- The mechanics of Consensus.

{ 1 / 38 }
What was the blockchain?

The blockchain was only a special type of shared, and secured database, not owned by any entity, used to run the Bitcoin.

A cryptographed and autoregulated collection of transaction data, validated and stored on a network of computers.

{ 2 / 38 }
Read 40 tweets
7 Sep
You don't need to be a kungfu developer to monetize your skills.

Learn the fundamentals of HTML, CSS, and JavaScript.

Start making money.

Here's a Free roadmap + Projects to kickstart your front-end development career.

A thread ↓
Fundamentals first.

Before JavaScript, you need to master fundamentals.

Published by Harvard itself, this free course is the best way to set the foundations of your development career.

Fundamentals of computer science:…

{ 1 / 18 }
Learn HTML and CSS.

Everything started with HTML, then someone thought of making things "cool" and created CSS.

From Zero to CSS/HTML hero, in this "Responsive Web Design" certified Free course:…

{ 2 / 18 }
Read 21 tweets
7 Sep
Learning web development is the best investment you can make.

I've seen people rising from the dust, friends paying parents' retirement, and humans traveling around the world, between countries and seas: with a laptop, a backpack, and some MERN Stack.

What are you waiting for?
If you want to learn how to make money as a developer, read:
"Ten++ Ways to Make Money as a Developer" by

Start monetizing your skills now:…
Want a complete Roadmap to become a front-end developer?

Here it is 👇
Read 4 tweets
2 Sep
I'm surprised!
Lots of developers don't know that you can make money with Open Source Software.

I've met people making a living just by contributing to projects on GitHub.

Let me tell you how.

How to make money with Open Source:
A thread (not only) for developers ↓
Open Source is a huge market, and there are lots of methods to monetize your contributions
- Bug hunting programs
- Support
- Associated Content
- Double Licensing
- Donations
- SaaS

All of them are effective methods to build a good side revenue as a developer.

{ 1 / 20 }
Bug Hunting Programs

Also known as Bug Bounty is a way of earning money by
- Finding errors and reporting them.
- Solving Errors and submitting a pull request.

There are huge companies out there ready to pay you real money to find and solve bugs in their products.

{ 2 / 20 }
Read 22 tweets
26 Aug
Finding your first customers as a developer is not easy.

Not matter if you know the basics of HTML, CSS, and Javascript or you already are a 10x full-stack dev:

You need a strong method to kickstart your business..

Get your first job as a freelance developer.
A thread ↓
Think about finding customers as a freelance developer, like a 5 steps funnel:

1.Find and contact
2.Gain trust.
3.Sell yourself
4.Price your skills
5.Make a customer not a sale

Optimize your success rate, and make more customers, using a strategy that works.

{ 1 / 30 }
How to find and connect with your first customers:

During your journey, you'll need to find clients, gain their trust, sell yourself, and close deals, recursively.

The more you succeed at those steps, the more wealth you'll build.

There are different approaches.

{ 2 / 30 }
Read 35 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!