ux design portfolio presentation

Just like choosing the best candidate, a portfolio presentation is a multi faceted experience to show employers the whole package of who you are and the potential of what you can bring to the table. Designers who can make great work AND communicate are better than those who do one or the other.

We hope this little guide to creating an amazing portfolio presentation and what to do before, during, and after will help you in your design interviews. Good luck!

For a detailed view on interviewing for design jobs, read Andrew’s article:

If you want to master the top interview questions in every design interview, read my article:

If you want to improve your portfolio, read my article as well as Christina’s

To help you get started on owning your design career, here are some amazing tools from Rookieup, a site I used to get mentorship from senior designers:

• Build a portfolio with help from an experienced designer
• Essential tools to strengthen and build your portfolio
• Take control of your time and career by becoming a freelancer
• Tips and tricks to get an amazing design job

Links to some other cool reads:

• Prepping for Design Interviews (My Microsoft Onsite Experience)
• Most UX portfolios suck
• What I learned as a designer in the past 2–3 years
• The Types of Design Research every Designer should know NOW
• When did Design become so Easy?

Further reading:

This article was originally published on Tiffany's Medium page .

Leading by example and empowering others with design @Google - http://tiffanyeaton.com

Related Posts

It’s often said that actions speak louder than words, and while goal-based and qualitative user tests are a key part of the design journey, sometimes the most informative test of all, is to watch a user interact organically with your design. Instead of taking notes or trying to manually spot the insights, heatmaps record what the user does in a… Read More ￫

Mobile devices like smartphones and tablets give businesses another channel to connect with their customers, no matter where they are or what network they’re on. Mobile websites and applications should offer users an intuitive customer experience in the palm of their hand. At least, that’s what good mobile design aims to achieve. But poor mobile design can make it tough… Read More ￫

“UX design is the process of developing and improving the quality of interaction between a user and all aspects of a company. It’s about products that are useful, easy to use, and engaging. UX design focuses on the overall feel of the experience and is not about visuals alone.” Jason Kalathas, Head of Design at Moosend According to the above… Read More ￫

Free prototyping and wireframing

Join over 1 million people on Marvel bringing their ideas to life.

Contribute to the blog

Got a great post you've written that would benefit our awesome community of 500,000 readers? Or maybe you've just got an idea in the works? Let us know!

Someone from our team will be in touch shortly.

Looking for the best stories in the design world?

We’ve got your back! Subscribe below and get them delivered right to your inbox every week.

How to Craft an Amazing UX Design Portfolio

If you want to get started in UX design , you are 100% guaranteed to need an amazing UX design portfolio in order to land that first role.

And even if you’ve already got experience in the field, it’s important to keep your portfolio polished and up-to-date.

As a UX recruiter, my role involves not just identifying and developing tech talent, but also following the industry closely; going to events, workshops, and conferences to make sure I’m in a strong position to connect the dots and successfully match companies with perfect-fit employees.

Through the conversations I have day-to-day, I’ve managed to put together a clear picture of the industry as it stands and what the expectations are for all levels of UX designer, from absolute beginners to senior UXers and UX directors.

One big aspect of my role is making sure that the candidates I work with are amazing at showcasing their skills, experience, and past achievements. One thing I get asked over and over again is, “Where should I begin with creating my portfolio? What’s the standard? How can I make it better?”

So, I’m going to share the advice that I frequently give out to candidates I work with, be it a beginner, mid-level or senior UX designer. I’ll be explaining why your portfolio is so important, what to include, where to host it, how much to include, and answering lots of other common questions. Select any of the topics from the list below to jump straight to it.

• Is a UX design portfolio really necessary?
• What is the purpose of your UX portfolio?
• What should you put in your UX portfolio?

UX portfolio tips for beginners and juniors

Ux portfolio tips for seniors and managers, presentation tips for your ux portfolio.

• Should UX researchers also create a portfolio?
• Should you use video in your UX portfolio?
• How many projects should you showcase in your UX portfolio?
• How should you test your UX portfolio?
• How do you deal with NDAs when building a UX portfolio?
• Can you build a portfolio with no experience in UX design?
• Where should you host your UX design portfolio?
• Where can you find UX design portfolio inspiration?
• FAQ about how to make a UX design portfolio

If you’re more of an audiovisual learner, check out the following video. UX designer Dee Scarano walks through her top tips for creating a winning UX design portfolio.

1. Is a UX design portfolio really necessary?

Let’s put it this way; in an industry where education and previous experience is not strictly a prerequisite to landing your dream role, a UX design portfolio is arguably even more important than your CV. It acts as a meet and greet before the hiring manager actually gets to meet you.

Times have changed, and the number of UX vacancies is increasing year on year, but with that, there are more UX designers in the market. So, you need to differentiate yourself somehow, and for that you can’t just rely on your CV.

Compared to 10 years ago, many companies know intricate characteristics they are looking for in a new hire, so it’s vital you show them you meet their needs. If you don’t I can assure you someone else will. It can mean the difference between instant rejection or getting called to come in for an interview.

As well as core UX roles, there are a number of hybrid roles which require more than just UX skills so this is the perfect opportunity to showcase that you’ve worked on different parts of a project, e.g. UI design , strategic decision-making, or overseeing the web development.

Your portfolio is also an opportunity to showcase some of your personality. In an age where there is more emphasis on hiring people who match the culture of the business, a portfolio is a perfect opportunity to show that you’re a cultural fit. It’s much harder to get your personality across on a CV given that approximately 99% of CVs follow the same format.

2. What is the purpose of your UX portfolio?

Here is my take on it. A good portfolio indicates, in short, that this person has taken time to represent themselves in the best possible light, and they’re clued up enough to showcase their most relevant work in an aesthetic and logical way.

It should define who you are, what you can do, and what part of UX you specialize in. Remember: don’t rely on your CV for this. According to statistics, recruiters only spend 6 seconds looking at your CV.

They will scan four key areas: your name, current position, previous position, and education. In a nutshell, your CV is boring. Your portfolio need not be.

Your portfolio should show cultural suitability for the company where you are applying. Don’t be afraid to add a touch of character or your own style to your portfolio. It’s your chance to wow the hiring manager and demonstrate that you stand out from the crowd.

3. What should you put in your UX portfolio?

Your portfolio content will vary.

This depends on your seniority ( scroll down for specific tips on beginner vs senior portfolios ), the companies you want to work for, the country you live in (as different countries have different market expectations), and of course, whose advice you listen to! These will all play a massive part in what you produce.

The single most important thing you can do to make sure your UX portfolio grabs attention, regardless of your level, is this: show process.

Show you can do the graft and hard work that comes before the pretty pictures.

For example, check out the way that UX designer and CareerFoundry graduate Michelle Lock shows her work in her Fitted app case study . Rather than just showing us the polished designs, she includes information and pictures of user flows, sketches and wireframes, moodboards, and the product style guide.

As you can see from just this one example, a strong UX portfolio shows your process . In addition, it’s important to give context for each project you feature. For each project in a UX portfolio, I expect to see:

• The problem
• Who you worked with
• What tools you used
• Discovery phases (how did you go about solving the problem)
• The process you used to overcome the problem: lo-hi wireframes , prototypes, sketches, personas, user journeys, and research
• The final outcome (both of your work, and what happened after it was handed over, e.g. to a UI designer or developer!)

If someone walked in off the street, with no background in UX, your process should make sense to them—just like your high school chemistry notes would.

I also like to see storytelling—a plot development in the UX portfolio. In between each part of your process, explain why you went onto the next step of the process—did you run out of time? Did you feel your data was statistically significant? This will help the hiring manager get inside your mind and understand how you approach problems.

If you didn’t create any UI solutions, I recommend that you still show the final outcome in your portfolio but make it clear that it wasn’t your work. In my experience, companies like to see how your work translated into the final solution.

This is especially true if the company hiring isn’t very UX mature. They might not be able to imagine how UX translates into an end product. As we all know you don’t look on a website and say “My, look at that UX!! ” but you do say “Oh look, beautiful graphics!”

Showing how UX translates into products can help you educate companies around the importance of having a UX designer and not just a user-centered UI designer .

If you are going for a hybrid role, you don’t want your portfolio to be just pixel-perfect and overly visual, as this will be less relevant compared to other candidates who have submitted a more rounded portfolio inclusive of user-centered design (UCD) methodologies and practice.

However, if your biggest talent lies in visuals and that’s where your passion is, perhaps you should stick with that rather than diluting yourself as a part-time UXer, hosting reluctant user interviews and creating personas.

Now I want to quickly break down some differences in portfolios for junior and  senior UX designers.

4. Top tips for your UX portfolio

As a new UX designer , it’s only natural that you won’t have vast quantities of work to show in your portfolio, so instead you need to find a unique angle to stand out. Personally, when I look through junior portfolios I like to see some personality in there, even if there are only a handful of projects.

Ways to inject personality include adding any personal projects you have attempted, and talking the reader through how you went from an idea to a finished solution. Even if it was a complete failure or it was part of your UX design course rather than a paid gig, show it!

For me, failing but being humble around the fact you know that you can improve shows determination, grit, and motivation. From multiple conversations with hiring managers that I’ve had on the topic of junior UX portfolios, I can tell you that they’re not expecting examples of perfect process-driven work, they want to see personality and if you’ll be a good fit culturally. The rest you can learn on the job!

These can vary depending on what type of work you’ve been doing, either hands-on or hands-off. If you’ve been in a managerial hands-off role, I personally don’t think there is any point in you sharing work from years ago when you were more hands-on.

I think a much better option is to show examples of your team’s work on different projects. Show examples of how you set the strategy, delegated the tasks, mention whether you had to do some hands-on work or not, and the final outcomes of projects. Did you achieve great ROI for the client or better user experience for customers? Show some data to back this up.

If you’ve mentored a junior UX practitioner, show examples of their work before you mentored them and their work currently. This is a great indication to your future employer that you can make a deep impact within an organization and team.

Even if you are not interested in UI or graphic design, I am firm believer a visually-pleasing portfolio is important! It’s just good sense.

Pay attention to color palette and fonts—create and follow your own personal mini style guide, i.e make sure that page 3 matches with page 10. It could be the detail that gets people admiring and sharing your work, resulting in deeper exposure in the UX market. Remember, people are visual animals.

For example, if you were to go onto a travel website and the UX was great, but the visual elements were really inconsistent and boring, you’d probably leave the site. Don’t let this happen to your portfolio site.

Making it visually pleasing will show the hiring manager that you pay attention to small detail. No harm can be done from making your portfolio look nice.

