Engineering portfolio templates. Pick one and Cactal builds it.

27 portfolio designs for mechanical, electrical and robotics engineers, from engineering students to freelancers. Choose one and Cactal turns it into your website, with your projects, your resume and a contact form.

Engineering portfolio website designs

  • Engineering portfolio website design, mechanical engineer with a robot arm sketch: cream page, a black serif headline, a terracotta button, a woman holding a white robot gripper and a line drawing of a robot arm

    A friendly portrait holding a part you built, a plain serif hello and a robot arm drawing, for robotics roles.

  • Engineering portfolio website design, mechanical engineer in the machine shop: dark teal page, a large white name, an orange button and a young man assembling a machined gearbox at a workbench

    Your name over a dark shop photo, one line on what you design and test, and a welcome for recruiters below.

  • Engineering portfolio website design, mechanical engineering student with a project grid: white page, a bold black headline, a black button and a grid of project cards with CAD renders, a wing test rig and a drone frame

    A one-line promise, your school and internships, then a grid of CAD renders and builds on the first screen.

  • Engineering portfolio website design, medical device student with a printed prosthetic hand: charcoal page, a white name with a lime green title, a lime button and a student holding a 3D-printed prosthetic hand at a lab desk

    Name and discipline as the headline, beside a lab photo with a printed hand, for medical device roles.

  • Engineering portfolio website design, freelance mechanical engineer, editorial serif: white page, a deep teal serif headline, a teal button and a black and white portrait of a woman holding a machined part

    A serif headline on sketch-to-part work, a black and white portrait and a short bio, for client work.

  • Engineering portfolio website design, electrical engineering student looking for a co-op: black page, a large white hello, a green resume button and a portrait of a young woman holding a small circuit board in a lab

    A portrait with your own circuit board, a short hello and when you're free for a co-op, all on black.

  • Engineering portfolio website design, mechanical engineer on drafting paper: ivory page with a faint drafting grid and dimension lines, a centered dark teal serif name and a lime contact button

    Your name centered on a faint drafting grid with dimension lines, and a contact button before projects.

  • Engineering portfolio website design, field robotics engineer at dusk: dark dusk scene, a white headline and an orange button, an engineer with a headlamp kneeling by a tracked robot in floodwater

    A dramatic field test as the hero and one line on who your robots help, for mission-driven robotics work.

  • Engineering portfolio website design, mechanical engineering student in bright blue: white page, a bold black and blue headline, a blue button and a student assembling a gray robot gripper at a workbench

    A big hello in blue, your school and clear buttons for projects, resume and contact beside a build photo.

  • Engineering portfolio website design, embedded engineer with services and a blog: black page, a white and bright blue headline, a blue button, amber line icons and a smiling engineer holding a circuit board

    A workshop portrait with a board in hand, then board design, firmware and prototyping listed as services.

  • Engineering portfolio website design, product design engineer with product shots: white page, a deep green name, a lime contact button, a man holding a gray plastic enclosure and photos of a speaker, a bracket and a scale

    Your specialty in one line, a portrait holding a molded part and product photos across the bottom.

  • Engineering portfolio website design, mechanical engineering student with blueprint lines: near-black page with copper drawing lines, a large white name, a copper button and a student leaning on a clear fluid test rig

    Faint technical drawings behind your name, your year and the internship you want, beside a lab photo.

  • Engineering portfolio website design, robotics engineer with degrees up front: pale gray page, a bold navy headline, a yellow button, a smiling woman holding a small robot car and a dark row of project photos

    Your degrees right under the headline and project photos just below, for robotics and electrical roles.

  • Engineering portfolio website design, medical device student, bright and friendly: white page, a navy italic name above a bold headline, a pink button and a student measuring a robotic hand with calipers

    Your name in italics over a bold title, the career you're aiming for and a photo of you measuring a prototype.

  • Engineering portfolio website design, embedded and robotics engineer with project cards: white page, a navy serif headline, a navy button and photo cards of a handheld synthesizer, a solar sensor box and a two-wheeled robot

    A serif hello on what you build, then a photo card for each project, all on the first screen.

  • Engineering portfolio website design, design engineer who also writes code: warm cream page, a bold dark brown headline, a yellow button and a smiling woman holding a white printed bracket before a CAD screen

    An open-to-work note, a bold title and a portrait holding a printed part with its CAD model behind you.

  • Engineering portfolio website design, prototype engineer at the test site: dark blue photo of an older engineer kneeling by a wheeled prototype on concrete, a white headline and a blue button

    A full-width photo of you testing a build outdoors, with a plain first-person line on how you work.

  • Engineering portfolio website design, electrical engineer with a personal side: white page, a bold black hello, a red resume button and a close-up of a wired circuit board on a workbench

    A short hello on the systems you build, a line about life outside work and a close-up of your hardware.

  • Engineering portfolio website design, mechanical engineering student over a machined part: black page with a dim close-up of a machined metal joint, a round portrait, a large white centered name and a teal button

    A round portrait and centered name over a dark close-up of machined metal, with resume and project buttons.

  • Engineering portfolio website design, mechatronics student with an illustrated lab: white fading into an illustrated dusk lab with a robot arm, an oscilloscope and a circuit board, a two-tone name and a mint button

    Your name beside an illustrated lab bench instead of a photo, for students without polished project shots yet.

  • Engineering portfolio website design, hardware engineer from design to production: dark navy page, a white and violet headline, a violet button and a smiling engineer leaning on a robot arm outdoors

    A two-color headline on taking hardware to production, your last role in a paragraph and a robot arm photo.

  • Engineering portfolio website design, robotics student with rounded field photos: off-white page, a large deep green serif name, a round portrait and rounded photos of students with outdoor robots

    A big serif name between rounded field-test photos and one resume button, for students seeking a first role.

  • Engineering portfolio website design, clean energy electrical engineer with lab cards: cream page, a smiling man at a workbench down the left, a charcoal headline, a gold button, lab icon cards and project photos

    A portrait down one side, with your research labs as cards above project photos, for graduate students.

  • Engineering portfolio website design, eV hardware student with featured projects: dark navy page, a white and lavender headline, an orange button, a black and white portrait and two project cards

    A hello and one line on what you build, a black and white portrait and two project cards with skill tags.

  • Engineering portfolio website design, automation engineer, type only: white page with soft pink and lime glows, a bold navy centered headline, a pink button and no images

    A centered headline and short summary with no photos, for engineers whose best work is under wraps.

  • Engineering portfolio website design, energy project engineer with site photos: dark navy page, a white serif headline, a copper button, a woman in a hard hat at a wind farm harbor and three industrial project photos

    A credentials headline over a sunset harbor, with big project photos and locations below, for senior engineers.

  • Engineering portfolio website design, electrical engineering student, dark and type only: dark navy page, large white and cyan name, a monospaced line of focus areas, a cyan projects button and a row of skill tags

    Your name in large type, your focus areas in a code-style line and skill tags, for students without photos yet.

