Discover everything we launched at Webflow Conf 2024
Read post
Blog
9 great graduate portfolio examples

9 great graduate portfolio examples

We’re committed to making Webflow free for students and educators, and are constantly delighted by the work that they’re producing.

9 great graduate portfolio examples

We’re committed to making Webflow free for students and educators, and are constantly delighted by the work that they’re producing.

21-day portfolio

Design and build a custom portfolio website, visually, within 21 days.

Start course
Start course
Written by
Kate Donnellan
Kate Donnellan
Integrated Marketing Manager
Kate Donnellan
Kate Donnellan

As another less-than-normal school year ends, we wanted to show off some of the best website portfolios that we’ve seen from recent graduates.

We remain committed to making Webflow free for students and educators — and we love seeing the amazing work that comes from virtual and physical classrooms around the world. 

The best thing is that all of the grad portfolios featured in this post have come from students studying a variety of topics such as UI design, graphic design, visual communication, mathematics, entrepreneurship and more. 

Here’s some of our favorite graduate portfolio examples. We hope they inspire you as much as they’ve inspired us. 

Gerardo Orozco – San Diego City College ‘22 

An image of Gerardo Orozco's portfolio. It utulizes a stark black background with white text.

Gerardo Orozco’s portfolio is one of the most engaging student portfolios we’ve ever seen. From the get-go, the scroll animations pull you in, as do the playful typography choices. 

The thing that stands out the most throughout Gerardo’s site is how colorful and playful their work is, as well as the fact that they’re able to work on so many mediums. In addition, the work Gerardo showcases perfectly ties into their career goal to work as a graphic designer in the film industry. 

Kristoffer Staugaard – University College Lillebaelt 

An image of Kristoffer Staugaard's portfolio.

Kristoffer Staugaard’s portfolio is really fun to scroll through — with a great mouse interaction that makes hover animations even more effective. As you scroll through the homepage, Kristoffer shows off his different projects. He uses well placed and concise copy with eye-catching typefaces, along with small visual aids from the projects.

Kristoffer’s portfolio is one of the few that uses quotes from previous clients as a form of social proof. (A tip: if you’re a student and haven’t done any real-world projects yet — ask your lecturers or professors for a quote!) 

Novia Chao – University of British Columbia ‘22 

An image of Novia Chao's portfolio homepage. She utilizes a gradient background with start black text for her headng.

Novia Chao’s portfolio does an amazing job of showing her personality, alongside showcasing her work. 

Her “About” page states that “design is at the core of how humans interact, navigate, and understand the world.”  So, it’s no surprise that her portfolio is an absolute joy to navigate. When you land on Novia’s portfolio, you’re greeted by a beautiful gradient that changes ever so slightly as you scroll through the homepage. Hover animations encourage you to click through and explore her projects and draw you in. 

Novia has a “playground” section on her portfolio, which is such a lovely way to show the smaller, non-project related designs that you create in a less structured way. 

Lauren Shirley – University of Utah ‘22 

An image of Lauren Shirley's minimalist portfolio.

Lauren Shirley’s portfolio is one of the most unique sites on this list.

Her use of whitespace is incredible — you’re instantly drawn to click on one of her projects listed under “Work.” One of our favorite parts of her site is the sneak peak of each project as you hover over the project name. 

Lauren’s work is an amazing combination of typography, print design, and graphic design — and her portfolio showcases all of these skills to the viewer.

 Charlene Xinyi Zeng – Columbia University ‘22

An image of Charlene Xinyi Zeng's portfolio.

Charlene Xinyi Zeng’s portfolio appears relatively straightforward at first, but as you travel through her website, you’ll find tons of fun hover animations, scroll interactions, and typography plays. 

Her product pages bring you on a journey through each project from start to finish. And Charlene makes her role in each project very clear — an important aspect that anyone building their own web portfolio should take note of. 

Lauren Kim – Design Lab ‘22

An image of Lauren Kim's website homepage.

Lauren recently graduated from a Design Lab course in UI and UX interaction design. Design Lab is one of our approved online courses, and we’ve had over 250 of their students apply to use our student discount since we partnered with them at the end of 2021. 

By using whitespace, Lauren’s portfolio directs viewers’ eyes to the most important content on the site. 

Throughout her project pages, Lauren shows the business impact of every project she’s completed. Future employers want to see the impact of your previous projects and adding this important information could have a huge impact on your job search. 

21-day portfolio

Design and build a custom portfolio website, visually, within 21 days.

Start course
21-day portfolio

Design and build a custom portfolio website, visually, within 21 days.

Start course
Start course

Jieying Xiao – National University of Singapore ‘22 

An image of Jieying Xiao's website homepage.

Jieying Xiao’s portfolio is built around a subtle but eye-catching gradient — which is absolutely beautiful (also, not to brag but we called gradients with grain as a trend for design in 2022). 
As you scroll down her homepage, Jieying features her most recent projects. Before you even click through to the project pages, Jieying shows off a picture of the project and includes a short blurb about it. By doing so, Jeiying gives potential employers or clients a high-level understanding of her work.  

Marino Franulovic – Coventry University ‘22

An image of Marino Franulovic's portfolio website homepage.

Marino Franulovic’s portfolio differs from the others on this list — he’s advertising digital marketing work instead of design. For this reason, his portfolio is more conversion-focused than the others. 

Marino’s homepage is filled with super engaging scroll-animations and hover interactions. His use of color throughout is consistent, and gives the viewer the feeling of a fully-fledged brand rather than a recent grad’s portfolio. He’s also got a blog, which gives potential employers or clients a deeper look into his ideas. 

Greg Chen – Carnegie Mellon ‘22

An image of Greg Chen's portfolio website homepage.

If you’re looking for a great way to lay out your product pages on your own portfolio, then Greg Chen’s is the perfect for some inspiration. He starts each project page with a description of the project, then runs through key information like timeline, team size, tools used, and his role. 

The detailed project pages cover every step of the process from storyboarding through to prototyping and app UI — an important factor in highlighting his expertise and thought process for different projects. 

Get started on your own student portfolio 

We wish all recent grads a great start to their career — and remember, Webflow is free for students and educators. Check out more student portfolio examples, or explore the 21-day portfolio course on Webflow University to get your new web design portfolio live.

Unleash your creativity on the web

Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.

Get started for free
Unleash your creativity on the web

Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.

Get started for free
Get started for free
Last Updated
June 7, 2022
Category
Unleash your creativity on the web

Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.

Get started for free
Get started for free