What I learned after reviewing over 40 developer portfolios - 9 tips for a better portfolio

kethmars on July 19, 2020

When I started developing websites about ten years ago, one of the hardest things was to get someone else's opinion for my pages. That's why decid... [Read Full]
markdown guide

Cool stuff! ๐Ÿ˜€ Reviewing that many portfolios were a chore but you did with a great patient without sacrificing the details. Liked it. Thanks for the final insights๐Ÿ‘๐Ÿผ


Thank you Anik for the kind words and the support along the way :)! I


My pleasure ๐Ÿ˜Š I admire people who works hard and help others.. Credit is yours ๐Ÿ™‚


The keeping of nice working portfolio is the eternal headache. Especially for a guys as me, who are a painter, designer, coder, musician, and timeless freelancer. When I start to think of the concept I immediately blocking by jungle rain of ideas.

What I like to suggest - think of you and your portfolio as of the methaphor, maybe that help.

Thanks for useful article!


That's a really nice way of putting it - putting your personality into the portfolio :) !


I'm curious about where you rank a resume. I struggle there when I start a new job, I never keep up to date. Maybe it's a personal problem.


Hey Eric!

Sorry, I don't fully understand what you mean by "rank".


Sorry, late night post! Do you find a dev's resume relevant, and at what level of importance, in their portfolio site?


I'd add a small but simple suggestion: develop your 'voice'. Sometimes I see portfolios that use third person - 'John is a Javascript developer ...' for example. Better to say 'I've been a Javascript enthusiast since 2010 ...' or something along those lines. Imagine your audience (as mentioned in this article) and talk to that person - recruiter or fellow developer - as you might do face-to-face.


Tam, that's a really nice tip! I'll include it in the article! Thank you!


This is actually important stuff! As a UI/UX designer practicing front-end development, Iโ€™ve seen too many portfolios that donโ€™t meet accessibility and UI design fundamentals, especially when beginners start out in web design! โ˜๐ŸผBut at the end of the day, itโ€™s more room for improvement!


Yes yes yes!
As a developer, we sometimes tend to focus too much on the technical side, forgetting the goal of our projects. That's one of the main reasons why I created this video.

Good luck on your journey of front end ;)!


Thank you so much! Good luck with your journey too ;)


Hi @kethmars , if you can give ma feedback about my portfolio rebaiahmed.github.io/
I just tried to put everything I have made during my studies and my professional experience
give it a look :D


Amazing post. Makes me rethink my personal website's design...
If you got a minute to take a look at razzy.dev, I would appreciate it!


Hey Felix!
Thank you for the kind words.

Regarding your portfolio - atm when I landed on it, I didn't get much information about what it is. Just blog posts.

I recommend at least adding some kind of slogan on top of the container - who you are / what the page is about.

Good luck on building your new design and if you need any inspiration, I recommend checking the comment section in this post:


Yeh. That's just dumb. And that includes me


Great article ๐Ÿ‘
I might have missed the submission period but I'd appreciate a review/critic on mine :)


Awesome use of colors - I like the use of gray and blue.
Also, the circles around the image.

Regarding content - the landing area is nice - you bring out who you are right away, so I don't have to spend time looking for info.
I'd change the order of "About me" and "What i do".

And woow - the dark mode is bold and cool!


Thank you kethmars. I'll consider interchanging the two. I really appreciate your feedback :D


I will take a look at it during the weekend ;) ! Ty!


This post is a great help now that I'm trying to build a new portfolio, thanks! . I'm trying to build something that help me to find a job for a company but also I'd like to get some freelance jobs. What it would be a good approach for that?


Hey Sir!

Thank you for kind words.

I believe a traditional portfolio with list of your best projects would work well. And somewhere in the header for example mention that you're available for freelancing.


This is great! Thanks for taking the time to put this together. I'm redesigning my portfolio now and this was super helpful ๐Ÿ˜. Well done on the video reviews, that must have been a lot of work.


Thank you sir for these kind words!!


Really like this article. Clear direction and easily actionable points of improvement! Great read. ๐Ÿ˜Š


Thank you a lot, Katie :) !


Nice. I think i will make my own cv


Great advice, often wondered about those progress bars. Thanks for the post!


Thanks, that first tip really helped me ๐Ÿ‘๐Ÿป


Thank you, Victor :) !


good posting! I will apply this guideline for portfolio website.


Currently working on re-branding self so this is helpful. I like tip number 8 - Quick and accessible contacts. Good read. Thank you


I don't understand why it's better to put projects first before your introduction .I think a dp and small about me section in the beginning is better. can you explain?


Hey! Good question!

The main reason for this is to get important information as soon as possible.

It's important to display valuable information asap - meaning skills and projects.

Having a short about section is ok, but at least on the landing page, it should be straight to the point and also highlight your skills. A longer about me can be down or on a separate page.

robbie.antenesse.net has done it really well imo.


Thanks for these valuable information


Thanks for the 6 tip, everytime I've seen this bars or percentages i've asked myself if that person learned ALL contente of somenthing


Haha, yeah. I've done it myself in the past and one of my interviewers asked "Sooooo...an expert in Javascript, eh? Let's test you".


Nice! It's very helpful for me because I'm now finding a job. If you don't mind, may I translate this post in Japanese to help other Japanese beginner? I'll give you the back link, of course.


Hey Tacrew!

I'm happy you found the content useful! Yes, you can translate it. Please also send me the link so I can reference to it in this article :) !


so cool i definitely had though on making my project porto at the top but i thought it is bending the norm so thats why i put it in the bottom i will change the pattern now



I'd say it is bending the norm BUT it's definitely doable. Check the example of robbie.antenesse.net/. He has a really short "about" in the landing area and then goes to projects straight away.


Yeah...i Mean, if it serves some kind of purpose, it's completely ok. But if it's just a simple website, I guess there's no need for that.

code of conduct - report abuse