5 Really Amazing UX Design Portfolios

In today's video, we'll be looking at 5 amazing UX designer portfolio websites that can inspire you to get started with yours. The portfolio websites that will be featured in this video have been linked in the description below, so you can check them out later if you want to. If you're new here, my name is Samuel and I'm a senior product designer based in London. Subscribe to my channel to get regular videos like this. I'm always excited to see new subscribers. With that being said, let's get into it. The first portfolio website we'll be looking at is marco.fyi. It belongs to Marco Cornacchia. I'm not sure I pronounced that correctly. Forgive me, Marco, if I didn't pronounce your name correctly. I really, really like this portfolio website because of the friendliness, right? And also you could see a lot of white space. And here Marco describes himself as a product designer. and as a Webflow developer. And when you hover on that, you'd see some really, really nice quirky fun stuff that also shows Marco's personality. I also like the use of typography, being able to use that to sort of show the hierarchy, his name in this bold, interesting font. And then he also has his picture here. When you scroll down the website, you see the navigation at the top here, but when you actually scroll down the website, You then see navigation pop up on the left side of the screen, on this side of the screen. So you could see like the selected work, and then you see the community. You could see his resume. You could see his skills, the online courses and his tools. Then you could see about me. He also has an interesting way of showing what people are saying about him. Everything is just presented in this interesting way here, and then this actually just scrolls. And I like this bird thing. You know, there's a lot of personality on this website actually. You know, before I even get to meet Marco, I could tell that he's a very, very playful person. And that's one of the things that you want to be able to communicate on your website as well. So let's go ahead and check one of Marco's work. Like, I mean, I've gone back to this. I really, really like the navigation here. You could easily just get into any of the sections by clicking the navigation on the left panel here. So let's just go into work and then see one of the works that it has. This is also quite interesting. This actually takes some time to load, but this interesting animation here that just shows like a takeout pack just dangling and dingling there, right? It just really, really draws you in and maybe makes you wait But now it's taking too long. Oh, we're finally in. I skipped that, but it took, it took a while. It took a while. It loaded too long, I guess because it has so many things inside the case study, right? So here it has this really big header that shows some of the screens on this app. I like the mockups that is used here to sort of present his work. And then when you now start to go in, it then starts to describe the project itself, what it's about, the project type, his role, the timeline, and then the tools that he used for this project. He's able to clearly show the problem, the goals, the business goals. And it's very, very interesting how he actually visualizes stuff, right? Makes you want to keep scrolling. It makes you want to keep looking because if you actually look at this case study, there's so many— there's a lot of text actually. So it's interesting to see the way he actually presents this text in a way that you want to keep going. And that's a very, very good way to present your case study. It goes into like the user personas and then the early iterations and sketches and links to the wireframes, the user flows, the solutions and the prototypes. And yeah, um, that's it. The next portfolio we're looking at is Alexi Tapura. Alexi is a freelance UI/UX designer based in Helsinki, Finland. This is also a very clean portfolio website, very good use of white space and good use of colors as well. Um, and then I like the way he's able to present each of his projects, right? So you have like this Um, alignment going on where it has the thumbnail for the project on this side and then it has the short description for the project on the right side. And then when it gets to the next project, it flips it to the other side where it has a thumbnail on the right side and then it has a description on the left side. This is very, very clean. Here it also describes what it does, what the services are. It does service design, it does UI/UX design, and it also Views Design System. Then he has his contact as well. It's a very, very simple portfolio website. And then in the About Me section, he basically just describes who he is, what he's been up to, and what he enjoys doing. This is a very, very nice way to sign off your About Me page, you know, just sort of that's giving that personality with your signature. And then he also speaks about clients that he's worked with here. Let's get into Alex's work and see what he's been up to. The use of typography, white space here is really, really good. It helps to focus on the project, and the imagery is also very, very good as well. Here it shows one of the major screenshots, I guess, from this particular project, which is called Startborn. And then it speaks about the challenge, what his role was. I guess this is more like an enterprise product, right? And then he's shown a lot of screens and lots of mockups. And this actually shows his skill as a visual designer. So this, this actually shows that he's more skilled as a visual designer. He has really, really clean designs. Um, would— he would do well as a user interface designer. And, um, he's not showing a lot of UX processes, was able to show the visual design, um, that is done here, and they are really, really clean. Also, it shows parts of the design system and is also able to communicate the impacts of the project. The main reason why I like Alex's portfolio is the fact that it is really, really clean. It is very, very straight to the point. Anybody that's trying to look around in this portfolio won't spend so much time, but will be able to get all the details that he or she needs to get from the portfolio. That's why I love it. And the next portfolio is hanjapetrovic.com. So this portfolio belongs to Anja Petrovic. Anja is a product designer focused on SaaS growth. She works closely with product managers, engineers, marketers, and analysts. She researches and designs ways to build a strong product funnel, guiding users from visitors to happy customers through a series of aha moments. I like how she describes what she does here. It's very, very interesting because it actually draws you in. And then she's also shown a bit of character with her portfolio, you know, introducing some of these colors which you start to see later on in the portfolio, introducing them here, right? And then you could see that that is also part of our logo. So you could see a little bit of visual identity going on with Anja's portfolio. Here she then speaks about each of the case studies, right? And for each of the case studies, one thing that's interesting to me is how she actually describes the case study at the portfolio grid level, right? She's able to describe the problem that she's solving in the fewest words possible. So here she's saying that this is a new user's guide to value, this is a journey to a carbon-neutral future, this is tracking baby's health and growth. This is transparent insurance with a dash of delight. This is automating industrial workflows. This is just very, very interesting to see how she actually puts what she's done into words, right? And this is something that is really, really important, you know, when putting case studies together or when putting a portfolio together. The portfolio that I'm actually looking at, if you've paid attention so far, you would notice that I'm actually focusing on a lot more UX, right, than actual, you know, transitions and all of that, right? I'm actually focusing on a lot more UX, being able to explain your projects clearly. Um, here she speaks about the other industries she's worked in, and it's interesting to see how, how wide her experience has been. So she's been in marketing, she's been in fashion, she's done social impact, human resource, healthcare, and then training events as well. And then a link to her LinkedIn. And then you could see, you know, I really, really like how she brings all the colors together at the bottom of, of the page here. It's really, really strong. It communicates our visual design skills, and it also establishes our visual identity that we've already seen here at the top. So let's go into one of Anja's work. One that I really like is this tracking baby's health and growth. So this case study, the use of color is really, really great here. And then here she basically just described what this is about and has 2 mockups, and then what our role was, the goal, and then the timeline of the project as well. She has the overview, she has a role, and then goes straight into like the UX of things, you know, sketches that was done, the concept while it was being developed, you know, whiteboarding, and then how she was able to a user flow together to be able to understand the actions and path that people can take in the app. Then she also speaks about constraints. It's very, very important to get into constraints as well, and this is really, really interesting to see. She also shows like a prototype of the app in action while some— while someone is using it, and then the UI patterns that was used, colors, and also introducing some part of the typography and even some part of the design system. And And she also touches handoff. Then she goes into like the final designs, what the screens look like. And then if you want to check this out later, you could go here and click the prototype and go have fun with the app. Then she speaks about the outcomes and then the lessons learned. I think this is a really, really good case study. I think this is a really good case study. And that is one of the reasons why I really, really like this portfolio. Portfolio. One other interesting thing about Anja's portfolio is that she has a section called Play, which is basically like a playground. The playground is where she's talking about like a side project. From here we could see that she's a painter, she likes to paint, she makes really, really beautiful paintings. And this is really, really interesting to see as well. The reason why I like this portfolio is it describes Anja as somebody that's a process-driven UX designer. describes exactly how she likes to approach problem solving and then also shows that she has a lot of visual design skills and shows that she has a lot of personality as well outside being a UX designer. The next portfolio we're going to be looking at is jclark.co.uk. This portfolio belongs to Jay Clark. Jay Clark is a senior product designer focusing on design processes, shipping meaningful work, and making people's lives better. It looks like I've been— I've actually been going through similar kind of portfolios. You could already tell that I'm really, really into white space. I'm really, really into, um, portfolios that communicate what the designer does clearly from the onset. The navigation here is really good as well. Down here for the good stuff, showing some personality using words. He's worked on projects for Tesco, Abito, Shell Energy, What3words, and, um, Votic XR, and then Alicia Bank. I really, really like this part of the portfolio. It speaks about his unmentioned skills— setting food on fire— and then he has like a level for that, right? Setting food on fire intermediate. Apparently, um, Jay burns food a lot. This is really interesting just to show you a bit of personality as well. It's always interesting to show that part of you outside design. What are the other things that you do outside design, outside being a product designer? Who are you? I think that's really, really important. Let's check, um, the Tesco project. I like Tesco. Tesco is a grocery store in the UK. So for people that are not in the UK that are actually watching this and don't know about Tesco, Tesco is one of the biggest grocery stores in the UK, and that's why I'm interested in this project. I actually want to see what Jay has done for Tesco here, right? Um, at the beginning, love how we have like the 3 big mockups that shows the work that he has done, and then the description in the simplest, easiest words. As simple as ABC, no unnecessary jargon. It just goes straight to the point. And then he also speaks about the team, which is very important, right? A lot of times when you're putting your portfolio together, especially when you get like a senior designer level or when you get to like a design manager level, it's interesting to see every other person that worked with you on that project, right? So here is— worked with 4 product designers, 12 engineers, 3 test engineers, 1 product owner, and 1 agile delivery lead. So this is like a 22-man team that worked on all of this. And it's obvious that Jay is a very senior designer, right? Because beyond, um, seeing here that he worked on it with a large team, he's also showing here immediately how he had impact. He's bringing that up first so that you could see what his impact is. Creating and maintaining a cross-platform design system Iteratively improving internal design processes within the project team and working closely with engineers to ship high-quality work. Then it goes into what the design system looks like, because obviously that's one of the major things that was done. Then how the project performed, which is more like impact and numbers. And I like how this is also presented here. I like this, um, I like this zigzaggy thing going on here as well. Very, very strong, um, visually. Like, this portfolio is actually really, really strong visually. The use of colors, the use of typography, it's really, really interesting. And then it also has like a social proof as well, which shows like what other people are saying about using the app. And then it also has a part where it gives a shout out to other members of the team. I'd like to see another project on this portfolio, so let's view next project. Here again, he describes what this project is about. This project is called Abito. Again, he addresses what the problem was, what the background of the project is, and what his team did in very few words, in about 6 lines, so that it's easy for anybody that wants to actually dig into the project to see, say, oh, let me see what else is happening here. Then they can then start to go dig further, right? The team that worked on this project were 2 product designers, 1 researcher, 2 engineers, 1 product manager, and then 1 copywriter. And then he also has like mockups or screenshots of what it was like. Same format with the previous projects, speaking about impact and then other screenshots from the project and then speaking about results as well. And then a shout out to other members of the team that worked on this. And the last portfolio we're going to be looking at belongs to Silvana Yaniva. Oh, I hope I pronounced that correctly. Silvana Yaniva. I'll just call her Silvana. The first thing that jumps at me in this portfolio is actually the background. So there's a video on the background, or maybe it's a video or a GIF or an animation Because it's just interesting, it's intriguing, it has this, um, grainy look or grainy feel, and then it just has some illusions going on. I really like it, it's drawing me in. And then another thing that I can see here is how she arranged a navigation. So you could see Walk, you could see About, you could see Playground, and I'm sure there's something else for my picture— my video here is covering what is here. Let me move that a bit so you could see less chat there, right? This is really, really nice as well. Um, and then when you scroll down, you get to see who she is and then her projects as well. What I really like about the portfolio grid here and how she presented her project is, you know, she has projects where, um, the project grid is taking the center stage, and then she has one where 2 project grids are, um, together on the same page. And then she repeats that kind of pattern like that. Really, really interesting. It's nice to really experiment with your project grid. And then our use of colors as well, you could tell that the use of colors here is really, really intentional, right? The use of color here is really, really intentional. And then she has a footer and links to her socials like LinkedIn Twitter and Instagram, and then a resume. First of all, I'd like to go to About. I like the transition as well, how it just moves to the About page, and then she just describes herself in about 7 lines. And her experience as well. If you want to download a resume, you could click here. And then she also has the client that she's worked in Apparently she has had lots of agency experience, which is really good because if you have agency experience, then you get to work on lots of products, lots of different products, and get different perspectives. So you go, you get a wide perspective rather than working on one particular product and getting a deep perspective on that product. Then let's go to Sylvana's work. I really like the work she did for eBay, so I'll be going through that. She speaks about what she did for eBay, helping eBay reach a global audience, right? In how many words? 1, 2, 3, 4, 5— in 6 words, here is what I have done: helping eBay reach a global audience. I think that is brief, concise, and I think it's very brilliant, right? And then you could see the— you could see the main hero image here, which has somebody interacting with what she's designed, what she designed with her team or what she designed alone. I can't tell yet if she worked with a team or she did this alone, but you could see what the prototype looks like and somebody interacting with that. That is one of the initial introductions into that. And then you can see here that it has Konnichiwa Japan. Remember global audience. So probably she had to do a lot of work on localization to sort of translate whatever has been done into different languages and different cultures so that people all over the globe can be able to use the eBay website. Here she describes what she's done, probably at an agency. At Field, I helped design, oversee, and deliver hundreds of meaningful emotive campaigns for eBay in 7 different languages, right? As a team lead, I made sure we delivered errorless and visually consistent work across all markets. The work spanned across all touchpoints: on-site, CRM, display, and social. Right, basically just describing what she did, when she did it, the services, and then the background as well. And then she goes into like images of what was done. This is a lot of the work that was done here, obviously is from a visual design, marketing design standpoint, right? Not so much of UX, but it's just interesting to see how she's able to bring this to life with this really, really popping colors, popping imagery and all of that. Right here you could also see what the result was, what the impact of the work that she's done is. Here you could see that as well. And yeah, then she has the playground. Which I would just like to look at too quickly. Just like the previous portfolio that we looked at, the playground is where she has like a lot of, uh, experiments and explorations. As you can see here, she has lots of really, really nice visual design explorations, colors, and, um, you know, illustrations. And she's actually showing all of that here. So if you look through, I think these are really interesting. It's, it's just art, and this is a way to sort of keep yourself distracted as a designer, just creating things that don't exactly put any sort of pressure on you. So those are the UX designer portfolio websites that I'm feeling at the moment. Which one did you like best? Let me know in the comment section. And if there are any other portfolio websites that I didn't mention and you think they are equally as good, drop them in the comment section as well. I'd like to see them. I really hope this portfolio website inspires you to get started with yours. Remember, it's important to show your work as a UX designer. Don't forget to subscribe to my channel, like this video, and share with as many people as possible. I'll see you in the next video.