Make sure to annotate your portfolio, but don’t make it too text heavy as this will bore the reader and disengage them.

Another way to boost engagement is my next tip, and something I have been experimenting with lately!

5. Should UX researchers also create a portfolio?

I’ve been asked this quite a lot. If your area of expertise is user research , you might struggle to create a portfolio of polished visual designs. Does that mean you don’t need to create a portfolio?

Previously, I wasn’t 100% sure on this, but now my answer is that you definitely should create a portfolio!

As we know first impressions are what matter in a hiring situation, and that’s probably why so many researchers try to build their portfolios with examples of UI but this is the wrong way to do it.

If you’re a UX researcher, you don’t design screens, so don’t worry about putting them in your portfolio. Show the impact you had on a project!

While the project may not follow the exact same pattern, there are still key things a hiring manager wants to see. For example;

• Who the client is
• The problem you were brought in to work on
• Your approach
• The results (in a clear format)
• What this meant for the rest of the project

And even if you’re a researcher and visuals aren’t your strong point, please don’t make this fact blatantly obvious with terrible design! Here’s a helpful, in-depth guide to creating a portfolio as a UX researcher.

6. Should you use video in your UX portfolio?

Recently, I started interviewing UX practitioners in the industry on camera about interesting topics. It’s a great way to get information across in an engaging way. So how can you use this in your portfolio?

There are lots of possibilities. You could show a video of yourself interacting with users during user testing, or show yourself or a user happily demonstrating the end product. Another way could be for you to have a short 10 to 20 second video of you introducing your website and your working style.

There is something very engaging about video, and let’s face it—you need to do all you can to make the viewer engaged! Give them a reason to stay around and view your work.

The great thing is that nowadays almost everyone has a decent video recorder on their phone, so whenever you’re working on something interesting you should try and make a short video just in case. You can even edit clips into a video montage.

7. How many projects should you showcase in your UX portfolio?

I would advise showing a maximum of three examples in your UX portfolio. If you’re a junior, even one or two projects is enough. Choose projects which you’ve had the most impact on, and show work which is clearly laid out.

If you’re reading this and have a few years’ experience, you’re probably thinking, “but I have so much work to show.” You need to think of a portfolio as a selling tool, it’s to sell your services to a certain company. If you just show everything, rather than curating your hottest work, it could disadvantage you.

You have to think of a portfolio as you dangling the carrot waiting for the hiring manager to take a bite. Once you have an interview, you can mention other projects you’ve worked on.

If you’re passive in the market and only want to specialize in one sector or would like to work in one particular sector, it would be a good idea to show a project that you’ve worked on in that sector.

If by chance the project you worked on in the specific sector wasn’t your best or most-detailed, still include it as it shows you have an interest in this area and some experience. As UX has grown, so has the number of candidates meaning companies have more pick. That’s why you might see on job specs, e.g. “must have experience in financial services.”

f you haven’t worked on a sector that you’re targeting, try including some personal projects in that area or write a killer cover letter—something you can read more about in our guide to writing a UX cover letter .

8. How should you test your UX portfolio?

Hiring managers usually have a very limited time to look through portfolios. You should have a portfolio that allows a manager to look through your work in 30 to 60 seconds and know what projects you’ve worked on, get inside your mind, and know how you solve problems.

That’s why I always recommend trying some simple user testing techniques. Get some volunteers, these can be a partner, friends or family, and get them to look at your portfolio and complete small tasks or hunt for crucial information. Then you can define and tweak the content to get to the desired goal.

Having the right information readily available shows your potential employer that you’ll be capable when it comes to presenting to stakeholders, as well as working on information architecture if it’s part of your job!

Some of my best tips to get your portfolio concise and to the point:

• Structure your portfolio clearly, with clear navigation to the projects, sub-headings, and a clearly defined process.
• Get rid of anything in the portfolio which doesn’t represent your best work. Have one example for each part of the process.
• Include a clear overview so people know exactly what the project was about, without having to read through the whole project to find out.
• Cover different bases. For example team leaders, specialist recruiters, project managers, and internal recruiters all have their own agendas and different checklists. A UX team lead may be looking for process, whereas an internal recruiter will want to see how much experience you have. Tailor your portfolio for all audiences.

Tip: When you test your portfolio, test it on different people and give them different goals, e.g. estimate how many years of experience I have or find a statistic that proves the ROI of my project.

9. How do you deal with NDAs when building a UX portfolio?

Firstly I’d like to say the following are only suggestions and I would always advise asking the client first. But, put yourself in the shoes of your potential employer. Would you really hire someone without any evidence of their skills, process, and experience? There’s a risk even for referred or recommended candidates because these can be biased, so having evidence of your work is key.

The first option could be to anonymize all the data from the project but come up with what the problem was, your process, and final outcomes. Here, make the text generic—but specific enough for the hiring manager to get an understanding of what you do.

My advice to graduates and junior UX designers coming onto the market is to take a role in which you can guarantee that you’ll be able to show the work you produce because without any work to show, finding a role afterwards can be tricky. You have to take your first role in UX with your next role in mind, so having work to show can be the stepping stone to greater things.

10. Can you build a portfolio with no experience in UX design?

As a recruiter I have the privilege to help people  switch to UX from other careers. They typically want to know how they can get a portfolio which will stand up in an interview. I won’t lie—this can be difficult with a lack of commercial UX experience.

However, it is possible to demonstrate skills and attributes which are important for any UX practitioner. For example research and the methodology used to get to a solution: testing , initial drafts, wireframes , personas , prototypes, evaluations etc. Here are some ways you can start to build a portfolio if you have no background in UX:

1) Take a course: Taking a UX course is a great way to build up your portfolio because you will learn key UX principles and put these into practice. Find out how to pick a program here: What to look for in a UX design certification .

2) Volunteer: Volunteering for a charity/non-profit is another awesome way to build experience and help shape a portfolio because not only are you working on a live project, but will get exposure to real users. This shows amazing initiative and can help to show a good team spirit.

3) Hackathons: Hackathons are really inspiring —and not just for coders! A hackathon is usually a one- or two-daylong competition where software programmers, developers, UX designers, UI designers, etc. come together to design something. These can help you build a portfolio in a short space of time, as well as learning from inspirational people and growing your network.

11. Where should you host your UX design portfolio?

My top tip is always to create a personal website, even if you have to pay a small annual fee. Trust me, it’s a wise investment and will pay for itself.

Websites win for me because they are easier to remember (if you have a catchy domain name—such as yourname.com), people can drop it into conversations, and you don’t need to keep sending over PDF files, saving time which can be all the difference if you’re looking for contract work.

Websites can also show more than just your work, with an about me page, blogs, videos etc. As I’ve said a few times now—showing personality is crucial in an interview process especially if you’re junior with not a lot of work to show.

Websites are fantastic to create a brand. Whoever you work for, you are a brand. You’re a self brand. You are such-and-such at a certain company. Having a website is an opportunity for you to improve your profile within the UX community. If you’re good with SEO, it can even help people to find you.

On the other hand, one of the benefits of having a PDF is that you can constantly tailor what you send over. My advice in that case would be to have a website of your best 2 to 3 projects and build an additional customized PDF if you’re targeting a certain sector/company.

Other websites which are useful are Behance and Dribbble , but personally I actually, maybe controversially, don’t recommend worrying too much about them.

Here are 9 of the best free websites for your UX/UI portfolio . This should give you a good starting point.

12. Where can you find UX design portfolio inspiration?

If you’re looking for some portfolio inspiration, I recommend you take a look at this breakdown of the very best UX design portfolios currently out there . You might also like to see the kind of portfolios that CareerFoundry UX design graduates produce —and in the video below you can watch a senior UX designer’s review of a recent graduate’s portfolio. Our friends over at UX Collective have also put together an extensive list of innovative UX design portfolios that’s worth browsing.

13. Conclusion

Ultimately, the number one way to advance your career in UX is to have a killer UX portfolio where you present yourself in the best possible light. Even senior designers need to prove what they can do. There should be no excuses to not having a portfolio, so on that note: go and create something amazing!

Further exploration

• How and when to ask for a raise (salary negotiation for designers)
• How to build amazing case studies for your UX design portfolio
• How to create a UX writing portfolio
• How to turn your passion into a design project—webinar recording

14. Frequently asked questions (FAQ) on how to make a UX design portfolio

1. How do I create a UX portfolio?

Creating a UX portfolio involves showcasing your best work through carefully selected projects with comprehensive case studies. Provide context and storytelling, organize your portfolio intuitively, focus on visual presentation, highlight your process and skills, and include results and impact to make your portfolio compelling and informative.

2. How do I start a UX portfolio for beginners?

Beginners can start a UX portfolio by working on personal projects or volunteering. Treat these projects as real-world scenarios and create case studies that explain the problem, approach, and solutions. Seek feedback from mentors and peers, iterate based on suggestions, and continuously improve your portfolio as you gain practical experience and refine your design skills.

3. What goes in a UX design portfolio?

A UX design portfolio should include project case studies that demonstrate your design process, problem-solving abilities, and outcomes. It should showcase visual examples such as screenshots or videos to highlight your visual design skills. Design artifacts like personas, user journey maps, and information architecture diagrams can provide insights into your understanding of user-centered design.

Additionally, mention your skills and tools relevant to UX design and include an about section with contact information to give viewers a sense of your background and expertise.

4. Where can I make a UX design portfolio?

There are various platforms where you can create a UX design portfolio. Popular options include website builders like WordPress, Wix, or Squarespace, which provide customizable templates and hosting services.

You can also use dedicated portfolio platforms like Behance, Dribbble, or UXfolio, which are specifically tailored for showcasing design work. Choose a platform that aligns with your needs in terms of design flexibility, ease of use, and the ability to showcase your portfolio effectively.

10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2024)

Explore these unique, standout UX/UI design portfolio examples from UX Academy graduates who landed new jobs in the field of product design.

Stay in the know with The Brief

Get weekly insightful articles, ideas, & news on UI/ UX and related spaces  – in to your inbox

Switching careers at any point is challenging.

Switching careers during a time of global and economic uncertainty is an even bigger challenge. That’s why we continue to be awed by the creativity of our UX Academy graduates who commit to pursuing their dreams of a creative career despite the challenges they face. 

As we enter a new calendar year, it's become more important than ever for new UX, UI, and product designers to enter the field with tools and training they need to stand out from the competition of entry level designers and top level talent.

