Best portfolio web designs
Tags: design, portfolio, gatsby, webdev
Published: 2021-09-30 10:19:20

### Hello Developers 👋🏼 
I am Saurabh, a beginner in the design world.
In this article, we'll see some of the best web designs that I use to get my inspirations and to get my research started. I hope this will help you too.

Portfolio websites are the best way to boast about your front-end skills. A portfolio website is nothing less than a resume for a developer. All of these listed websites are portfolio sites of wonderful designers and developers.

Some tips for your next design


 -  Do your research regarding the project.
 -  Keep it simple and stupid.
 - Keep it clean.
 - Don't use multiple fonts or colours.
 - Create typography hierarchy and font styles first. 
 - Consistency always makes your design look professional - use consistent icons, illustrations, and images.
 - Check contrast and space - need to have good contrast between element and background. Appropriate breathing space inside cards and buttons is the key.  
 - Use grids and rulers to keep components aligned perfectly.
 - Keep yourself updated with new trends. 

Best practices - [Apple's Guide](https://developer.apple.com/design/resources/) 


**Let's get started 🚀**


## <a href='https://leonidkostetskyi.com/' target='_blank'>1. Leonid Kostetskyi</a>
Leonid Kostetskyi is a Ukraine based web developer with a mind-blowing portfolio site. Wavy images with WebGL, parallax content, cool typography are some of the USPs. He's been awarded multiple times by AWWWARDS and Behance.   

![1. Leonid landing image](https://cdn.hashnode.com/res/hashnode/image/upload/v1632755264151/pqx0TYulr.png)



## <a href='https://www.alexfrisondeisla.com/' target='_blank'>2. Alex Frison de Isla</a>
Alex is Paris based freelance web developer and has a portfolio website with elegant design with smooth transitions, subtle animations, a clean colour palette, and dope assets. 
![2. Alex landing image](https://cdn.hashnode.com/res/hashnode/image/upload/v1632755332149/CL9E6OVJB.png)



## <a href='http://www.benmingo.com/' target='_blank'>3. Ben Mingo</a>
Ben Mingo is a South California, USA based graphic designer. His portfolio website is just bonkers. Clean UI, black-white colour pattern, custom cursor, smooth transitions, and scrolling. worth a visit. 

![3. Ben landing image](https://cdn.hashnode.com/res/hashnode/image/upload/v1632755337688/7nN1SL-Yq.png)



## <a href='https://abhishekjha.me/mobile.html' target='_blank'>4. Abhishek Jha</a>
Abhishek Jha is Delhi, India-based UI/UX designer. His portfolio website is quite an experience with unique colour choices, smooth scrolling, text and image transitions.   

![4. Abhishek landing image](https://cdn.hashnode.com/res/hashnode/image/upload/v1632755406784/9pc_B5PlE.png)



## <a href='https://kuon.space/' target='_blank'>5. Kuon Yagi</a>
Kuon Yagi is Okinawa based web designer. Full page transitions, cool assets, crazy transitions, and unique colour choices make this site a great inspiration.
 
![5. Kuon landing image](https://cdn.hashnode.com/res/hashnode/image/upload/v1632755506574/ljwoKws9u.png)



## <a href='https://brittanychiang.com/' target='_blank'>6. Brittany Chiang</a>
Brittany Chiang is a software engineer who has worked as UI Designer at Apple before. Her portfolio website has 3,763 stars and 1,735 forks on Github as of now. Clean UI with two colours, great projects, definitely justifies the hype. 

![6. Brittany landing image](https://cdn.hashnode.com/res/hashnode/image/upload/v1632755524621/-inKCfYPL.png)



## <a href='http://stephencalvillodesign.com/' target='_blank'>7. Stephen calvillo</a>
Stephen is a product manager from California, USA. Clean and minimal UI with great contrast, subtle animations, and colour choices make this website special. 
 
![7. Stephen landing image](https://cdn.hashnode.com/res/hashnode/image/upload/v1632755544755/MuNTnZKhF.png)



If you have read the chapter till here, please feel free to roast **my portfolio website** in the comment section. It's still under development (media queries 😥) but would like to get your valuable suggestions.


![Saurabh Bomble](https://cdn.hashnode.com/res/hashnode/image/upload/v1632848082462/gMjDg0bSB.png)


#### Preview -  https://saurabhbomble.me
#### Design - [Figma file](https://www.figma.com/file/xkJIOgaIamG04roANGJHRF/Portfolio-2021?node-id=0%3A1)
#### Code- [Github](https://github.com/saurabh-619/portfolio-2021/tree/main/client-v1)


Thanks 😊 for reading. Hope you got some inspiration to get started with your portfolio site or to finish it. That's it for this chapter, will see you all in the next one.

![Byee](https://media.giphy.com/media/B37cYPCruqwwg/giphy.gif?cid=ecf05e47j6x416807sfk6r5wkp7ihtcsmtj4daklw5mh18yz&rid=giphy.gif&ct=g)