I just finished making my portfolio website and it was definitely a mentally taxing process. From setting up the project to deploying it, I faced some challenges and got to learn a few things about how a portfolio should be made and what are the key things to keep in mind while designing it.
. The first major thing about any portfolio is the template and color theme you are going with. If you have selected a template, then you are good to go. But if you are designing it from scratch (which I did), then choosing the right color palette is of utmost importance.
. The theme of your portfolio leaves the first impression of your personality. If you are a developer/engineer, minimalism is the key, if you are a designer, go with the boldest idea in your mind.
. I have used a color palette with variations of brown and beige. The idea behind using this specific theme was to leave an impression of professionalism and discipline as darker and bold tones are generally referred to as serious colors. So, choose your color palette accordingly.
. Animations are important! Only if you use subtle ones ( eg: fading animations, blur, scale, etc. )
. Our portfolio in most cases will be seen by a recruiter, so it's our job to make a clean and clear UI with minimum clutter so that the other person does not need to exert extra effort scrolling through our website.
. Your main focus should be on the homepage or the hero section of your website, that screen will decide whether others want to spend time on your portfolio or not.
. Gamify it by including small easter eggs that will eventually make your portfolio interesting.
. A portfolio is not a portfolio if there are no contact details of the person. Don't forget to add your contact details, your resume, and relevant social links.
Tech stack used: NextJS, TypeScript, Tailwind CSS, Framer Motion
Feel free to use this design if you like it. You can get the code from my GitHub.
Thank You!