A huge part of the career pivot into the world of product design includes a unique, relevant UX design portfolio. While we regularly publish success stories of UX Academy alumni that profile how and why they made their career switch to UX/UI design, we also like to spotlight a few standout portfolio examples to showcase the original, creative ways that they showcase their abilities.

With the help of mentors and career coaches, the Designlab community continues to create noteworthy portfolios. Read on to explore a selection of UX design portfolios from Designlab students— that are sure to inspire you.

What Is a UX Design Portfolio?

A UX design portfolio is a compilation of work samples that demonstrates your skills and abilities as a UX designer. It should include examples that span the UX design process for relevant projects you've worked on—research insights, concept sketches, wireframes, and prototypes.

One of the most important aspects of a portfolio is to showcase your design thinking process and results. Furthermore, the best UX portfolios demonstrate an applicant’s ability to think critically and solve problems creatively in order to come up with innovative solutions—all valuable components when it comes to hiring managers finding the right candidate.

UX design portfolios are incredibly important for job-seekers because they provide hiring managers with a glimpse into your skill set and experience. The quality of a portfolio is used to quickly weed out potential candidates whose abilities may not match the specific requirements of the job.

Read more: How to Make a UX Design Portfolio: Tips & Examples to Help You Stand Out

What Should I Include In My UX Portfolio?

When building your UX portfolio, think about the types of projects you've worked on and the skills you have developed that would be valuable to potential employers.

Your portfolio should include a mix of work samples from each part of the UX design process, such as concept sketches, wireframes, prototypes, case studies, usability testing insights, or interactive design concepts. The overall look and feel should reflect your personal style while also highlighting the technical expertise you possess. Additionally, consider including any certifications or achievements that help to bolster your credentials.

Ultimately, your goal is to create a portfolio that demonstrates both your technical proficiency as well as creative problem-solving ability. Your portfolio should be concise yet comprehensive – so don’t overwhelm yourself by trying to cram too much into one.

[MID_ARTICLE_CTA]

What Makes a Good UX UI Design Portfolio?

There are some fundamentals to include in your portfolio, from projects that align with the type of company or role you're applying for (like how Grace Guibert tailored her portfolio website to highlight the UX writing elements of each project she worked on in UX Academy).

As you create your own portfolio , it's worth remembering that hiring managers aren't looking at your UX case studies in a silo to see if they check all the right boxes—if the UX work displayed in the projects is stellar but your portfolio website as a whole contains bad UX, that can wave a red flag.

For more insight and tips on crafting an effective UX design portfolio, watch this video by Kelly Stevens, who shares her top tips for design portfolios:

Read more: 6 UX/UI Design Portfolio Builders You Should Try, From Low Effort to Highly Customizable

10 UI & UX Design Portfolio Examples

Before they can graduate from UX Academy, each student must have their design portfolio approved by a panel of experts. This helps to ensure that each student has the strongest chance of success in the job search process as they move into the Career Services phase.

Each UX designer portfolio in this roundup is unique and stands out for a different reason. But it's worth noting that each UI / UX portfolio site also embraces visual design and UX best practices to create a powerful, engaging experience for curious viewers and prospective employers alike.

Nicole Locklair, formerly in charge of Talent Partnerships and Career Services at Designlab, selected these ten portfolios to showcase, along with insights into what was particularly great about each one. (Portfolios are listed in no particular order.)

10 Great Portfolio Examples from Designlab Students

Here are some of our top student portfolios, and insights into what we particularly liked about each. (Portfolios are listed in no particular order.)

1. Jane Noh

Jane's portfolio stands up for its bold color palette, strong research, and attention to detail. Using vibrant imagery and font choices across her work, Jane creates a portfolio that is incredibly visually dynamic.

Jane also has a background in education and brings what she learned from teaching to her UX design work. This shows particularly in products such as Domokos, a responsive project geared towards helping teach math—her area of expertise from when she was an educator herself.

2. Josie Allison

We talk about keeping things clean and minimal in design, but sometimes going over the top with visual elements works out. Josie has a background in Graphic Design, and clearly illustrates her ability to surprise and delight in her own portfolio. 

Her unconventional case study presentations challenge the norms, but the details are all there for someone who wants to take the time to learn more. In a sea of grids and san serif, Josie's work is a breath of fresh air. 

3. Florinda Sgueglia

With high contrast colors and an easy-to-read case study layout, Flo’s design skills truly stand out in every part of this eye-catching, beautifully well-done portfolio. It's also clear to see that she has a background in graphic design, with fun, playful elements such as dynamic illustrations in her "About Me".

4. Paula Wrzecionowska

When recruiters or hiring managers are sifting through 50-100 UX portfolios for a single role, they may only look at one case study. Paula does a good job in her feature projects of summarizing the client/brand, task at hand, and work she did on the project in the rollover state. 

By including that information, the viewer can choose what's most relevant to them, instead of clicking on a random project that might not resonate. 

5. Gloria Ha

This is another great portfolio website that adds unexpected touches and a bold personal brand into the viewing experience. Elements on the homepage animate if you stumble across them, but aren't moving so quickly or intrusively as to detract from the work. 

'Gloria also has a good variety of work: a skincare e-commerce experience, a bank feature, and a travel booking redesign. Showing your versatility in this way can certainly help when looking for your first UX/UI design role.

6. Celia Hazard

Celia takes a fresh and unconventional approach to the presentation of her UX materials. Calling herself a "design scientist", Celia's work is heavily rooted in strong research to back up her project work. There are some bold visual choices, and Celia's well laid out case studies are comprehensive but still scannable. This is an exciting portfolio showcasing a unique perspective on UX design.

7. Jared Bartman

So many portfolios are grid images on a white page, and while there’s nothing wrong with that approach, Jared’s portfolio stands out for its light grey background and use of color in general. One important feature is the “Back to Top” button on the right-hand side of the case study pages. Instead of having to scroll all the way back to the top of the page after you’re done, he’s made it much easier to navigate and keep going. 

8. Siriveena Nandam

Another great example of how a subtle color shift can make the design that much more compelling. Siriveena also has a nice variety of projects in her portfolio. It’s tempting to only pick what you find most interesting or exciting, but in the real world, you’d be much more likely to work on a very specific feature, or for an audience you have no expertise with. It’s nice to show that you’re interested and able to design for all, and it’s great to see Siriveena reflect that here. 

9. Katherine Chen

Katherine’s portfolio is clean, consistent, and easy to navigate, with section buttons on the left-hand side of the page for navigation on the case study pages. She also shows how to feature a confidential project, which will often happen as a designer. The “Healthcare Staffing” case study shows you a bit of the branding, outlines the ask and deliverable, and when you click on it, brings you to a page where you can email her for access. 

10. Chofi Chang

Chofi's portfolio is a great study in how to display different types of projects without feeling fragmented. Chofi specializes in creating brand identity, and has project work across both UX and other types of design. The visual presentation showcases the various design projects, but still communicates a sense of cohesion.

Are you pursuing a career change into the field of UX/UI design?

If you want to create a UX/UI design portfolio that inspires, we invite you to learn more about our UX Academy bootcamp: a fully online, intensive bootcamp that equips you with the UX/UI skills and portfolio you need to launch a new career in the field of UX/UI design.

Get weekly insightful articles, ideas,& news on UI/ UX and related spaces  – in to your inbox

Launch a career in ux design with our top-rated program

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.

HOW TO BECOME A UX DESIGNER

Send me the ebook and sign me up for other offers and content on transitioning to a career in UX design.

Related posts

10 of the Best UX Design Bootcamps For 2024

How to Export Images from Figma

• Landscaping Websites
• Cleaning Websites
• Flooring Websites
• Tailor Websites
• Plumbing Websites
• Car Dealer Websites
• Funeral Websites
• Trucking Websites
• Logistics Websites
• Notary Websites
• Financial Advisor Websites
• Digital Agency Websites
• Real Estate Agent Websites
• Insurance Agent Websites
• Gym Websites
• Wellness Websites
• Hair Salon Websites
• Chiropractic Websites
• Dog Grooming Websites
• Travel Websites
• Hotel Websites
• Museum Websites
• Theater Websites
• Art Gallery Websites
• SaaS Websites
• Startup Websites
• Nonprofit Websites
• Technology Websites
• University Websites
• UX Designer Portfolios
• Web Developer Portfolios
• Student Portfolio
• Model Websites
• Art Portfolios
• Marketing Portfolios
• Squarespace Portfolios
• Copywriter Portfolios
• Interior Designer Portfolio
• Wix Ecommerce Examples
• Squarespace Ecommerce Examples
• Shopify Ecommerce Examples
• Wix Websites
• Webflow Examples
• Thinkific Examples
• BigCommerce Examples
• Kajabi Examples
• Duda Examples
• Zyro Examples
• Bluehost Websites
• ClickFunnels Examples
• Weebly Websites
• Blog Examples
• Wix Blog Examples
• Squarespace Blog Examples
• Lifestyle Blog Examples
• Food Blog Examples
• Travel Blog Examples

The 30 Best UX Designer Portfolio Examples [Updated For 2024]

Designing a beautiful, user-friendly, and interactive website can be a tough task even for many UX designers. While many designers excel at designing stunning websites for clients, they don’t pay much attention to their own portfolio websites.

A bad UX design on your UX design portfolio is one of the top reasons why you are struggling to attract clients and keep visitors.

Creating a state-of-the-art UX design portfolio doesn’t have to be a big challenge. You don’t have to spend a fortune hiring top UX designers and web developers to create one.

Simply use the best portfolio website builders for designers like Squarespace and Wix for fast creation and the top UX design portfolio examples for inspiration.

This article checks out the 30 best UX designer portfolios you can use for inspiration when creating your own portfolio.

Let’s get started.

1. Zebi Williams

Made with Wix

Zebi Williams is a UX designer with a background in entrepreneurship and anthropology. She has a strong desire to effect change in the world and make life better for others.  

Visitors can use the vertical structured navigation bar with a drop-down feature to explore every section of the page without breaking a sweat. The parallax scrolling effect gives the portfolio page a unique and sophisticated vibe.

Potential clients can click the transparent “Contact” call-to-action button on the navigation bar or use the contact form to chat with Zebi Williams.

2. Jeff Shibasaki

Made with Squarespace

Jeff Shibasaki is an Atlanta, Georgia-based senior UX writer who has worked with top brands like Disney Plus. He loves applying useful UI text and copy that guides users at each step.

I like how Jeff’s portfolio website has a simplistic layout and features vital details like storyboarding, sketches, user flows, prototypes, sitemaps, and user testing. 

The white background makes every other element attractive, giving the page a clean and elegant outlook. Prospective clients can click the supernova-colored “Contact” CTA button to chat with Jeff Shibasaki about their business goals.

