14 inspiring UX designer portfolios

Every UX designer needs a portfolio. Find inspiration for your own in these great examples.

Jeff Cardello
November 19, 2019
Inspiration

Without UX, web design would be a sterile expanse of bare buttons, robotic copywriting, and cold gridlines devoid of any humanity. If you're a UX designer, you need to show off your chops by creating something that's an experience to look through.

Before we get into the portfolios, understand that these are in no particular order. We've curated this list based solely on showcasing great design and content. If you think your portfolio deserves to be in our next roundup be sure to leave a comment below!

Alright, let's check out these 14 UX portfolios to help you create your own design in a way that captures the spirit of your work, as well as a sense of who you are.

1. Aileen Shin

aileen shin


A UX portfolio markets your skills and talents wherever you’re at in your career. Aileen Shin has accomplished so much in just a short amount of time. Whether it’s what she’s done as an intern or her work for Tumblr and Amazon, her UX skills show a strong sense of usability built on simplicity.

Each project has a nice write-up that gives a bit of strategic background and clarifies her role. She shows her expertise while still being humble — two traits that any client would want in their next UX designer.

aileen shin work

2. Jesús Amador

jesus amador

Jesús Amador's portfolio grabs your attention. Ambient music swells and ebbs in the background as an eye stares out from the screen, blinking and darting. You’re immediately drawn into the world that is design. Scrolling down brings you through an impressive array of work. The music continues, with the eye in the background never breaking its gaze. This is a great example of taking a creative approach in a portfolio rather than just displaying bland examples of prototyping or wireframes.

This UX portfolio isn't afraid to embrace the eccentric, reflecting Jesús’ more experimental impulses. But he never pushes things too far. This portfolio shows potential clients that he isn't afraid to take design chances, while still providing a smooth user experience in this well-executed final product.

dammm website

3. Hiro Shibata

hiro shibata

Hiro Shibata’s portfolio opens up with a hero image of dotted lines arcing over a dark background. It's a somewhat abstract visual, but it brings to mind maps and user journeys.

The design that follows has a logical organization. Large headers and succinct writing communicate what he does in a way that's easy to comprehend. Even if you're just skimming through the page, everything comes together with obvious visual harmony, showing his talents as a visual and UX designer.

4. Ljubomir Bardžić

ljubomir bardzic

Your job as a UX designer is to help people seamlessly experience a web design. Your portfolio also requires a smooth flow, showing that you craft designs that are cohesive and easy to navigate. Your homepage needs to show your strengths as a UX designer.

Ljubomir Bardžić wields UX design with precision in his portfolio. With 4 featured projects, each occupying their own block of color, he gives just enough detail to show all that he's capable of.

He gives great insights into each project with his own writing, and includes testimonials from people he’s worked for. This accompanying copy goes deeper than just featured projects and really shows who he is as a designer.

ljubomir bardzic gif

5. Wendy Schorr

wendy schorr

Wendy Schorr’s page opens with a lightbulb. Yes, a bulb representing the brightness of one's intellect is a common motif, but this bulb transcends bland stock photography. The brightness of the filament burns brighter, showing that Wendy stands out from the rest.

The featured projects are a short hop below this lightbulb-adorned landing page. Each has an extensive case study, detailing Wendy’s research, process, and early prototypes. If you have examples of wireframes or other sketches that were part of a visual design, don’t hesitate to include them in your portfolio. It would be easy for all of this to be information overload, but each case study is broken down in a way that's easy to read through. This is another great UX portfolio also designed with Webflow.

task and user flows


6. Michal Maciejewski

michal maciejewski

Scrolling down Michal’s UX portfolio reveals the words, “I believe in design thinking.” This is a strong statement to make at the top, but this declaration introduces the theme that binds everything together on this portfolio. Another reason we like this design: it was made in Webflow!

The dark gray background has a slight static effect that buzzes throughout this design. This tiny, fuzzed-out movement makes all of the images and text in front of it appear even clearer in contrast. It may be a subtle effect, but it’s so powerful in getting your eyes focused on the content before them. This shows Michal’s dedication to design thinking not only  on the macro level, but also on the micro.

michal nrg care

Another nice part of this one-page design is its scroll-triggered animations. Single-page layouts can be a bit of a slog to navigate through if there's nothing more than static text and images. These effects make the visitor an active participant, rather than an idle passenger.

7. Pascal Strasche


pascal strasche


dHere’s another fantastic example of using Webflow to create a UX portfolio. It's so easy to stick with what's practical for a portfolio and just have screenshots of projects and little else. But a portfolio needs to transcend being just a gallery of work and show a bit of who you are as a person.

Pascal Strasche puts a photo of himself right at the top of the homepage. He keeps his writing conversational and has plenty of details to back up what he's saying. Pascal shows how to strike the right balance between the personal and the professional.

pascal strasche about page

8. KOCO

koco ux designer

What better way to start out a portfolio site than with a whimsical robot? This cute droid appears from the background and moves to the front offering a tiny wave of its hand, welcoming you to KOCO’s portfolio.

