10 Minimal Portfolio Examples for Web Developers Who Aren’t Good at Design
Tags: webdev, css, javascript
Published: 2022-06-29 17:50:18

---
title: 10 Minimal Portfolio Examples for Web Developers Who Aren’t Good at Design
published: true
description: 
tags: #webdev #css #javascript
canonical_url: https://scrimba.com/articles/minimal-web-developer-portfolio-examples/
cover_image: https://scrimba.com/articles/content/images/size/w2000/2022/06/10-Minimal-Portfolio-Examples-for-Web-Developers-Who-Aren-t-Good-at-Design.png
# Use a ratio of 100:42 for best results.
---

Not all web developers are good at design, and that is OK! In the real world, you will often work with a designer on your team to convert their designs into real, responsive websites anyway.


With that said, to get a web developer job, you’ll need your portfolio to stand out and look good. Collaborating with a designer isn’t usually an option at this stage, so what do you do?


Templates are great in a pinch, but it might be a bit awkward if two candidates apply with the same template 😬.

This  leaves the question as to what to do if you’re not keen on a generic template but don’t have much design practice either 🤔.

The trick is to **keep it minimal and iterate!**

Remember, the most important thing about your project portfolio is your projects.

While the design should be pleasing, it should also get out of the way. You can always add pizzazz later 🕺🏻!

To help you build a minimal, effective portfolio, we’ve curated 10 minimal web developer portfolio examples for you to learn from.

Look out for the  🎨 design tips sections where we highlight some of the basic design principles you can specifically notice!

Obviously, these creators wouldn’t like it very much if you copied their designs exactly (don’t do that 🙅🏻), but let them be your inspiration! It’s not uncommon for new creatives to mix and match their favorite 3-4 works to make something unique.


## Delba De Oliveria

!["Hello! I'm Delba, a developer based in England", Delba's portfolio website reads](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8931ekj88c4fn23282wh.gif)

Delba’s project-based portfolio is remarkable. She even made a [YouTube video](https://www.youtube.com/watch?t=142&v=zl9iXZrw_dw&feature=youtu.be) about it!

Understandably, Delba has since updated [her website](https://delba.dev/) to be more focused on her blog, so the live version looks a bit different today (still looks great.) Make sure to check out the original, minimal-looking version by flicking through the video.

**🎨 Design tip**:  Even though Delba’s website is fairly minimal, she sparks joy in the user with delightful highlighter animation using a JavaScript library called [Rough Notation](https://github.com/rough-stuff/rough-notation).


## [Alex Pate](https://alexjpate.com/)

![Alex's portfolio in a desktop orientation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjy6rjq4h51u69qjieth.png)
![Alex's portfolio in a mobile orientation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2q82i29k8r9l4177y0f.png)

Notice how Alex uses a fairly narrow single-column layout and lists only a few menu items at the top. This removed the need to collapse columns or introduce a hamburger menu on mobile, allowing Alex to ship his website sooner.

The **Selected Work** section, though minimal, is beautifully designed and effective:

![The Selected Work section of Alex's portfolio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jbtggj8dt7c2e4grg247.png)

Alex understands someone looking at a portfolio is probably browsing and too many options is overwhelming. He makes it easy by showcasing only his 3 most recent works. For everything else, you can click **View All Work →**.

**🎨 Design tip**: Through introducing borders in the project screenshots, Alex introduced a pop of colour, while also making the design breathable.


## [Lee Robinson](https://leerob.io/)

![Lee's website in light mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x8akine1zc3t9ixh9y6c.png)
![Lee's website in dark mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u9sfi91vj4kkr013kyhb.png)

**🎨 Design tip:** Because the  background and Lee’s photo are grey, the gradient really pops!

## [Franklina Amoah](https://www.franklinaamoah.com/)

![A screenshot of Franklina's portfolio, featuring her photo and bio.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ksewfdh0tgfsqf4kf80w.png)

!["A UX Designer with 4 years of experience designing complex scalable and usable products for my users.", Franklina's portfolio reads](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w8cgsb2o96yk36qlftlz.png)


Notice how when you press **View case study**, Franklkina links to a PDF. This is extremely smart because it saves time and allowed Franklina to put her portfolio in front of employers sooner.

## [Brian Lovin](https://brianlovin.com/)

![A screenshot of Brian's Wiki-inspired minimal portfolio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9iqdyeh53ld0ccolg0ay.png)

Brian takes a novel approach to a personal website with this Wiki-style navigation.

**🎨 Design tip:** Using an icon pack is a great way to introduce consistency regardless of your design skill.

## [Justin Chi](https://www.justinchi.me/)
![A screenshot of Justin's portfolio, featuring his information in a terminal in JavaScript notation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qrt21nnislxw7s2ro5p4.png)

Smart idea to express your personal information in code!

**🎨 Design tip:** Minimal doesn’t necessarily mean black and white. Justin uses a muted, pastel-y colour scheme to great effect.

## [Nick McMillian](https://nick.computer/)
![A screenshot of Nick's black and white portfolio with a pop of color](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zqqb42s93nwv0c94sgvb.png)

## [Darius Foroux](https://dariusforoux.com/)

![A screenshot of Darius's website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5pkvghvqe2l4cr3h5b1w.png)

Ah, you got me! Darius is a writer, not a developer but his website is a great example of getting out of the way of the important stuff.

## Josh Comeau

![A screnshot of Josh's portfolio, featuring an illustration of Josh and his most recent posts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ot1qa6e56ddfa0iema99.png)

Josh’s portfolio is not quite as minimal as the others, but it deserves an honourable mention. After all, the idea for this post was sparked during our conversation on [The Scrimba Podcast](https://scrimba.com/podcast).

It has delightful interactions: 

![A screen recording hearting one of Josh's posts and showing off the delightful animation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9bw0wtf1zhlh3qtycr0.gif)

Josh wrote all about how he built his blog [here](https://www.joshwcomeau.com/blog/how-i-built-my-blog/), and includes screenshots of his previous iterations, which aren’t quite as polished:

![An early iteration of Josh's portfolio, which is much simpler but equally effective](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/826e6hfhyddueaw8ej6s.png)

## [Coner Dewey](https://www.conordewey.com/)

![A screenshot of Coner's homepage, featuring his picture and a short bio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/60hkkwpdb94yifgkny9a.png)

![A screenshot of Coner's about page, with more information about him](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/km4fair8djl81xkspk03.png)

While Coner’s homepage puts an emphasis on blogs, the “recent posts” section could be repurposed to feature projects.