10 Steps To Make A Successful Engineering Portfolio Website

engineering portfolio

Engineering jobs are competitive, which is why an engineering portfolio is essential because you can show all the projects you have worked on and demonstrate your skills, which is impossible to do in your resume. This post will give you all the tools you need to make the best engineering portfolio website in under 15 minutes.

But first, why do you need one?

  1. Demonstrate your experience and all the projects you have worked on
  2. Have an advantage over other candidates by showing more details about your skills.

Creating an engineering portfolio is only a small part of your entire job application. To make the best engineering application to stand out in any job you apply for, you can check our full guide on how to write an engineering resume and cover letter and prepare for an interview: How To Get an Engineering Job? 6 Actionable Steps To Follow.

Usually, an engineering portfolio link is attached at the top of your resume, under your personal details and after your LinkedIn link. The best way to make a portfolio website is to use google site, a free tool you can use to make a website as long as you have a google account which you can create in 2 minutes here.

The following is a step-by-step guide to making the best engineering portfolio:

Step 1: Create a Google Site

To create a google site, go to sites.google.com/new, then click on blank:

You can also choose other existing templates, such as a portfolio template; however, for this exercise, we will make a blank website and then customise it the way we want to.

Step 2: Customise your site and choice your theme

Choice Theme

When you create a blank site, this is what you should see:

On the left, you can see the main page, which is your site, and on the right, you can see a penal with three main tabs Insert, Pages and Themes. This is all you need to customise and create your site. Click on themes and select a theme, font and colour. This will create formate that will stay consistent throughout your portfolio:

Create Pages

Next, we will set up the site pages; click on pages, then click on the plus sign at the bottom to insert a new page. Type a name, then click done:

In general, this is the number of pages you should have on your site:

The pages will automatically appear on top of your website. To change the position of the pages, simply drag and drop the page to a new position.

Save Website

To save the website, click on publish.

Then you need to type the web address. This can be anything. However, it is usually your name. Then tick the box where it says “request public search engines to not display my site”; this way, your site will not be visible in search engines, meaning only people with a link can access your portfolio. Finally, click on Manage under “who can view my site.”

Make sure you change the general access of the Draft to Restricted and the Published site to Public, as shown below. This way, anyone with a link can view your site but can not make any changes to it. Click done, then click publish.

Step 3: Create a Home page

Your home page is the landing page that people first see when they click on your link. The home page can be as simple as having a photo of yourself with a few lines about you and what you do.

engineering portfolio

This is how you can populate your site with contents:

Create a content block

To create a content layout, click on the content block on the insert page, and then you can populate it with a photo of yourself and some details about yourself.

Change image background

To change the background image, hover over the image and then click on change image.

Step 4: Create an about me page

Your home page should contain a general introduction about you. You should consider the following sections on this page:

Introduction section

Use the content blocks tap to add those sections.

Current goals section

Technical Engineering Background

This section should list all your technical knowledge in your field. You should list everything regardless of the position you are applying for.

Future goals

Step 5: Create a Resume page

Upload your resume to your google drive

To create a resume page, you need to upload your current resume to your website. No need to write your resume on the website as it can be time-consuming. Just use the PDF version of your resume.

To upload your resume to your portfolio website, you need to upload your resume to your google drive first. Go to drive.google.com/drive/my-drive or type in your search engine google drive. This should take you to your google drive page:

Click on new.

Then click on file upload, and select your resume from your computer drive to upload to your resume.

Once uploaded right click on the folder and select Share.

Make sure you change the general access to anyone with the link. This way, anyone can see your resume when they are viewing your site.

Upload your resume to your portfolio website

Go to your resume tab and click on Drive in the insert tab.

Click on Recent, then select your resume, then click inset.

Resize the window to cover the entire page.

Now your resume can be easily viewed and can also be downloaded by the recruiter viewing your website.

Step 6: Create a University Transcript page

Your transcript should also be in the same pdf format as your resume. To upload your transcript, repeat the same actions in step 5.

Step 7: Create a Project page

This section should be populated with images and contents about the projects you have worked on in the past to show your knowledge. This kind of detail is hard to showcase in your resume, which is why a portfolio is the best place to include those projects; this page should include:

  1. Your areas of expertise
  2. Demonstration of your competence with past projects you have worked on
  3. Describe your role in those projects
  4. What problems have you faced, and how did you overcome them
  5. Images that show the projects you have worked on

The following is a simple example of this page; you should include more details and descriptions of every skill and project you have worked on.

Step 8: Create a Research page

This page might not be necessary if you have not worked on any academic research before; however, if you did, ensure you include it in your portfolio.

Step 9: Create a Contact Me page

Your contact me page should always include the following:

  1. Your Email
  2. Phone Number
  3. Your LinkedIn

Step 10: View and attach your portfolio link to your resume

Review your Portfolio

After you complete everything, click publish.

engineering portfolio

Then click the arrow next to the publish and select view published site.

This will take you to the live version of your site. Make sure you view all pages and ensure that everything is okay.

Get a portfolio link

Once you are happy with your site, go back to the editing pages and click on the chain icon:

Then select Copy link.

Congratulation, now you have an engineering portfolio website. You can attach its link to your resume.

Check out our engineering portfolio sample for more help:


Joseph Maloyan

Hi, this is Joseph, and I love writing about engineering and technology. Here I share my knowledge and experience on what it means to be an engineer. My goal is to make engineering relatable, understandable and fun!

Recent Posts