3. Run Wild

Run Wild is the brainchild of Chris who has had more than a decade of experience in creating mind-blowing designs.

The first catchy element you will see on this portfolio website is an illustration of a girl riding a bear with an attention-grabbing caption. This one-page website uses large text with catchy headlines to grab visitors' attention and explore the page’s content. 

Chris displays a variety of his mind-blowing projects for brands like Playstation, Eedar, Tailhook, and Suze Orman in the work section.

4. Havana Nguyen

Havana Nguyen is a user experience designer, illustrator, writer, comic artist, podcaster, and public speaker.

The use of comic-themed drawings and engaging content gives her portfolio page a fun and lively feel that will get visitors wanting more. I find the drawings in the hero section fascinating, featuring a short summary of Havana Nguyen's skill set and passion.

You can access her social media profile via the icons on the sticky navigation bar. This element is your one-stop shop to explore every other aspect of the site.

5. Jung Hoe

Jung Hoe studied design in Chicago. He is a skilled UI/UX designer based in New York. The first catchy element on this portfolio page that stands out from other UX portfolio examples is the backdrop of beautifully animated yellow blobs bouncing around. 

I love how the customized greeting in the hero section switches between languages, making it possible for people of different races to feel welcome. 

You can use the down button to access the site's base where you will find an eye-catching “Hit Me Up!” call-to-action button leading to his email.

6. Jamie Choi

Jamie Choi is a skilled UX designer based in Northern Virginia/Washington D.C. She has a compassionate and customer-centered approach resulting in measurable outcomes.   

The first catchy element on Jamie Choi’s portfolio website is an attention-grabbing illustration of herself with an autumn color palette in its background. 

Potential clients can click the salmon-colored “Get In Touch” call-to-action button for quick and seamless access to the contact page. I love the simplicity in which she displays her projects in the case study section, making scrolling down her website a soothing experience. 

7. Lital Karni

Lital Karni is a Tel Aviv-based UI/UX designer skilled at designing applications, digital products, websites, and brand identities.

The first element you will fall in love with on her webpage is the engaging text in the hero section featuring a short biography to make visitors welcome. 

I love how this portfolio website features a flashy color scheme with multiple colors in different parts of the pages. You can use the sticky “Let’s Talk” widget for a quick chat with Lital Karni.

8. Jennifer Etsuko Higa

Jennifer Etsuko Higa is a UX designer who prides herself in creating accessible and inclusive technology in music, social work, and fitness.

I like how Jennifer uses her knowledge of design principles to fine-tune her portfolio website layout, giving it an attractive and sophisticated outlook. 

She uses stylish and straight text in multiple sections of the page to make the contents readable and visually appealing to visitors. 

Jennifer Etsuko Higa uses a three-column layout in the case study section with a black CTA button to ensure visitors can access the final product.  

9. Mike Wilson

Made with Squarespace  

Mike Wilson is a professional UX designer based in Seattle, WA. I like how he uses full-width images of himself in the hero section of his UX design portfolio example, giving the page a warm and welcoming vibe. 

Below this section, you will have details about Mike’s skillsets and a short biography displaying his passion and love for creating satisfying digital experiences.

He displayed three of his best projects vertically with full-width images as their covers, and each title is written in bold fonts to promote readability.

10. Ron Rowald

Ron Rowala is a skilled UX designer with a background in visual design, and a knack for playing the guitar. 

The parallax scrolling effect on the webpage makes all the flashy elements like graphics designs and illustrations attractive to visitors. 

Ron uses a one-column layout to display his case studies with a thumbnail feature that allows potential clients to explore each project independently. I like how he uses a slideshow to display the top clients he has worked with and his outstanding projects. 

Made with Webflow

Mizko is a professional UX designer, agency owner, founder, and educator at Designership. What makes it unique from other UX design portfolio examples is that every detail required to navigate is in the hero section. 

I like how Mizko's portfolio page features various interactive elements such as a dark-themed background video. Interested visitors can use any of the CTA buttons to get in touch with Mizko for a quick chat or sign up for UX design courses.

12. Dalya Green

Dalya Green is a skilled interaction designer, and passionate about UX, research, and human-centered design.

I like the simple approach applied in the design layout, making it easy for potential clients to check out its contents in a breeze. This webpage opens up with a short yet insightful biography of Dalya Green .

The case study section is concise and allows visitors to peek into the project content before clicking. You can get more information about Dalya Green in the info section.

13. Olivia Truong

Olivia Truong is a skilled product designer based in New York. I love how Truong’s UX portfolio website displays projects in a simplistic yet engaging fashion that's capable of compelling potential clients to explore her portfolio. 

She uses a hamburger navigation bar on the landing page to aid the seamless exploration of this UI design portfolio example fun and seamless. 

The site footer contains vital elements like four social media icons linking to her online profile. Her page contains attention-grabbing visual elements that give the site a welcoming vibe. 

14. Vera Chen

Made with Webflow  

Vera Chen is a UX/UI designer and former Facebook intern. She is a senior product designer at Zoom and has a Master’s degree in Human-Centered Design and Engineering.

What I love about this senior UX designer portfolio is its minimalist and colorful layout with stylish fonts and visually appealing content that attracts visitors. 

Vera Chen’s home page features a three-column layout that features a thumbnail effect linking to her project pages. You can use the sticky navigation bar to explore the two main pages of Vera Chen’s website portfolio.

15. Moritz Oesterlau

Moritz Oesterlau is a Germany-based multi-skilled UX/product designer. He is skilled in interface design and front-end development.

The hero section of his portfolio showcases heartwarming content about Moritz's biography featuring his design skills and details about his personal style.

Exploring the three-column UX case studies layout is possible by clicking the back-colored CTA button that transports you to another page where you will get more details. 

I like how Moritz uses still and motion graphics in his own UX design portfolio site to draw attention to the site's contents.

16. Peter Noah

Peter Noah is an experienced designer, art director, and creative director who has in-depth knowledge of product design.

This UX portfolio site has a unique web design with engaging text and a colorful design layout that is sure to get visitors exploring other pages.

The hero section features simple yet informative details that sum up Peter Noah’s biography and his current location. 

Visitors can use the sticky navigation bar to explore their personal website seamlessly. Potential clients can click the black-colored CTA button to access the contact page.

17. Josie Allison

Josie Allison is a skilled UX/UI designer with experience working as an editorial designer, brand designer, and web designer.

I like how interactive her portfolio page is with various motion graphics, stylish and engaging texts, and high-quality images in the case study section. She uses blue and red as the site’s dominant color.

The case study section features multiple flashy elements such as pop-up images , chronological arrangements into seven columns, and multiple call-to-action buttons. 

18. Gloria Ha

Gloria Ha is a Phoenix, Arizona-based product manager with great problem-solving skills. She is an experienced visual designer, project manager, marketer, and researcher.

I like how she implements strategic design elements on this UX portfolio example page such as animations to grab attention. The use of white space helps to create visual balance and enhances the level of readability, making it possible to explore the site in a breeze. 

Additionally, the “Featured Works” section displays her top case studies vertically with each section possessing a blue colored CTA button for access.

19. Sophie Brittain

Sophie Brittain is a New York-based product designer with one of the best UX portfolios that portrays her ability to think critically and solve problems creatively.

This minimalist design layout employs a strategic application of its white spaces making every other relevant element pop and visible to prospective clients. Sophie features her projects with top brands she has worked with like Cadillac Fairview, Kia, and Agriculture, Redefined.

Interested visitors can visit her social media accounts and check out her resume by clicking on any of the links on the site’s footer.

20. Aurora Shao

Aurora Shao is currently a designer based in New York. She is a skilled UX designer & urban thinker with a knack for the final designs of cities and structures.

Her portfolio website has a modern look with beautiful arrangements of every visual element which results in creating a unique visual identity. The homepage features a flashy layout with multiple bright and visually appealing colors which gives the portfolio page a lively vibe.

Interested visitors can click any of the case studies to get more information about the UX project because of the thumbnail effect.

21. Kimberly Kim

Kimberly Kim is a skilled freelance UX designer and a full-time UX writer at Google. She is into technical writing and content creation.

Her portfolio website pages feature various details about her works and projects. I love how every case study comes with detailed process narratives and interactive prototypes that will wow visitors and potential clients.  

The slideshow below the hero section features Kim’s launched projects in UX writing which she accomplished at Google. I like that she uses a gradient-colored palette in the site’s footer. 

22. Paula Wrzecionowska

Paula Wrzecionowska has close to a decade of experience as a UX designer. She is an Interactive Designer at Vectorform, an NTT Data Company.

I like how she uses colorful themes to make her portfolio stand out and appeal to visitors and prospective employers. The dominant colors on the website include dusty orange, merino, beauty bush, peach orange, and mercury.

The visual design on her portfolio page is engaging. She displays her projects in three sections with full-width images as its cover and a thumbnail effect to access its content.

23. Alex Lakas

Alex Lakas is an experienced product designer with over a decade of expertise. He specializes in visual design, prototyping, and art direction.

His portfolio webpage has a simple yet engaging design layout with multiple high-quality images as covers of each of her projects and client catalog. The dark background makes the elements on the web page pop for prospective employers to explore.   

You can use the sticky navigation bar at the top and base of the site to explore other pages and access Alex Lakas’s social media account.

24. Kristian Tumangan

Kristian Tumangan is a California native who started his journey as a self-motivated designer, with several years of in-house and agency design experience.

The hero section features a blurred image and a Kristian Tumangan name and initials written in bold white fonts making it a visible and welcoming effect. You can click the “View My Work” call-to-action button with a hover effect to dive into Kristian’s project page.

I like how Kristian uses a four-column layout in the case study section to display his projects engagingly, and each item has a thumbnail feature. 

25. Jeremy Stokes

Jeremy Stokes is a product designer at Duolingo. He has a special passion project called Cultivate which is centered around mental health.

I like how simple yet colorful and interactive Jeremy Stokes's UX portfolio website is. The hero section is a high-quality picture of Jeremy with a graphics background and a short summary of his biography, skill sets, and area of interest.

As you scroll further, you will see the simple layer-by-layer arrangement of his case study in a vertical layout. Each case study column features details about the project and displays multiple colors as you scroll. 

26. Adithya Holehonnur

Adithya Holehonnur is currently a senior designer at Microsoft who believes the only way to create seamless user experiences is by stepping into the user's shoes.  

I like this portfolio site’s minimalist approach featuring few details on the home page and a strict use of its white space. The entire web page is divided into two separate pages which include the home page and the about page.