We see a few featured projects, all with in-depth explanations that state the problem each project aimed to solve and how KOCO’s design provided a solution. This brings the site’s tone back down to earth, making it clear that love of robots doesn’t keep this agency from providing practical solutions. We see the value of the work KOCO has done and how it has helped clients — an important strength for any UX design portfolio to communicate.




koco work

9. Daniel Novykov

Daniel Novykov

Daniel Novykov’s UX portfolio is another example of making a big statement at the top. “I make it simple, but significant” are words any client would want to hear from a UX designer.

This philosophy of simplicity can be seen throughout Daniel’s visual design, with a color palette of black and white combined with a few spots of color. The text appears in the Lato typeface, whose sans-serif practicality makes for an easy read.

zootch client

This sense of significant simplicity also shines through on the featured projects. We’re not overwhelmed by a dizzying grid of work. Instead, Daniel showcases a few curated projects, with only the important details for each.

Another nice example of his straightforward and easy-to-use design work is this conversational contact form. Custom embellishments like this go far in communicating your UX talents.

daniel's contact form

And you know what else is significant and simple about this? Daniel’s use of Webflow to design it.

10. Greg Christian

greg chrisitan

As a UX designer, it’s useful to have a niche. Your UX designer portfolio needs to reach the clients you would most like to work with. Greg Christian's focus is on tech, and he’s worked with startup clients like Sea Status, a tracker of oceanic weather, and Acorns, a mobile investment app. Greg is a nontraditional UX designer looking to gain the attention of tech-related clients.

And guess what — this portfolio was designed in Webflow as well

acrons mobile investing

11. Ryan C. Robinson

Ryan C. Robinson’s UX portfolio plays with dimensionality. Instead of a flat grid of projects, he lays his portfolio out along an invisible angle. Though it seems more designers are willing to experiment with geometry these days, you don’t see it in many portfolios. This UX designer portfolio succeeds with its layers and overlaps, ditching the two-dimensionality that so many designers feel anchored to. Whenever you can think of a way to break free from your normal visual design process, it can enrich your design skills, expanding your toolkit.

Ryan also includes multiple ways he can be contacted, including a link to his LinkedIn profile, which every portfolio should have.

12. Jason Stevens

jason stevens

When we land on Jason Steven’s UX portfolio, we get a short snippet about him. We learn that he’s not only a UX designer — in 7th grade he spent 6 months crafting a skateboard ramp. Talk about an exercise in user experience! Let’s hope everyone navigated it with the proper safety gear.

This may seem like a trivial detail, but it goes so far in showing who Jason is. We know that he’s not only a perfectionist, but also someone who blazes his own path. UX is about reaching out and connecting with people personally, and this bit of text does just that.

From this introduction we get a tidy arrangement of projects with a slight drop shadow. The horizontal status bar at the top of the page is also a nice touch, helping visitors to this one-pager understand where they’re at in the whole flow..

jason stevens UX work

13. Aaron Rudyk

aaron rudyk

A dramatically lit Aaron Rudyk looks out from the first page of his portfolio without a stray hair on his head. A gaseous purple cloud floats just to his left. His gaze is stoic, yet the mysterious vapor has movement. Being a UX designer requires both seriousness and a creative spirit. This hero image captures this duality. Scrolling down breaks from this dark and enigmatic introduction to a bright array of projects, with a fun slide-in animation on each project’s background image.

aaron gif

14. Marvin KC

marvin kc

When cruising through Marvin Cheung’s design, you’re struck by the darkness of the overlay that covers all of the projects. This may seem like an oversight. But this bit of intentional misdirection works in bringing your eyes to the text of the project.

Instead of making a passing glance, you’re encouraged to click through. You want to remove that gray veil and see these projects in all their colorful glory. Through this sneaky guidance, you’re brought to an individual project page that has all of the important details about a project. This bit of UX trickery shows us that Marvin has an eye for inventive ways of getting someone’s attention. The best UX sometimes hides in the background, rather than jumping right at you.

marvin kc google work

Show off your talents with a UX portfolio

If all you have for a web presence is a Linkedin profile, you need to do some work. It’s easy to want to just throw together a basic UX designer portfolio, and if you need to get something up quickly, this is better than not having anything up on the web. But let your UX portfolio be an extension of your own personal brand, displaying your talents and personality, showing that your work and who you are goes beyond just a grid of projects on an uninspired screen.

Jeff Cardello

Advocate for better design and professional writer excited by tech, entrepreneurship, and branding. Writes the occasional joke on Twitter.

You might also like...

More

Join the conversation

What's Webflow?

Try it for free
Designer

Designer

The power of CSS, HTML, and JavaScript in a visual canvas.

Interactions

Interactions

Build website interactions and animations visually.

CMS

CMS

Define your own content structure, and design with real data.

Ecommerce

Ecommerce

Goodbye templates and code — design your store visually.

Editor

Editor

Edit and update site content right on the page.

Hosting

Hosting

Set up lightning-fast managed hosting in just a few clicks.