Every design is an illustration by Cactal. The engineers, schools, employers, projects and photos in them are fictional. Updated October 2026.

Describe your work

What you design and build, what you're looking for next and how people should reach you. Cactal writes the pages, sets up your contact form and publishes the site.

How it works

  1. 1 Pick a design

    Browse by field or career stage and open any design to see it full size.

  2. 2 Add your projects

    Your projects, experience, skills and how recruiters or clients should reach you. Cactal writes every page and builds the site from your design.

  3. 3 Publish

    Ask for changes in plain words until it's right, then publish free on a Cactal domain, or on your own domain with Pro.

What an engineering portfolio website needs

Your field and your goal, up top

Say your discipline, your level and what you want next: a co-op, an internship, a full-time role or client work. Recruiters skim before they read.

Projects that show the engineering

For each project, give the problem, the constraints, the decisions you made and how you tested them. Three projects explained well beat a gallery of twenty.

The build, not only the render

A CAD model shows the intent. Sketches, drawings and photos of the prototype on the test bench, including the version that failed, show you can make things work.

Your part in team projects

Senior design, competition teams and work projects are group efforts. Say exactly what you designed, built, analyzed or tested yourself.

Only what you're allowed to share

Work for employers and clients is often covered by a nondisclosure agreement, and some defense and aerospace work by export rules. Show what's public, describe the rest in general terms and ask before posting drawings or photos.

A resume and an easy way to reach you

Link a current resume with your degree, any license or charter you hold and the tools you use. A contact form lets recruiters and clients reach you without your email address on the page.

Questions

Are these engineering portfolio templates free?

Every design here is free to start from. You can sign up, build and publish on a Cactal domain without a card and with no time limit. Putting your site on a domain you own is $25 a month on Pro, or $240 a year.

Do I need to know how to code or design?

No. Describe your work in plain words and Cactal builds, edits and publishes the site. When you want a change, ask for it the same way.

How much does an engineering portfolio website cost?

A custom build from a web designer often runs into the thousands of dollars and takes weeks. A builder template costs less, but you still write and fill in every page. With Cactal it's free to build and publish on a Cactal address, and your own domain is $25 a month on Pro, or $240 a year, with no setup fee.

Can I use my own domain?

Yes. Every site starts on a free Cactal address. Connect a domain you own on Pro for $25 a month, or $240 a year, and each additional website on its own domain is $20 a month.

Who owns the website?

You do. Every Cactal site is real React source code, so you can take it and run it anywhere. There is no export to buy.

Are these real engineers?

No. Each design is an illustration made by Cactal, and the names, people, schools, employers, projects and photos in it are fictional. Your site is built around your own work.

Will these work for civil, aerospace or other engineers?

Yes. Every design has room for projects, experience and a resume, which every field needs. Tell Cactal what you work on, from structures to aircraft systems, and it writes the pages around your own projects and photos.

Do I still need a PDF portfolio?

Many applications still ask for one, so keep a short PDF of your best projects and link to it from your site. The website has room a PDF doesn't: a page for each project with photos, drawings and the full story, at one link you can put on a resume or an application.

More website templates

All website templates

Your engineering portfolio website, built for you.

Pick a design or just describe your work. Free to start, no card needed.

Start building