Adithya Holehonnur's webpage features several deliverables that visitors and potential employers can explore by clicking any of the project thumbnails. 

Amy Wu's UX design portfolio checks all the right boxes for attracting well-paying clients willing to give her a shot. Her page features a black-colored navigation bar that displays Amy Wu’s initials and links to the home page.

I like how interactive the texts on the homepage are, which is one of the compelling factors on the page. In addition, the high-quality images help to give life to the page, making it fun rather than boring.

28. Daniel Novykov

Daniel Novykov is a professional UX/product designer who has over a decade of experience in web development.

This UX design portfolio example has a fun, friendly, vibrant, and modern outlook that will get visitors glued to the page because of its fascinating elements. 

I like how Daniel uses different tones of gray in the background with bright splashes of color like blue, green, orange, and black. 

My favorite aspect of this one-page website is how he strategically displays the UX design process for relevant projects in a visually appealing fashion.

29. Siriveena Nandam

Siriveena Nandam is a UX designer who loves to create data-driven solutions to elevate human experiences. She has a background in Psychology.

Her portfolio website has a unique design with more engaging elements than other UX portfolios. I like how the page opens with a short summary of Nandam's biography and her driving force in the design world. 

As you scroll across the site, you will see a catalog of projects that take center stage of this portfolio website with high-quality images.

30. Gautham Mukesh

Gautham Mukesh is a full-stack designer who applies user research, and side-project tools to create captivating digital experiences. 

The sticky navigation bar on the web page features three unique call-to-action buttons with a hover effect linking to “Project, Design Process, and Contact Pages.” Potential clients can access any of the pages for insight into Gautham projects.

While scrolling, you will love how the site features multiple columns of contents with a thumbnail effect which helps to bring visitors closer to him. The contact form is at the site’s base for quick and seamless contact.

UX Design Portfolios FAQs

Yes, you need a professional UX portfolio website to showcase your skills and convince employers of your value. If you want to increase your chances of attracting recruiters and landing a well-paying job, a well-structured website highlighting your skills, samples, and experience is essential. 

The vital elements you must include while creating your UX design portfolio are your best UX design projects. elevator pitch, personal bio, contact info, and relevant social media links where your work features.

The best website builders for creating state-of-the-art UX portfolios include Squarespace and Wix. They come with custom UX portfolio templates and other relevant design tools that make the building process seamless and effective. 

Explore Further

• User Experience Statistics
• Portfolio Website Templates
• Examples of Web Developer Portfolios
• Developer Portfolio Website Templates
• Web Designer Portfolio Website Templates
• Portfolio & CV Website Templates

Designer Portfolio

Web Designer CV

UI-UX Designer CV

Web Designer Resume

Product Designer Portfolio

Blog Website

WEBSITE ESSENTIALS

15 best UX portfolios and what we can learn from them

• Talia Cohen
• 12 min read

Get started by: Creating a portfolio → | Getting a domain →

An online portfolio is a must for designers at all career stages, from entry-level freelancers to senior staff designers. Potential clients or employers expect to see a portfolio showcasing your design skills before they make a hire. As a designer it's a type of website to make to showcase your work.

Has your curiosity piqued? Continue scrolling to view 15 of our favorite UX design portfolio examples: Feast your eyes on their impeccable design, learn from best practices and get inspired to create a website of your own.

What is a UX design portfolio and why do you need one?

Any designer working in their respective industry must have a professional portfolio . For UX designers, a portfolio is a chance to present your best work, creative process and personality. You can also provide in-depth case studies that communicate how you facilitate a user experience. However, all UX design portfolios need to balance an engaging visual experience with one that enhances usability.

15 UX portfolio website examples

This curated list of best portfolio websites highlights some of the best practices these pro UX designers have implemented on their Wix sites. Take these into account when creating your own UX design portfolio.

Sophie Brittain

Diana Tatarenko

Run Wild Studio

Saloni Joshi

Dalya Green

Lital Karni

Sophie Westfall

Michaella Twersky

Gautham Mukesh

Zebi Williams

Jennifer Etsuko Higa

Tania Soraya

Sophie Chen

01. Sophie Brittain

Digital and branding designer Sophie Brittain has crafted an inviting, spacious design on her UX portfolio. A visual of brightly colored abstract shapes appears at the top of her homepage. The motif repeats throughout her portfolio, helping to define a distinct personal brand.

Key design takeaways from Sophie Brittain’s UX portfolio

Sophie utilizes the website's top fold to introduce herself and briefly clarify her areas of expertise. Stating her name and creative discipline within the field of design in large typography, site visitors won’t miss this essential information. She’s also added a friendly “hello!” and a personal touch in the form of custom icons.

When you put your own portfolio together, make your personality and expertise clear. Prospective employers and clients will likely look through dozens of UX portfolios in addition to your own, so add personable touches to make yours stand out.

02. Diana Tatarenko

This 2021 Wix Playground Academy participant created a mesmerizing UX portfolio using clean lines and simple colors. The addition of a whimsical, lime green font gives off a playful vibe.

Key designtakeaways from Diana Tatarenko’s UX portfolio

The highlight of Diana’s website is its “Work” section, which not only displays her recent projects, but also explains her process. Each project outlines the problem the client faced and explains how Diana solved it through design. She shows visitors her vision, thought process and images to support each step—offering a comprehensive overview of her creative workflow.

Your portfolio is a chance to be transparent with your clients before you even meet them. By showing how you overcome challenges and solve problems when creating your final product, clients will have more confidence in your approach.

03. Run Wild

Run Wild’s UX portfolio offers an almost interactive experience, using a video background to serve as the site’s welcome screen. A tagline is written in block white letters with a button that begins the user journey placed below, starting with the designer’s bio. The entire site is whimsical and informative, plus it's a breeze to navigate through. Run Wild allows his artistic talent to shine through the use of a hamburger menu, large typography, scrolling effects and images of his design projects.

Key design takeaways from Run Wild’s UX portfolio

Run Wild uses two forms of navigation. The first is a hamburger menu, placed in the upper left corner. There is also a horizontal navigation menu in the website footer, with each menu item written across the bottom of the page.

Take Run Wild’s lead and make all the information visitors need accessible through simple and clear navigation. If someone has to hunt for your resume or contact information, they may give up and leave your site.

04. Saloni Joshi

This straightforward UX portfolio contains a spacious top fold dedicated to a short, introductory paragraph and links for getting in touch with Saloni . Further down, you’ll find her showcased projects.

Key design takeaways from Saloni Joshi’s UX portfolio

Saloni includes quality written content on her UX portfolio, presenting all the most crucial information in an easy-to-read and familiar (yet professional) tone.

Similarly, you should use written content to clarify your information (like your name and current employment status), as well as highlight opportunities of interest and project details. Like Saloni, strategically place these essential details on your portfolio using a readable font and minimal amounts of text. Visitors will want to find the details they need quickly without having to search. Additionally, we suggest adding your CV directly to the website’s menu.

05. Dalya Green

Dalya Green’s one-page UX portfolio certaisonly packs a punch, leaving visitors with a well-rounded impression of her work and vision. The site is full of fun, engaging elements like the gradient background, whose color scheme visitors can change on their own.

Key design takeaways from Dalya Green’s UX portfolio

Dalia includes a white button with the words “Click to see some fun facts” on the top fold of her site. Upon clicking, five more colorful circles open up, overlapping her intro with fun facts including her morning routine and her Netflix vibe. She even has another pink button at the bottom of her page in the “Info” section that says, “Missed the fun facts?” When visitors click, the same facts appear overlaid across the screen. This creatively grabs visitors attention and entices them to continue exploring.

As a UX designer, your job entails creating smooth and effortless digital interaction, so make your portfolio an engaging experience. When you allow visitors to not simply observe your portfolio, but interact with it in unusual ways, it shows off your creativity and design skills—offering a sneak peek at what they can expect from your work. In addition, it makes your portfolio unique and memorable.

06. Lital Karni

The energetic combination of colors stands out on Lital Karni’s professional portfolio, making the top fold appear both sophisticated and playful. The layout on the homepage is simple with an organized fullscreen grid. Lital has carefully matched a different background to each project, while also creating a cohesive homepage aesthetic.

She has also created a custom logo design that stays fixed to the screen and acts as a convenient link to her homepage. Thanks to its subtle glow, the letterform logo remains visible against any background color.

Key design takeaways from Lital Karni’s UX portfolio

Lital has used a combination of techniques for displaying contact details and allowing visitors to contact her. For example, a “Let’s Talk” button is fixed to the screen as you browse through her portfolio, tempting site visitors to reach out. Clicking it will take you to a contact form at the bottom of the page. On top of this, she’s added her email, phone number and social links on her About page, ensuring that visitors have no problem getting in touch.

When you make your own UX portfolio, make sure your contact details are visible. After all, the goal of your personal website is to draw attention to your works and ultimately get hired. Make it easy for employers or clients to get in touch by including all the necessary information in an easy-to-spot location—either on a dedicated contact page or via your website footer or About page. You may also consider adding your email address, phone number and links to your social channels.

07. Jung Hoe

UI/UX designer Jung has created three simple pages on his UX portfolio (Work, About, and CV) which visitors can easily navigate through in the upper right corner menu. When landing on this site, viewers are initially taken to Jung’s Work page, which also acts as the site’s homepage.

Key design takeaways from Jung Hoe’s UX portfolio

Jung's bright yellow portfolio not only grabs your attention, but gives you a glimpse into his upbeat personality. In addition, an animated background of yellow spheres falling from the top of the screen introduce Jung along with rotating greetings in 13 different languages. English greetings include “Hi there!” and “Howdy partner!” and instantly allow visitors to emotionally connect with this designer.

Jung Hoe’s website exemplifies how a UX portfolio can extend your design brand. The look, colors and tone of voice remain consistent on each page and even extend to his CV. Jung's unified brand identity creates a memorable impression that helps visitors understand what to expect from him and his work.

08. Sophie Westfall

A primary tenet of Sophie Westfall’s work relates to dealing with mental health and supporting nonprofit agencies. Following this principle, she incorporates calming color tones and soothing imagery so that visitors “feel calm and safe” while looking through her work. An old black and white photo of her family sits next to a brief introductory paragraph, and a small black and white butterfly flutters in the lower left hand corner.

Key design takeaways from Sophie Westfall’s UX portfolio

