Portfolio Must-Have for a Designer

Portfolio Must-Have for a Designer

Getting your first paid job as a web designer seems like the most difficult task in this universe. It’s not because you are incompetent or lack any technical skills. Rather, employers feel a little hesitant to hire new talent.

But, every designer has to start somewhere. Isn’t it?

In this article, I will share some interesting project ideas with you. These projects will help you craft a great web design portfolio.

Now you might be wondering what is the benefit of having a portfolio. Basically, it is used to display your skills to potential clients. In turn, it makes it very easy to land your first programming job.

Creative Thinking

Creative Thinking Example

Creative Thinking Example

You don’t always have to design a traditional-looking website. Sometimes it is better to think out of the box and use your web designing skills for creative innovation.

For example, let’s have a look at this Deep Sea project by Neal Agarwal .

Unlike most business websites, it has no monetary value. But, this kind of project will definitely attract a massive audience. Meaning that you will have a lot more chances to get hired.

I’m personally a big fan of Neal and learn from his projects. At the time of writing this article, he has released 20 fun and creative projects. “Spend Bill Gates’ Money”, “The Deep Sea”, and “The Size of Space” are some of my favorite. You can find all of his projects on Neal.fun website.

There are many other frontend designers who spent the time to show their creativity. For example, check out this interactive resume of Robby Leonardi .

So basically, the idea I want to convey is that you should design something that will eventually bring a massive audience to your portfolio. The more eyeballs you grab, the better your chances be to get hired by potential customers.

Dark Mode Example

Dark Mode Example

Did you notice how every other tech giant (e.g. Instagram, Twitter, WhatsApp, etc.) is now offering a dark mode in their apps?

In 2020, it is like the most trending concept in the web design field. As this is a relatively new concept, so you still got the opportunity to create a “toggle between light mode and dark mode” kind of project for your portfolio. If someone wants to add a dark mode on their website then you will be their preferred choice.

Similarly, these days, you will also see web pages with glowing and luminous color schemes. It makes a web page look more futuristic and attractive. Having a template with these color schemes will make your portfolio stand out from the rest of the web designers.

Look for what’s new out there, and make your own implementation of it.

Design a Theme for WordPress

Wordpress Theme Example

Wordpress Theme Example

WordPress is no doubt the number one choice for setting up a website. According to an estimate , WordPress powers 38.2% of all websites on the World Wide Web. It means that it has a massive user base.

So, if you target this community and design a pixel-perfect theme for them then you will have a far more reach to an audience that is actually willing to buy a theme.

You can design a theme for anything like an eCommerce store, forum, or simply a blog. But, a point to be noted is that your theme must be mobile-friendly and work seamlessly across all screen sizes.

If you want to understand more about how important wordpress is, and its impact on the internet, check out this beautiful infographic on wordpress stats

Create UI Kit

UI Kit Example

UI Kit Example

User Interface (UI) kit is nothing but a collection of reusable design components. For example, tables, cards, graphs, and menus are some user interface elements that are required in many websites.

If you are somehow able to create a generic UI kit then I would highly recommend you to go for it. It will help you quickly design websites for your clients, sell it online, or even distribute it for free.

In the end, it may become your main product that generates multiple streams of income. One by attracting employers and another from selling the license.

To get started, you can make use of Bootstrap and Material Design .

Admin Panel Themes

Admin Panel Example

Admin Panel Example

Admin panel is a need of every dynamic website. It helps webmasters to moderate their website with ease.

An admin panel uses a lot of user interface components to bring life to data. For example, they frequently use graphs and charts to display progress. On the other hand, they also make use of data tables to add search and sort functionality in HTML table.

In my opinion, designing an admin panel theme will improve your skills as well as help you land a relevant job more easily.

Enhance Web Designs of Big Websites

YouTube Homepage

YouTube Homepage

Did you know about UpLabs ?

It is one of the biggest websites where graphic designers share their designs with the community. Many tech companies like Google, Airbnb, and Fitbit regularly announce contests to pick great talent for their team.

If you are someone who is familiar with Adobe Photoshop and Illustrator then you can participate in these contests. Most of the time, you have to redesign their existing apps. But, in case you don’t know these tools than I would suggest you redesign popular websites (e.g. YouTube, Facebook, etc.) with coding and display them on your portfolio.

Now, people who visit your portfolio are probably familiar with popular websites, so if you improve their design than the employer will be able to compare your work with an existing design to evaluate your skills.


No matter whether you are a web designer, app developer, or content creator, portfolio plays an important role to build trust in the eyes of a client. You must display some past projects and reviews to gain a freelancing project or land a permanent job.

Today, I just share some project ideas with you to add them to your portfolio. It will definitely help potential customers to see your capabilities and finally give you a paid task.

Read also: [Tools to Improve a Developer’s Workflow]

Thanks for reading!

If you liked what you saw, please support my work!

Juan Cruz Martinez - Author @ Live Code Stream

Juan Cruz Martinez

Juan has made it his mission to help aspiring developers unlock their full potential. With over two decades of hands-on programming experience, he understands the challenges and rewards of learning to code. By providing accessible and engaging educational content, Juan has cultivated a community of learners who share their passion for coding. Leveraging his expertise and empathetic teaching approach, Juan has successfully guided countless students on their journey to becoming skilled developers, transforming lives through the power of technology.