How and why I built My Portfolio Website

Published May 08, 2018Last updated May 14, 2018
How and why I built My Portfolio Website

About me

I am recent graduate of Contemporary Web Design and this program has given me the practical skills to be an excellent designer as well as a practical developer. My final project was to design and build a portfolio website, and there are many problems that you can face. I will outline these problems below.

The problem I wanted to solve

As a student developer, you are most likely given a plan to design and code by. When given the opportunity to create my own portfolio website, I found that the problems I faced were very simple yet often overlooked. What is my plan? What frameworks will I use? What is my color palette and overall branding style? How will I present the most important information on this website - my work?

In my personal experience, it took a lot of back and forth and my overall designed changed drastically. However, I can advise that planning is the most important step to take before taking on a large project, especially if a lot of the design/efficiency is up to your discretion.

What is My Portfolio Website?

My portfolio website accurately describes my work and presents my portfolio pieces very well. I am very happy with the outcome and will continue to upgrade my designs as I continue to grow was a developer.

Tech stack

HTML5, CSS3, Bootstrap, jQuery, JavaScript.

The process of building My Portfolio Website

When I first started building this website, I researched. I searched through designs I liked, color palettes I found interesting, and examples of imagery I wanted to use.

Challenges I faced

My overall challenge was how to make my portfolio website unique but still outstanding. My challenge was having complete free-range over the design and functionality and not needing to design based on a pre-determined plan.

Key learnings

Tips and advice

Make a plan - you don't need to follow it closely, but when it comes to design - create wireframes. When it comes to functionality, write down your pseudocode before you begin. Make sure your naming conventions are accurate, and your code is well commented for future use.

Final thoughts and next steps

Discover and read more posts from Rebecca Viegas
get started