Clean, symmetrical lines outline Sophie’s projects on a beige background. Her digital projects appear on a desktop, tablet or cell phone screen, conveying her ability to tailor her work to any device. The three digital showcases Sophie has chosen to feature also include props that emphasize the final product design. The right-sized images don't overwhelm site visitors, but still show off the detail of her work as well as her obvious talent.

Display your work how you want viewers to see it. Sophie’s UX portfolio shows us how to beautifully showcase work on an intended platform. If a project has both a mobile and desktop design, feature both assets so potential clients can see your full range of talent.

09. Michaella Twersky

Product designer Michaella (Miki) Twersky’s portfolio has a classic look, but it simultaneously conveys her unique personality. Miki has added a hover effect on the images on her homepage. While the images first appear in black-and-white, they saturate with color when hovered over. This helps visitors focus on the specific project they’re viewing, improving their browsing experience.

Key design takeaways from Michaella Twersky’s UX portfolio

While it makes a big impression, Michaella’s portfolio only highlights six of her best projects. Since your UX portfolio show off your best skills, you don’t need to include everything you’ve worked on throughout your career. When choosing which of your own projects to display on your portfolio, include only your favorites or those that reflect the type of work you'd like to do in the future.

10. Gautham Mukesh

This UX portfolio example perfectly reflects Gautham Mukesh’s sleek and modern design style. The dark mode-inspired color scheme is paired with clean fonts and perfectly implemented animated trigger effects to convey that this UX, product and web designer cares creating a user-friendly browsing experience.

Key design takeaways from Gautham Mukesh’s UX portfolio

Less is more. Your portfolio should highlight both your design personality as well as your work. But don’t forget the importance of white space—that is, empty space that will help draw peoples’ eyes to your strategic content.

Gautham's clean and simple website emphasizes only vital components of his work. And although it’s easy on the eyes, Gautham’s web design is still rich with sophisticated design features like customized imagery, parallax scrolling and a convenient QR code for getting in touch.

11. Zebi Williams

Starting with a striking hero image, Zebi's UX portfolio takes visitors through a seamless journey to discover the designer's work, experience and processes. Overall, Zebi's site supports important written information with visual details, like color, animation and imagery.

Key design takeaways from Zebi's UX portfolio

Zebi's engaging portfolio delights first-time visitors. A map tracks a user's location as they scroll through the site’s homepage, encouraging continued exploration. Each section of the UX portfolio has value—whether it's detailed case studies, testimonials, supportive imagery or contact details.

12. Jennifer Etsuko Higa

Jennifer's UX portfolio has a trendy 90s vibe thanks to unfiltered imagery, use of a serif font and the vintage feel of her warm color scheme. While it's clean and easy to read, Jennifer's homepage proves that you can make a bold statement with minimalistic elements.

Key design takeaways from Jennifer’s UX design portfolio

Use your knowledge of design principles to fine tune your layout. Jennifer uses her understanding of complementary colors and their effect on the visitor to create a seamless user experience that engages without overwhelming or distracting.

13. Tania Soraya

Tania uses a combination of earthy, neon and neutral colors on her website to foster a more attractive experience. Tania showcases just three core projects she's worked on recently to give visitors a focused overview of her work. Using a friendly written tone and emojis throughout, Tania seems approachable, encouraging visitors to reach out for more details.

Key design takeaways from Tania’s UX design portfolio

Tania’s site uses minimal visual and written content, but communicates a clear vision of her modern style. The simple, clean layout paired with a mesh gradient background emphasizes her personal style.

Sometimes, a good website background is all you need to let your personality shine. In Tania's case, the sophisticated gradient proves two things: First, Tania definitely has her finger on the pulse of web design trends. Second, she's not afraid to jump outside of the box.

14. Madison Yn

It’s the little things that make a site more attractive for visitors. Here, Madison implements strategic design elements that please the eye—like animation to grab attention and white space to create visual balance. Additionally, the use of large typography enhances the level of readability, making the site a breeze to scroll and read through.

Key design takeaways from Madison's UX portfolio

The top fold of your homepage is visible as soon as visitors reach your site. Since it takes only seconds to make an impression on a user, treat it as valuable web design real estate.

Madison takes full advantage of this concept. The top fold of her home page is rich with color. It includes a short professional bio, CTAs and a succinct navigation menu. On top, Madison's animated logo makes a striking impact to the overall design.

15. Sophie Chen

We appreciate how Sophie Chen’s UX portfolio gets straight to the point. The timeless web design dives right into a display of work experience examples, starting at the top fold of her homepage.

Each piece of her portfolio examples includes a title, short summary and a button that leads to the “case study.” Visitors have the option of learning more about Sophie’s process and the specific tools she used for each project.

Key design takeaways from Sophie Chen’s UX design portfolio

The straightforward layout used on Sophie's portfolio translates well on mobile devices. The same information viewed on the desktop version can be comfortably accessed from a smaller screen. The content fits perfectly into the user interface, especially thanks to the hamburger menu which allows more room to display each page's content.

When creating a UX portfolio of your own, make sure you use either adaptive or responsive design methods to perfect the mobile version. And with almost 60% of online traffic coming from mobile devices , you'll avoid missing out on customers who discover your portfolio on-the-go.

What makes a good UX portfolio?

A strong UX portfolio not only demonstrates your expertise but also tells a compelling story that resonates with potential employers or clients. To achieve this, each project should include a comprehensive case study outlining the design process from research and ideation to prototyping and testing. Highlight your results and impact metrics to showcase the effectiveness of the designs in improving user experiences. Make sure to use personal branding and storytelling as well as accessibility and responsiveness so that your portfolio is inclusive and optimized for all users.

To stand out, you should regularly update and refine your portfolios, incorporating new projects and skills while seeking feedback for continuous improvement. By showcasing a diverse range of projects, emphasizing user-centered approaches and infusing personal branding, you can effectively communicate your expertise and passion for creating exceptional user experiences, ultimately attracting opportunities for career advancement.

10 best practices for your UX portfolio

After drawing inspiration from fellow creators and other UX research websites , gather your takeaways and craft your own online presence. Here are the essential design portfolio tips to learn how to make a portfolio from the selection of UX industry examples above:

Make it instantly clear who you are and what you do.

Be easy to contact.

Present your portfolio with high quality imagery.

Describe your work using succinct copy.

Present your process, and not just your final product.

Use your website to establish your brand.

Add an updated copy of your CV.

Mention the basic details of each project.

Only include your best work.

Make sure your site looks good on mobile.

How to make a UX portfolio website on Wix

Ready to start a portfolio of your own? Take these steps to learn how to make a website . You can start with portfolio templates to speed up the process or hone your design skills and make one from scratch. Once you've laid a foundation, customize your UX portfolio keeping best practices in mind.

Choose a portfolio website template

Personalize your site with website design features

Dive into the Wix Editor to drag and drop your elements into place

Upload your media

Add an About page

Add a Contact Form

Publish and promote your site

"You can use the template as a starting point in different levels of design - from using it as a layout base or as a wireframe; taking design language and colors as inspiration; using the site structure and content offering; or taking it as it is and just replacing your content. You can get very creative and different results from using a template and it can save a lot of time and effort."

Dafna Rabin, Template Design Team Lead at Wix

UX portfolio FAQ

What does a ux portfolio consist of.

A UX portfolio should showcase your best work through carefully selected projects with comprehensive case studies. It should include the following elements:

An About Me page that introduces you and your work.

Case studies that detail your design process, problem-solving abilities, and outcomes.

Visual examples of your work, such as screenshots or videos.

Design artifacts such as personas, user journey maps, and information architecture diagrams.

Your skills and tools relevant to UX design.

Contact information so potential employers can reach you.

How do I start a UX portfolio for beginners?

How do you make a killer ux portfolio, do ux designers need a portfolio, related posts.

Best portfolio websites to fuel your inspiration

17 best portfolio layouts for creative professionals

15 illustration portfolios that are brimming with talent

Was this article helpful?

UX Design Mastery

Get started with a career in UX Design

ux portfolio presentation examples

UX Case Study Example #2 plus free template

You may be wondering how should you organize a large amount of project information in a case study so that it isn’t overwhelming to recruiters? What information is vital to include in a portfolio case study? Or maybe you are just struggling to bringing together your wireframes, strategies and sections into a clean, attractive narrative. […]

UX Case Study Example #1 plus free template

How to fill in the UX Portfolio Case Study template from scratch and I will use an example UX case study from my portfolio.

UX/UI projects for beginners #4: Agency website

This is the fourth design portfolio project for UI and UX designers. A detailed client brief that is time-boxed, detailed, and crafted to give you a hands-on experience of doing a real project. Each portfolio project is meant to help you create work you can add to your portfolio. The other projects in the series […]

UX Portfolio Case Study template (plus examples from successful hires)

Your portfolio is the most critical piece of the puzzle when it comes to selling your design skills to recruiters and clients. It’s the single most vital component of any design career move you will ever make. A UX case study is a detailed but summarized presentation of a design project, its goals and objectives, […]

UX/UI portfolio projects for beginners #3: Travel App

This practice project/Client brief is the third one in this series from UX Design Mastery after the one for a Blog website and an eCommerce project. Design Portfolio Projects Blog website Design Portfolio Projects eCommerce Design portfolio projects for UX and UI designers Included in each design brief is the following: Objectives (What is REQUIRED […]

UX/UI portfolio projects for beginners #2: eCommerce site

One of the greatest challenges with transitioning into a UX/UI design role without any design work experience or educational background is proving your skills to a prospective recruiter or client. This is the second project in the series after UX/UI portfolio projects for beginners #1 Blog Website You may have already read up online on […]

UX/UI portfolio projects for beginners #1 Blog Website

One of the hardest things to do when starting your design career is to create a design portfolio of impressive work. But many have not had any substantial design work experience and the UX/UI projects they have done, are not worth putting up. The Dribbble portfolio work they have is beautiful but often not technically […]

How To Format Your UX Portfolio

Have you been applying for jobs to keep getting ghosted? Sucks, eh?

Christopher Nguyen

What format should your UX portfolio be in?

The key to pivoting your career into the design world includes having a unique and relevant UX portfolio — you’d want to stand out from any possible competition from entry-level designers to industry ‘hot shots’.

And frankly, the ‘right’ format sometimes depends on the preference of the interviewing company. So it is up to you to present your portfolio and wow the company you’re applying for.

Your portfolio essentially is a compilation of work samples that demonstrates your skills, ability, and worth as a designer. And in addition to the final product, you should include examples that span the whole design process from research insights, sketches , wireframes , etc. The work that you present will ultimately determine how employers and clients view you, and whether they’ll consider you for the job or not.

🔸 Remember: You want to showcase both your design thinking process and results.

Two most common portfolio types

There are infinite options available to build your online portfolio. Picking the right platform to create and host your portfolio depends on the cost, effort to publish, design flexibility, industry standard, and tech savviness. Now, here are the two primary portfolio formats that might work for you:

Portfolio Websites

Some of the online portfolio tools that I recommend:

• Notion : Simple & minimalist, writing focus interface, easy to use & launch.
• Typedream : Simple, writing focus interface, connects with Notion, drag & drop website builder, easy to use & launch.
• Webflow : Drag & drop website builder with great flexibility on the look & feel, good options of animations & themes, requires some effort to learn the platform.
• Squarespace : Easy to use, drag & drop website builder, decent theme library, requires limited tech knowledge.

💡 Must-haves:

• [ ] Homepage / About — a concise introduction
• [ ] UX case studies x 3
• [ ] Contact information — email address, phone number, etc.
• [ ] Links to Resume, LinkedIn, and other sources (Medium, Dribbble, etc.)

✅ A portfolio must be:

• [ ] Personal — Who you are, your education & experience, what makes you different
• [ ] Accessible — Link to download or access online, good color contrast
• [ ] Aesthetic — Visually pleasing and consistent
• [ ] Usable — Easy-to-navigate, easy-to-understand writing
• [ ] Highlights — Your 3–5 best case studies, side projects

Portfolio PDFs

Fool-proof tools for your offline portfolios:

• Pitch: Design-focused presentation builder, visually appealing templates, easy to share and download as PDF with logo.
• Google Slides: Easy to use and quick presentation builder, needs more design effort & customizations, easiest to share & download.
• Keynote: Easy to use and quick presentation builder, needs more design effort, easy to download. Accessible only for iOS.
• Canva: Design-focused builder with a great selection of assets & templates.

👉 Must-haves:

• [ ] Cover page — first impression
• [ ] About section — a concise introduction
• [ ] UX case studies x 3 — several pages per project
• [ ] Final page — Thank you, contact information
• [ ] Personal — Who you are, what makes you different
• [ ] Accessible — Small file size, upload to cloud storage and send a link to download
• [ ] Usable — Easy to read and understand
• [ ] Highlights — Your 3–5 best case studies, side projects </aside>

Great UX portfolio examples

Here are some great portfolio examples to inspire you this year:

• https://inesmir.com/
• http://karoliskosas.com/
• https://www.dejan.works/
• https://fabiopereira.world/
• https://www.galaxia.design/
• https://www.ethanrileymiller.com/

🔸 Here’s my portfolio https://cjh.design/ , however my audience might be slightly different from yours. I am aiming for CEOs, Founders, and VPs of UX.

Key takeaways

Great portfolios show recruiters and hiring managers /teams how a skilled, proactive, collaborative designer, like yourself, can add value to the organization.

Instead of treating it like a one-time project, embrace the spirit of iteration, and create an MVP (minimally viable product or portfolio). Make it good enough now and always improve it later.

Let’s Connect

👥 LinkedIn | 🎥 YouTube | 🧵 Threads | 🐦 Twitter | 📸 Instagram 📩 Newsletter | 💻 Website

📥 Email [email protected] if you have any questions, feedback, or suggestions.

Hey 👋 I’m Chris, the Founder of UX Playbook .

Here’s more about me:

👨‍🏫 I’m a Ex-Head of Design, with 10 years of experience in tech, building products & teams

🦄 I worked with Fortune 100s like Google, Nike, Coca Cola, 21st Century Fox, and startup unicorns

👨‍👩‍👧‍👦 I’ve built a community of over 62,000 designers

🤝 I’ve supported over 11,000 designers with my free UX resources, blog posts, and mentorship

🚀 I’ve been the founding designer for 8 startups

💸 I previously grew my own freelance one-person UX consultancy to $26,000/month then burnt out

Want more from me? Follow me on LinkedIn .

Written by Christopher Nguyen

I help UX designers go from Fuzziness to Focused to Freedom

Text to speech

• Reviews / Why join our community?
• For companies
• Frequently asked questions

UX Daily: The World’s Largest Free Online Resource on UX Design

Top ux design articles, the 5 stages in the design thinking process.

• 1.8k shares

What is Design Thinking and Why Is It So Popular?

• 1.6k shares

Personas – A Simple Introduction

• 1.5k shares

Bad Design vs. Good Design: 5 Examples We can Learn From

10 Great Sites for UI Design Patterns

• 1.4k shares

Latest UX Design Articles

Land that job: what top design leaders really look for in a portfolio.

Design with Intent: Craft Your Portfolio with Visual Storytelling Tools

Keep it Confidential: How to Showcase Your NDA-Protected Design Work

Turn Your Non-Design Experience into Design Portfolio Gold

Grab Hiring Managers’ Attention with Your Design Portfolio Right From the Start

Top UX Design Topics

Design thinking (dt), stage 2 in the design thinking process: define the problem and interpret the results.

• 1.3k shares

What is Ideation – and How to Prepare for Ideation Sessions

• 1.2k shares

User Experience (UX) Design

Apple’s product development process – inside the world’s greatest design organization.

What is Interaction Design?

How to Change Your Career from Graphic Design to UX Design

Shneiderman’s Eight Golden Rules Will Help You Design Better Interfaces

Graphic Design

Repetition, pattern, and rhythm.

Recalling Color Theory Keywords: a way to refresh your memories!

• 1.1k shares
• 4 years ago

Color Theory

The key elements & principles of visual design.

Dressing Up Your UI with Colors That Fit

• 3 years ago

UI Color Palette 2024: Best Practices, Tips, and Tricks for Designers

User Interface (UI) Design

User interface design guidelines: 10 rules of thumb.

Privacy Settings

Our digital services use necessary tracking technologies, including third-party cookies, for security, functionality, and to uphold user rights. Optional cookies offer enhanced features, and analytics.

Experience the full potential of our site that remembers your preferences and supports secure sign-in.

Governs the storage of data necessary for maintaining website security, user authentication, and fraud prevention mechanisms.

Enhanced Functionality

Saves your settings and preferences, like your location, for a more personalized experience.

Referral Program

We use cookies to enable our referral program, giving you and your friends discounts.

Error Reporting

We share user ID with Bugsnag and NewRelic to help us track errors and fix issues.

Optimize your experience by allowing us to monitor site usage. You’ll enjoy a smoother, more personalized journey without compromising your privacy.

Analytics Storage

Collects anonymous data on how you navigate and interact, helping us make informed improvements.

Differentiates real visitors from automated bots, ensuring accurate usage data and improving your website experience.

Lets us tailor your digital ads to match your interests, making them more relevant and useful to you.

Advertising Storage

Stores information for better-targeted advertising, enhancing your online ad experience.

Personalization Storage

Permits storing data to personalize content and ads across Google services based on user behavior, enhancing overall user experience.

Advertising Personalization

Allows for content and ad personalization across Google services based on user behavior. This consent enhances user experiences.

Enables personalizing ads based on user data and interactions, allowing for more relevant advertising experiences across Google services.

Receive more relevant advertisements by sharing your interests and behavior with our trusted advertising partners.

Enables better ad targeting and measurement on Meta platforms, making ads you see more relevant.

Allows for improved ad effectiveness and measurement through Meta’s Conversions API, ensuring privacy-compliant data sharing.

LinkedIn Insights

Tracks conversions, retargeting, and web analytics for LinkedIn ad campaigns, enhancing ad relevance and performance.

LinkedIn CAPI

Enhances LinkedIn advertising through server-side event tracking, offering more accurate measurement and personalization.

Google Ads Tag

Tracks ad performance and user engagement, helping deliver ads that are most useful to you.

New to UX Design? We’re Giving You a Free ebook!

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

Advisory boards aren’t only for executives. Join the LogRocket Content Advisory Board today →

• Product Management
• Solve User-Reported Issues
• Find Issues Faster
• Optimize Conversion and Adoption

Crafting a strategic UX roadmap: Key components and best practices

What is a UX roadmap?

When it comes to enhancing the user experience (UX) of a product or service, having a well-defined plan is crucial. This is where the concept of a UX roadmap comes into play. Think of a roadmap as a comprehensive blueprint that outlines the necessary improvements and priorities that need to be addressed. In a nutshell, a UX roadmap serves as a bible of the vision of what kind of experience your company wants to deliver to the users.

A more formal definition would be the following from Nielsen Norman : “A UX roadmap is a strategic, living artifact that aligns, prioritizes, and communicates a UX team’s future work and problems to solve. A UX roadmap should act as a single source of truth representing your UX team’s North Star. It helps your designers, researchers, developers, and stakeholders align around a single vision and set of priorities.”

In other words, a UX roadmap is a bible of a company’s vision of user experience. That’s why we’ll cover it today. But first, let’s go over its significance in company strategy.

Why is a UX roadmap important?

Gathering intel for a roadmap, creating themes with nn group’s advice, prioritization with the moscow method.

• Incorporating KPIs and evolving your roadmap for the next iteration

Resources for each step of developing a UX roadmap

The success of a project means bringing together different people, with different objectives, to design something.

The founders of a startup, the designers, and the developers don’t have the same objectives, and it would be naive to think otherwise. The founder will want a product that breaks into the market, that sells well. The designer will want innovative, user-centered design, and the developer will want code that is both easy to manage and robust in the face of change. Compromises often have to be made between optimal design, the difficulty of coding it, and the need to release new features quickly.

The UX roadmap will serve to ensure that the company’s vision, which topples that of individuals, is clearly understood and taken into account by all players. This vision needs to be defined and shared by all stakeholders, from designers to developers. Regrouping ideas, methodologies, and histories of UX evolution enables the evangelization of UX design within companies. Using a UX roadmap means maximizing both business and user experience.

Establishing goals

Why is a roadmap essential from a business perspective? Creating a roadmap serves as a foundational step in setting clear objectives. Whether applied to individual projects or defining the overarching company’s philosophy, a roadmap empowers team leaders to articulate their vision for the final product in alignment with the roadmap’s definition.

Similar to a persona, a roadmap acts as a constraining tool, channeling and stimulating creativity. With a well-defined goal, the question shifts to “How do we achieve it?” This paves the way for identifying intermediary objectives between the Minimum Viable Product (MVP) and the ideal product. These intermediate steps serve as iterative phases within an agile cycle, ensuring regular updates to the product.

Rationalizing costs

For the business-oriented stakeholders, the roadmap will serve to rationalize costs.

Determining both final and intermediate goals plays a crucial role in setting project boundaries, be it in terms of time or budget.

The UX roadmap stands as an invaluable tool for managers. Since the company defines a clear vision of the user experience it aims to provide, decision-making becomes more straightforward. When a suggestion arises during stakeholder meetings, we immediately know if it aligns with the roadmap and how to make this idea real based on the UX philosophy promoted. This initial design phase brings everyone on the same page, streamlines costs, and, most importantly, prioritizes actions for an optimal outcome. Users experience increased satisfaction as they witness tangible improvements in the product’s evolution. This, in turn, leads to user loyalty and consequently enhances credibility, reputation, and market influence.

Over 200k developers and product managers use LogRocket to create better digital experiences

Retaining customers

The second advantage lies in customer retention. Having a UX roadmap is akin to having a signature style in the world of design. If a superior UX is consistently found across all the brand’s products, it can foster customer loyalty, akin to Apple’s pursuit of minimalism and optimized interactions. Having a signature kind of design is also great for marketing communication. It’s easier to promote products if a brand feels a certain way about its design.

A UX roadmap is, from the business perspective, a magnificent tool that ensures sales, quality of product, user satisfaction, credibility, and the company’s reputation through the efficient use of UX design. By having a clear path and vision, and ensuring user satisfaction, UX design can express its potential in product design.

Once stakeholders define the strategy and objectives, it’s crucial to gather a lot of information that the roadmap can leverage, both from a marketing standpoint (benchmarking, market analysis, etc.) and a user perspective.

At this point, the UX roadmap forces the company to do user research . Conducting thorough research, crafting user profiles, creating personas, and delving into sociological and cultural aspects to understand user expectations and needs are all integral.

The primary advantage of the UX roadmap lies in compelling companies to invest time and resources in user research, a phase that is often overlooked. The User-Centered Design (UCD) process limits ambiguities, facilitates clear decision-making, and ensures that UX research is a priority, guaranteeing effective engagement with the right audience.

To collect data the main techniques are

• User personas: Crafting user personas involves creating detailed, fictional representations of different user types. These personas encapsulate users’ characteristics, goals, pain points, and behaviors.
• User journey maps : User journey mapping is a powerful technique that visualizes the user’s interactions with a product or service across various touchpoints. Incorporating user journey maps into the roadmap ensures that the user’s entire interaction with the product is considered, resulting in a more cohesive and user-centric design
• Usability testing : Usability testing involves observing real users as they interact with a product prototype or the existing system. Integrating usability testing into the UX roadmap ensures that the product is continually refined based on real-world user experiences, leading to a more user-friendly and effective solution

In summary, a UX roadmap enhances the user experience because it provides a clear, shared direction and vision for the design and development team. It ensures alignment and directs efforts towards common goals, effectively prioritizing tasks and resources to implement the most impactful improvements first.

Creating themes with NN group’s advice

Defining themes is the step that will enable us to start working concretely. Up to this point, the roadmap is a combination of the stakeholder’s vision of the products they want to deliver, mixed with data collected through UX research. The themes will represent concrete problems on which to work to achieve the set objectives.

The NN group suggests proceeding as follows: first, create a backlog of loose problems derived from the UX research and all the insights that may have been found. Then group the user problems into groups. An issue never comes alone, but this also means that the same solution can address several problems at once.

Once these problem groups have been created, you need to name them to create a theme. Finally, create a sheet for each theme, defining the name of the group, all the problems in the group, who will benefit from them, what the benefits are in responding to them, and what the added value is for the business.

This step is time-consuming but essential for prioritizing actions.

This stage will compare user needs with business objectives to decide which elements are most important for user-centered design, the experience offered, and ROI.

To prioritize user needs, goals, and improvements, you can use the MoSCoW method . MoSCoW stands for Must-Have, Should-Have, Could-Have, and Won’t-Have. This method helps in categorizing and prioritizing requirements by their importance.

Must-have requirements are essential and must be included in the project. Should-Have requirements are important but not critical and can be deferred if necessary. Could-Have requirements are desirable but not necessary for the current release or iteration. Won’t-Have requirements are those that will not be included in the current project. By using the MoSCoW method, you can effectively prioritize user needs and make informed decisions about resource allocation and planning for UX enhancements.

To give an example, a self-driving car must have a secure IA able to drive, should have high-quality seats and equipment to be seen as a luxury product, and could have an innovative shape to mark a difference from traditional cars. It won’t have (today at least) an option to transform the car into a living room when driving by itself.

Make it evolve

A UX roadmap is a versatile tool that adapts to various contexts and audiences. UX designers use it to explain goals and philosophy of the company to anyone interested.

To do it, define the primary and secondary users of this roadmap, as this greatly influences its presentation and format. When presenting to an internal team of developers involved in crafting the roadmap, a simple Excel spreadsheet with pertinent data might suffice.

However, when it comes to external stakeholders such as investors, crafting the right visual representation becomes important. This might entail transforming the roadmap into an eye-catching poster, an engaging video presentation, or any other artifact that effectively conveys the company’s vision for its products and its step-by-step strategy for conquering new horizons.

Writing the last upgrade of the roadmap is also a must, whatever form it takes. At the culmination of a project, reflection and adaptation are essential. A UX roadmap is not a static artifact to be created and then left to gather dust. Much like any UX artifact, it must evolve continually to become the best version of itself.

This evolution involves learning from past experiences, adjusting strategies based on real-world outcomes, and identifying new opportunities for enhancing user satisfaction. By embracing change and iteration, the UX roadmap transforms into a living document, steering the company towards perpetual improvement in its user-centric approach.

Finally, to decide when and why the roadmap evolves, the decision must be back by the actual date.

An often overlooked aspect in the earlier discourse is the incorporation of Key Performance Indicators (KPIs) during roadmap definition. These KPIs serve as the compass by which we navigate the roadmap’s effectiveness. Are the anticipated issues being resolved within the projected timeframes? Are resources being optimally allocated, and are users perceiving and embracing the introduced changes? These questions guide the ongoing evolution of the roadmap, ensuring it remains a dynamic and responsive blueprint for delivering exceptional user experiences.

As was stated, a UX roadmap can take multiple forms. One way to make one could be the following:

Define the central philosophy of your brand

Apple’s philosophy would be minimalism before everything. Every product tries to limit the interactions needed to get outputs. Window’s philosophy would be “suited for beginner to expert,” every product can be used by absolute beginners, but hardcore functionalities are always usable if you know how to use them.

Define what you want your product to be associated with: accessibility, smoothness, maximalism, etc.

What is the current state, and what should be the product in the future? To establish goals, you can use the card made by NNgroup. This card should be used for every product that must match the company’s philosophy. A Figma file by Ehsan Tahmasebian reproduces this template:

Set up a UX research workshop and do anything that can help. The must-have would be personae and user journey maps. If benchmarking, user testing, and focus groups are doable, do these too.

Persona are detailed sheets about fictional characters that have all the characteristics of your ideal end user. Figma has a great free-to-use persona template , and learning in detail how to create a good persona takes six minutes :

To learn extensively about experience maps, mapping how users live in a typical day and how they interact with the different screens of an application, Tanzir Rahman writes a detailed experience map guide . Free templates for experience maps are available on Figma here .

Again, the NN Group provides a good theme template to use in their instructional video. By regrouping issues encountered by your user, it will be easier to come up with great solutions that can tackle multiple problems at once.

Decide which themes are more important than the others, and decide which problem will bring the most satisfaction to your end user. The MoSCoW technique is a good starting point: define what your next iteration must have, should have, could have, and won’t have. Based on that vision, it will be easier to plan your next move.

Incorporating KPIs and evolving your roadmap evolve for the next iteration

Find measurable variables to evaluate before and after working on your project and see how it can be improved for the next time. Classic key performance indicators in UX would be conversion rate for a landing page, user satisfaction measured through surveys, or efficiency observed during user testing.

These general KPIs can be used to evaluate the performance of a UX roadmap, but it should be analyzed as a product on its own with the UX team as end users. The goal of the UX roadmap is to simplify, accelerate, and improve the work of UX designers. More suitable KPIs for this kind of product would be:

• Collaboration effectiveness: Measuring if the UX roadmap effectively helps to align every stakeholder’s view on a clear vision. To do this, use a survey to ask if the team members find themselves to be efficient, combined with a count of how many meetings are needed in a sprint. It’s also the occasion to finally know how many meetings could have been an email.
• Project completion time: Investing in a UX roadmap should reduce cost of time and make teams more effective. Effectiveness and efficiency can both be measured easily, but which one should be used as a KPI depends on the company’s goal. Efficiency is measured by looking at how many tasks are tackled by the team during a sprint; the quicker, the better. Effectiveness is measured by looking at the quality of the solutions the team brings; the more complex and documented, the more effective.
• Design velocity: Tracking the time it takes to go from ideation to implementation and the number of iterations needed to reach the end goal fixed by the UX roadmap.
• Resource allocation: Monitoring the human and technical resources needed to complete a project is a way to limit the cost of a project. The roadmap should help the UX team to self organize with an end goal in mind, distributing the workload more efficiently.

UX roadmap KPIs can be diverse and should help measure if a UX team and a company has become more efficient.

In conclusion, a UX roadmap is more than a mere timeline; it’s a dynamic instrument with the power to guide, communicate, and evolve the user experience strategy. Its adaptability in different contexts, measurement through KPIs, and role as a catalyst for continuous improvement make it an indispensable asset in delivering outstanding user experiences and ensuring long-term success.

Header image source: IconScout

LogRocket : Analytics that give you UX insights without the need for interviews

LogRocket lets you replay users' product experiences to visualize struggle, see issues affecting adoption, and combine qualitative and quantitative data so you can create amazing digital experiences.

See how design choices, interactions, and issues affect your users — get a demo of LogRocket today .

Share this:

• Click to share on Twitter (Opens in new window)
• Click to share on Reddit (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Facebook (Opens in new window)
• #ux research

Stop guessing about your digital experience with LogRocket

Recent posts:.

Better form design: A new approach

Let’s discuss form design as a practice and a few principles that, if you follow, will help you double up your form design game.

Neumorphism: The new trend in UI design

One new design trend is neumorphism. It mixes the effects of minimalism and realism to create interfaces that are easy to comprehend.

UX design: Principles, process, and tools

Discover the principles, tools, and five stages of the UX design process to understand why it’s important to know your customer better.

The ethics of persuasion in design

In this blog, I apply the concepts of persuasion and ethics to the design world, where we’re not just creating pretty things but shaping experiences and influencing behaviors.

Leave a Reply Cancel reply