In a fraction of the time and price of a college degree, UX bootcamps have proven they can mold UX design hopefuls into confident designers, ready to take the job market by storm.

In this article, we’ll take you through the most popular UX bootcamps currently on the scene—and then provide you with a comprehensive roadmap of how to choose the right UX bootcamp for you.

By the end of this blog post, you’ll be well on your way to kickstarting your career as a UX designer.

(Of course, if you’d like to dive right into the world of UX, take our free UX design short course.)

Here’s what we’ll cover:

1. The best UX design bootcamps
   • CareerFoundry
   • Thinkful
   • FlatIron
   • Ironhack
   • Springboard
   • General Assembly
   • DesignLab
   • Memorisely
   • Brainstation
2. How do I choose the right UX bootcamp for me?
3. Key takeaways
4. FAQ

1. The best UX design bootcamps

CareerFoundry

Format: Online
Duration: 6–10 months
Cost: $7,505

There are few UX bootcamps on the market that combine a comprehensive curriculum, personalized mentorship, and student-focused learning quite like CareerFoundry. Our online certified UX Designer program takes you through three journeys—Intro to UX, UX Immersion, and your choice of specialization (UI design, voice user interface design, or frontend development).

With 96% of our eligible alumni getting a tech job within 180 days of graduation at top companies including Google, Apple, and Amazon, CareerFoundry offers some of the highest-quality course content on the scene (and a job guarantee).

For an independent review of the CareerFoundry UX Design Program, check out this video where student Cynthia talks about her experience with the course so far:

Want to learn more about how CareerFoundry can take you from a total novice to a motivated, confident UX designer? Learn more about our Full UX Design Program in this guide!

Thinkful

Format: Online
Duration: 4–8 months
Cost: $9,500 to $12,150

As the first tech school to offer self-paced online tech bootcamps, the online coding bootcamp Thinkful has developed an apprenticeship approach to teaching UX design that is tailored to each student’s learning needs.

Offering 1-on-1 mentorship throughout the course, students can work full-time or part-time, finishing the course in an average of 4–8 months.

FlatIron

Format: Online and in-person
Duration: 15–40 weeks
Cost: $16,900

Flatiron School offers both immersive on-campus and online programs in UX design across the United States. Their courses aim to launch students into fulfilling careers as UX designers through rigorous, market-aligned curricula, and the support of seasoned instructors and personal career coaches.

Courses also include a real-life professional project, giving students client-facing experience and an industry-vetted portfolio.

Ironhack

Format: Online and in-person
Duration: 9—24 weeks
Cost: $12,500–13,000

Ironhack offers a nine-week full-time UX design course or a 24-week part-time UX design course. Career services include portfolio and resume building, job interview preparation, networking, and hiring fairs.

Ironhack has set itself apart by offering scholarships available for women and military vets who are interested in a tech career.

Springboard

Format: Online
Duration: 2–4 months
Cost: $7,900–14,500

Springboard offers self-paced UX design courses that can be completed in 2 to 4 months. Springboard also provides a part-time UX Career Track, which boasts one-on-one weekly mentor support.

As the course is billed monthly, students who finish early have the option of paying less for their tuition.

General Assembly

Format: Online and in-person
Duration: 12–24 weeks
Cost: $15,950

Focusing on the most relevant and in-demand skills in design, General Assembly offers a range of full-time, part-time, and self-paced courses, online and in-person, across 15 campuses on 4 continents. You’re guaranteed a high-quality education, with clients and hiring partners such as Google, Microsoft, and Visa.

They also offer employer sponsorship and payment plans to help you finance the course. Students are also given a career coach and the opportunity to attend various networking events.

DesignLab

Format: Online
Duration: 4–6 weeks
Cost:$7,249–9,677

Offering both full-time and part-time online courses, DesignLab teaches in-demand UX/UI design skills through self-paced learning. DesignLab provides each student with a career coach who guides the student on the job search for up to six months after graduation.

Courses consist primarily of hands-on projects and 1-on-1 mentorship from expert designers and top industry professionals.

Memorisely

Format: Online
Duration: 15 weeks
Cost: $3,950

In Memorisely’s UX/UI Design Bootcamp, you’ll be part of a small class of 15 aspiring designers in a 15-week intensive course that involves live, online meetings.

As you progress, you’ll create case studies for websites and mobile apps for real companies and develop your design portfolio.

Brainstation

Format: Online
Duration: 4–9 months
Cost: $16,500

Offered in part-time or full-time formats, Brainstation’s UX design bootcamp online includes guided, project-based learning and features guest experts throughout the program. The expansive curriculum takes the participant through all the most important facets of the user experience design world.

2. How do I choose the right UX bootcamp for me?

So far, we’ve got to grips with the anatomy of a UX bootcamp and looked at what you can expect as a UX bootcamp student. Now, let’s address the question on everyone’s lips: how do I choose the right bootcamp for me?

The truth is, tech is inundated with UX bootcamps, each with their own unique offering.

There are two types of UX bootcamps: online bootcamps and in-person bootcamps. Some online bootcamps are flexible and self-paced, meaning you can choose your own study hours that fit around your schedule. Other online bootcamps offer set class times with virtual classrooms, taking place using video call or chat.

On the other hand, in-person bootcamps are bootcamps that take place locally in a fixed location, with fixed start dates and class times.

Don’t be suckered in by a five-star review—it’s essential to do your own research and take the time to consider which UX bootcamp best suits your needs. When choosing a UX bootcamp, here are the factors that need to be considered:

Scheduling

When looking at UX bootcamps, reflect on how many hours of study you can realistically commit to per month. If you plan to study UX design while maintaining a full-time job, you’ll likely be better suited to an online, flexibly-paced bootcamp which allows you to choose your own hours.

If you’re looking to make the switch into UX design as quickly as possible, you might be more drawn to an intensive course that will enable you to become a fully-fledged UX designer within a matter of a few months.

Curriculum quality

No two UX bootcamps are created equal: the quality of the course content makes a huge difference to how qualified you’ll be in the field of UX design. Is the curriculum curated from outside materials, or is it produced in-house by subject matter experts?

How regularly is it updated? How does the program break down what you learn within the world of UX? Is the curriculum up to speed with the latest methods, tools, trends, and software? Dive deep into each school’s curriculum to ensure it meets your standards. Above all, make sure the course content excites you!

Job practicality

Consider the current job market. In what ways will your chosen bootcamp prepare you for the job market? Does the school offer in-house career specialists who can support you throughout your job searching process? Does the bootcamp regularly update their course content to reflect current industry trends?

Does the bootcamp hold regular networking events, offering opportunities to broaden your horizons and seek out job opportunities? Is there a strong focus on ensuring you graduate with a robust portfolio that you can show to future employers and clients?

Alumni reviews

The best way to gauge whether a UX bootcamp is right for you? Connect with alumni. Find out what kind of roles and careers the students went on to do, and attend events which will allow you to connect with current students and alumni.

Hearing the stories of the people who studied with the UX bootcamp in question will help you to gauge whether it’s right for you. Try to connect with an alumnus who comes from a similar background as the field you’re currently in. Through them, you’ll get more of an insight into how your career path might look.

Add-ons

Many UX bootcamps offer additional ‘specialization courses’ to further bolster your qualifications and broaden your skillset. For example, in addition to UX design, you could do a specialization course in UI design, frontend development, and voice user interface design (VUI). These additional skills will give you a competitive edge when it comes to the job market.

Costs

Of course, it’s essential to compare the prices of different UX design bootcamps. UX bootcamps are a sizeable investment, and while the evidence shows that they are more than worth the money, it’s still worth making sure you’re getting the maximum amount of bang for your buck.

Consider looking into taking out student loans, pulling from your savings, or seeing if programs offer ways to pay the tuition fee after you land a job.

What payment options do they offer? Is there a way for you to stagger the cost of tuition? Consider your living expenses if you can’t work while doing the program.

3. Key takeaways

Changing your career is not easy. It involves significant risk-taking, a willingness to start from square one again, and an ability to embrace change in radical ways.

Bootcamps provide the ideal environment where ideas can flourish without boundaries, and UX hopefuls can learn, make mistakes, and discover a whole new world—free of judgment or pressure. In 3 months to a year, through intensive coursework paired with strong career support, UX hopefuls can learn user experience design inside out and front to back.

Want to learn more? Speak directly with a program advisor or read our guide on everything you need to know about becoming a certified UX designer.

Otherwise, check out these articles:

• The fascinating history of UX design
• 9 Non-design related skills you’ll need as a UX designer
• The 5 biggest differences between UX and UI design

4. Frequently asked questions (FAQ) about UX bootcamps

1. Are UX bootcamps worth it?

UX bootcamps can be worth it for individuals who want to jumpstart their careers in UX design or for those who are looking to expand their skillset. Bootcamps provide an immersive and intensive learning experience that can help you gain practical knowledge and build a portfolio. However, it’s important to do your research and choose a reputable bootcamp that aligns with your career goals.

2. Is a UX bootcamp enough to get a job?

While a UX bootcamp can provide you with valuable skills and a portfolio, it is not a guarantee of employment. It’s important to network, continue learning, and gain real-world experience through internships or freelance work to increase your chances of landing a job in UX design.

3. Which UX bootcamp is the best?

There is no one “best” UX bootcamp, as the effectiveness of a bootcamp can vary depending on your individual needs and goals. It’s important to research and compare different programs, read reviews from former students, and consider factors such as curriculum, duration, cost, and job placement rates before making a decision. Some popular UX bootcamps include CareerFoundry, Flatiron School, and BrainStation.

In this video, Careerfoundry graduates (and UX professionals) reveal game-changing strategies to begin your career as a UX designer. 

From how to empathize with users to crafting user-centric interfaces, these expert tips are the keys to opening the UX design door.

Get more tips with our guide on how to become a UX designer in 2023.

Want to dive straight in? 

Try the free UX design short course or speak directly with a UX program advisor. 

And be sure to check out our guides on:

• The 11 Best UX Design Courses in 2023
• What Is the UX Designer Salary? 2023 Guide
• The UX Job Quiz: Which UX Design Role Is Right for You?

From her days in fundraising at NYU Stern School of Business to her current role as a senior UX/UI designer at EY Design Studio, Sheridan shares her biggest career change takeaways. Learn why she chose UX, how she finds her flow, and her advice for UX designers on the job hunt.

For more career change stories, check out this article on CareerFoundry graduates who started new careers at 40.

Want to learn more about the world of UX design? 

Try the free UX design short course or speak directly with a UX program advisor. 

And be sure to check out our guides on:

• How to Become a UX Designer in 2023
• The 11 Best UX Design Courses in 2023
• What Is the UX Designer Salary? 2023 Guide

Product designers play a critical role in designing and building not only apps, websites, and other digital products but physical products and experiences, too.

Product designers are involved—to a crucial degree—in every stage and aspect of the product development process. Whether it’s brainstorming, researching, conceptual exploration, or pixel tweaking, product designers are there. Often, they’re front and center.

We’ve written this article to take a deep dive into product design. First, we’ll explain what product design is in more detail before looking at the demand for product designers.

We’ll then explore what product designers do on a day-to-day and longer-term basis and what skills they require. Our final section will be an overview of how you can become a product designer before we wrap things up with some key takeaways.

You can use the clickable menu below to skip ahead to a section:

1. What is product design?
2. What does a product designer do?
   • Product design and design thinking
3. What skills does a product designer need?
4. Is product design in demand?
   • Why is product design in such high demand?
   • What is the product designer salary?
5. How to become a product designer
6. Final thoughts

1. What is product design?

Product design is the process of creating new or altering existing products that offer solutions to a problem in a specific market. Successful product design bridges a business’s goals and user needs. 

While product design can, of course, include physical products, in this article, we’re going to focus on digital product design (although, for simplicity, we refer to it as product design).

Product design is a multi-layered craft encompassing design, user experience, collaboration, and more. Many of a product designer’s day-to-day tasks will fit into one or more of these categories.

Product design’s foundations start with design thinking, which is a user-centric way to integrate the needs of real users into technological and business requirements. To understand product design, you need to have a good grasp of design thinking. 

We’ll take a detailed look at the stages of design thinking—and explore other aspects of what a product designer does—in the next section.

2. What does a product designer do?

The role of a product designer is one that people often confuse with other types of designers—especially UX designers, interaction designers, and visual designers. There’s often a huge amount of overlap between responsibilities in design positions, and designers often have to be competent in many different aspects of design. 

Many companies—including the likes of Meta, Netflix, Apple, and Microsoft—have eliminated the job title “UX designer” from their organizational structures and replaced it with “product designer”.

But this fact doesn’t necessarily signal a huge shift—or any shift at all—in the day-to-day functioning of designers with those roles.

So, what does a product designer actually do in the process of creating products? Here’s a summary of what the role looks like at a major tech company (Meta).

A product designer:

• Turns broad ideas and concepts into usable, valuable, well-crafted, and executed product(s)
• Is involved in all aspects of the product development process to do this
• Brainstorms, creates visual designs, flows, and experiences
• Contributes to strategic decisions about critical company goals
• Collaborates with product management, engineering, research, and content
• Represents work to product team and wider leadership

At this stage, it’s worth noting that while the role would look similar to this in larger organizations, in smaller ones it could be significantly more wide-ranging.

Product design isn’t one-size-fits-all

Like most jobs, the product designer role isn’t one-size-fits-all. Employers can assign different responsibilities to suit their business structure and goals. In smaller companies, product designers will often end up with a broader range of responsibilities as teams are smaller and can be less-specialized. 

So, as well as the six responsibilities above, a product designer might also have one or more of the following in their job description:

• User experience (UX)
• User interface (UI)
• User experience writing
• Coding (as part of user research, as opposed to programming)
• Project management
• Problem-solving
• Team management
• Planning and conducting testing
• Wireframing
• Developer support
• Marketing support
• Meeting with clients
• Prototyping
• Presenting the final product

Product designers are stewards of the product. They’re ultimately accountable for making sure it resolves the problem it sets out to, that it’s the best product that it can be, that it’s cost-effective and functional and that all stakeholders are pleased with the final result.

A huge part of a product designer’s process is design thinking.

Product design and design thinking

Design thinking is at the heart of product design as well—to understand product design, you need to understand design thinking. Design thinking encompasses five steps that all come back to solving the user’s problems, and we’ll explore them now.

Stage one: Empathize. To design with a user focus, product designers first conduct research to learn about who they’re designing for.

The research stage in product design is crucial for meeting user needs and guiding the design process. It’s spent getting to know the user and understanding their wants, needs, and objectives.

Empathizing normally includes some or all of the following inter-linked activities:

• Desk research and preparation: This is where existing data like market studies and competitor analyses are reviewed. It provides you with a broader context for the product and uncovers potential opportunities.
• User research: UX research methods like surveys, questionnaires, usability testing, ethnographic studies, and interviews, can help you gain a deep understanding of the target audience by collecting data on user preferences and behaviors.
• User interviews: Whether in-person or remote, interviews will be key to your user research. You should practice active listening, and open-ended questions and create a comfortable environment for users to share their experiences.
• Analysis and reporting: This is when you analyze your data through categorization, coding, and synthesis to extract insights. You’ll need to be ready to report your findings clearly and actionably, with visual aids like charts and graphs if appropriate.
• Creating personas: These fictional characters represent different user segments based on real data. They’ll help you empathize with users and make design decisions aligned with their needs.

Stage two: Define. Based on users’ needs and insights, you can clearly define the problem.

This is a pivotal phase where the groundwork for the entire project is laid. The findings from the first stage are used to give crucial shape and direction to a product idea. 

With strategic thinking, visual representation, a deep understanding of the customer journey, a compelling value proposition, and clear product definition—stage two is a critical bridge between ideation and execution.

Defining normally includes some or all of the following inter-linked activities:

• Product definition and strategy: This is about asking fundamental questions like what the product will be, its goals, features and functionalities, and how it aligns with broader business objectives. This definition serves as a guiding light for the development process
• Visual thinking: Visual representations—like diagrams, charts, and mind maps—help you to understand, conceptualize, refine, and communicate the product’s definition.
• Customer journey: This involves creating detailed maps to outline the entire user experience, from initial contact to final interaction. It helps in identifying pain points and opportunities for improvement.
• Value Proposition: Defining the product also involves clarifying its unique value proposition. What sets it apart from competitors? What problems does it solve for your users? The answers to these questions help you create a compelling product proposition.

Stage three: Ideate. Develop a robust solution for the problem you defined by beginning with a wide array of potential creative solutions.

Here’s where your creativity takes center stage as ideas, concepts, and innovative solutions are born. You’ll hold ideation sessions—with techniques like brainstorming, mind-mapping, bodystorming, provocation, and more— to develop as many new angles and ideas as possible.

Ideation generally includes some or all of the following inter-linked activities:

Information architecture: Creating the product’s information architecture includes working on the structure, navigation, naming conventions, and search functionality. All have to be organized in a way that’s intuitive for users.

User Scenarios: User scenarios—focussed on the personas established in stage one and their needs—will help you to envision how users would interact with the product. This can guide your ideation phase toward user-centric solutions.

Lo-Fi Sketching: In this stage you’ll need to put your ideas on paper quickly and informally. These sketches serve as a visual brainstorming tool so the team can rapidly explore concepts.

Benchmarking: Benchmarking involves studying competitors and industry leaders to gain insights into best practices and innovative features. Doing this can help you identify opportunities to differentiate the product and excel in the market.

Accessibility: This is about evaluating ideas not only for their creativity but also for their potential to create accessible and inclusive experiences.

Design studio and design critiques: Collaborative brainstorming sessions—also known as design studios—often take place during ideation. And design critiques are an opportunity to review and refine concepts, and get feedback from your peers. As the ideation stage draws to a close, you’ll narrow your ideas down to a few to move forward with. Both design studios and design critiques can help with this. 

Stage four: Prototype. Using the solutions from the ideation phase a prototype (or multiple prototypes) will be built for testing. Prototypes give you tangible evidence that you’re on track (or not) and can reveal new insights.

This is when abstract ideas and concepts are transformed into tangible, interactive representations of the final product. It’s when the design truly comes to life. Prototypes (scaled-down versions of the final product based on solutions identified in the ideate stage) are a critical bridge between design and development. They allow for user testing and refinement before building the final product.

Prototyping generally includes some or all of the following inter-linked activities:

UI Design: This is when you take the concepts and visual designs from the earlier stages and translate them into a fully-fledged user interface. This includes refining the layout and visual elements, ensuring consistency in design elements, and crafting a UI that’s visually appealing and functional.

UX writing: UX writers play a crucial role in the prototype stage by creating and refining the UI copy and microcopy. They create clear, concise, and user-friendly copy to guide through the product with intuitive messaging.

Responsive web, mobile, and natural user interface design: Prototypes must be responsive, so make sure your product’s UX is consistent and optimized for responsive web design, mobile applications, and natural user interfaces like voice or gesture interactions.

Working with the development team: A lot of collaboration between design and development happens in the prototype stage. You’ll work tightly with developers to ensure that the design vision can be effectively translated into code. Expect discussions on technical feasibility, optimization, and any potential challenges.

Rules, practices, and limitations of implementation: This is related to the above. Designers and developers must follow specific implementation rules and stay on the right side of technological limitations. This includes platform-specific guidelines, coding standards, and the constraints of your chosen technologies.

Stage five: Test. Here’s when you refer back to the users to make sure your designs are working the way that they had planned. This leads back to the ideation phase for design and product refinement until it is just right.

As you’d expect, testing means your product designs are put to the test. This is crucial for validating design decisions and ensuring the final product meets user needs and expectations. Evaluation can happen through usability testing, analytics, and quantitative metrics.

Testing generally includes some or all of the following inter-linked activities:

Usability testing: Methods you employ might include moderated user testing, unmoderated remote testing, and guerrilla testing. All will help you evaluate how real users interact with the product. 

Web and mobile analytics: If possible, you can use analytics tools to collect data on user behavior within the product. This data can give you quantitative insights into user interactions, navigation patterns, and usage metrics, all of which can help you identify areas of improvement.

Quantitative UX Metrics: Quantitative UX metrics, such as conversion rates, bounce rates, and task completion times, are used to assess the product’s performance objectively. These metrics provide concrete data to evaluate the success of design iterations.

Data analysis and reporting: This includes identifying and synthesizing patterns, trends, and pain points from the data. Your analysis will inform design decisions and improvements and you’ll have to report your findings to stakeholders.

As stated, the conclusion of the testing stage often leads back to the ideation stage, or even earlier. It’s also sometimes the case—depending on the organizational and team setup and way of working—that the steps aren’t followed linearly.

Now that we’ve explored the design thinking process, you’ll probably have a good idea of the skills that a product designer needs. But let’s take a very quick look at the overall picture. 

3. What skills do product designers need?

For product designers, soft skills and technical skills can be equally important. 

As a product designer, you’ll need to communicate with multiple different teams, stakeholders, and present your ideas at every stage of the process. Problem-solving on a deadline is another soft skill that product designers should master.

Product designers also rely on technical knowledge balanced with their creative ability. You’ll need a sense of visual and spatial awareness that’s balanced with commercial awareness, in order to know what looks good, functions well, and will be a viable product for business purposes. 

A product designer uses software like Figma, Sketch, and Adobe Illustrator, and prototyping software to bring their ideas to life. You’ll also need to be adept at creating journey maps and conducting user research, as well as creating wireframes, prototypes, and high-fidelity designs to help make decisions and present your ideas. 

Many job descriptions for product designers specify that the designer needs to have UX and UI design experience, proficiency in popular software (usually Figma or Sketch and more), and solid collaborative skills. For multinational companies, foreign language skills are often a great asset in this role as well. 

Now that we’ve covered what product design is, what a product designer does, product design and design thinking, and what skills a product designer needs, it’s the perfect time for us to look at the demand for product designers.  

4. Is product design in demand?

The headline is that there’s a huge global demand for product designers and it only seems to be growing.

Just looking at two of the biggest hubs for job adverts—LinkedIn and Indeed—is enough to paint a picture of an extremely healthy demand for product designers in the US, the UK, and Germany.

Together they’re home to over 12,000 product designer roles. That figure is quite staggering, especially considering the number of roles that won’t be listed on either of these sites, and the fact that we’re in a fairly slow global jobs market.

Let’s look at the stats in a little bit more detail.

Product designer roles on LinkedIn

This is an overview of the product designer roles on LinkedIn (as of September 2023):

• U.S.: 1328 live product designer roles
  • 473 located in the San Francisco Bay Area and 289 in New York
  • Meta, Strava, Western Union, Jasper, and eBay are among the companies hiring
• UK: 339 live product designer roles
  • 196 located in London 
  • Amazon, Bumble, Flo,  and Meta are among the companies hiring

• Germany: 2529 live product designer roles
  • 612 located in Berlin
  • eBay, zalando, and Siemens Gamesa are among the companies hiring

Product designer roles on Indeed

The market for product designers on Indeed is even more lively than on LinkedIn. Here’s an overview of the live roles, also accurate as of 23.09:

• U.S.: 2529 live product designer roles
  • 218 in the San Francisco Bay Area
  • 183 in New York
  • 228 hybrid remote
  • 667 remote

• UK: 3699 live product designer roles
  • 1,225 located in London
  • 538 hybrid remote
  • 157 remote

• Germany: 2269 live product designer roles 
  • 619 in Berlin 
  • 247 hybrid remote
  • 281 remote

It’s worth noting that these figures include some roles which may not have the exact job title “product designer”, and also may include some duplicate listings. They still point to a very healthy demand for product designers across the globe, though.

Now’s a good time to take a quick look at why there’s such a high demand for product designers.

Why are product designers in such high demand?

Put simply, product designers are the architects of the digital world. They craft our experiences in the virtual realm. It’s product designers who give users smooth, enjoyable experiences by making sure everything is where it should be. Nearly all companies now recognize that good UX is a must-have, so it shouldn’t come as a surprise the same companies are scrambling to hire the product designers who can create interfaces that keep users coming back for more.

And—as the stats in the last section show—the global marketplace is incredibly competitive. As enterprises and startups look for ways to differentiate themselves from the competition, a well-designed product is often the difference makers. It can turn a small startup into a household name or rejuvenate a legacy brand.

Product designers are the key to making products and services more appealing and functional. Ultimately, this makes them key to the financial success or failure of their company’s bottom line. Inc.com explored this in their article Why Design Is the Best Bottom-Line Strategy — it’s several years old but still highly relevant today.

A huge part of the continuing appeal of the most successful companies is innovation. They’re in very different spaces, of course, but think about the evolving product ranges of Dyson, Apple, and Tesla. They’re all market leaders who have gained an edge because of their innovation. 

Product designers are the visionaries behind much of this innovation. They conceptualize groundbreaking products. As Meta says in their job description, they need product designers who can  “take broad, conceptual ideas and turn them into something useful and valuable for our 2 billion plus users”.

On top of this—but equally crucial—is the role product designers play in making technology accessible to everyone. They ensure that digital products are inclusive and user-friendly for people of all abilities. Accessibility is a non-negotiable—companies who do not provide accessible apps or websites are often being legally mandated to do so.

The likes of Netflix, Amazon, Target, and Peloton have all either been sued or are in the process of being sued for not adhering to the Web Content Accessibility Guidelines (WCAG) in providing apps or websites that are perceivable, operable, understandable, and robust enough to be understood by people with disabilities.

Not only is being sued for not providing accessible content the worst kind of PR for companies who strive to appear as modern and inclusive, it can be a major financial hit, too. The role product designers play in creating accessible apps and websites is just another reason they’re in such high demand.     

Now that we’ve looked at the demand for product designers, we’ll give you a quick overview of what salaries look like.

What are product designer salaries?

As is normally the case for roles where demand outstrips supply, product designer salaries are generally high.

It’s worth saying that there can be a huge amount of variance between salaries, though. This can apply from industry to industry with, for example, major tech companies normally paying significantly higher salaries than local government administrations. 

And even within any industry you’re likely to find a significant range, as you’ll see when you start looking for product design roles.

Here are the average salaries for product designers, senior product designers, and lead product designers in the US, Germany, and the UK (figures from Glassdoor and accurate as of September 2023):

U.S.

• Product designer average annual salary: $95,814
• Senior product designer average annual salary: $157,394
• Lead product designer average annual salary: $163,722

UK

• Product designer average annual salary: £57,114
• Senior product designer average annual salary: £78,721
• Lead product designer average annual salary: £88,437

Germany

• Product designer average annual salary: €61,887
• Senior product designer average annual salary: €71,500
• Lead product designer average annual salary: €85,587

Now that we’ve taken a thorough look at what product design is, the skills product designers need, and their salaries, let’s quickly look at the steps you’ll need to go through to become a product designer. 

5. How to become a product designer

A lot of product designers have transitioned from other careers, and there’s no exact path you have to follow to become one. 

While some have studied the craft to a degree level, many have completed bootcamps or other non-university affiliated courses. And, as with most design-related careers, it doesn’t take long before employers start valuing your skills and experience over where you learned the craft.

That said, there are some basic steps that every product design will have to go through, albeit not necessarily in the same order. Some will have started learning the tools before they read up on the design methods and processes, while others might have jumped right into a product design course.

Either way, here are seven steps that you’ll need to go through to become a product designer:

Step 1: Start reading up on product design

Step 2: Learn the key product design principles, methods and processes

Step 3: Structure your learning with a credible product design course

Step 4: Practice, practice, practice 

Step 5: Learn key product design tools (Figma, Sketch, Adobe CC, etc.)

Step 6: Build your product design portfolio

Step 7: Network with other product designers

6. Final thoughts

So, what is product design? 

In the simplest terms, it’s the process of creating products (digital tools, experiences, and physical goods) that both solve a user’s needs and serve a business purpose. 

A product designer leads the charge in creating these products using design thinking, clear communication, problem-solving skills, and software tools. A large part of the role plays out through design thinking, a key product design process based on five stages. 

While product designers are similar to other design positions, like UX design, this role is defined independently for a reason. 

Product designers need next-level business acumen alongside their design skills to be successful. This makes it a great role for someone who is already a UX designer but wants more responsibilities and a potentially higher salary.

If you’re considering a move into product design, consider our free, 6-day UX design short course.

For more insights into product design and what it’s like to be a product designer, check out these articles and alumni stories:

• UX Design vs. Product Design: What’s the Difference
• From Marketing To Product Design: Here’s How I Discovered My Dream Career
• From Account Management To Product Design: How A UI Design Bootcamp Got Me The Job I’d Always Wanted

With the knowledge available to us in 2023, I’d go as far as saying sites that don’t give users a good UX will likely be punished for it in their search rankings.

I’ve written this article to explore how SEO and UX are linked. Let’s dive right in:

1. What is SEO?
2. How are Google search rankings calculated?
3. Can UX impact search rankings?
4. Five ways to use UX for SEO
   1. Create user-centered content
   2. Create well-structured content
   3. Focus on findability
   4. Create a mobile-friendly UI
   5. Have fast loading times
5. Key takeaways

1. What is SEO?

SEO stands for search engine optimization, and it’s the process of helping a website or individual piece of content appear higher in the Google search results.

SEO differs from paid advertising because it’s purely focused on “organic” rankings—this means rankings are achieved without paying Google.

The “optimization” part of SEO consists of the steps you take to make the website or piece of content rank higher. Typically, it includes things like:

• Publishing relevant, fresh, and quality content
• Research and select relevant keywords to include in the content
• Adding alt texts and HTML tags, headers, and descriptions
• Including links to relevant internal and external content

I’ll delve into each of the above and what they mean for UX later on, but you can probably already start to see how some or most of them could lead to an improved user experience.

It’s worth saying that a lot of SEO is exclusively or almost exclusively focused on Google search results. This is understandable because—as of July 2023—Google had a 92% share of the global search engine market:

For a more in-depth piece on SEO, read our SEO Basics: The Complete Beginner’s Guide.

But now that I’ve gone over the very basics of what SEO is, I’m going to explain a bit about how Google rankings are calculated before looking at how UX can impact them.

2. How are Google search rankings calculated?

Thankfully, Google has been very open about how they calculate their rankings. 

Although there’s still some mystery around the exact workings of PageRank and the other algorithms they use, they have published plenty of content around the main factors and categories they evaluate.

(If you want to learn more about the different tools and algorithms Google uses for rankings, you’ll love their documentation page A Guide to Google Search Ranking Systems.)

Ranking Results – How Google Search Works—published on the Google Search homepage—is probably the best source of information about the general categories on which they evaluate websites and content for your search results.

They mention five related categories, or “key factors in your results”, to use their exact words. They are: 

1. Meaning of your query: Google uses language models to understand what users are looking for, which is known as “the intent” behind the query. These language models, which took over 5 years to develop, are also used to match users with the most useful and relevant content for them.

2. Relevance of content: Google’s systems are adept at determining the relevance of the content of billions of web pages, so users don’t have to waste time filtering out irrelevant content. As well as matching keywords in the content to the search query, they also “use aggregated and anonymized interaction data to assess whether search results are relevant to queries”.

3. Quality of content: As well as evaluating the relevance of the content, Google’s systems look for signals that demonstrate which content shows the most “expertise, authoritativeness, and trustworthiness.” A well-known aspect of this is the links to a website from other prominent ones, and aggregate feedback from their Search quality evaluation process is also used.

4. Usability of web pages: Important for UXers, Google’s systems also factor in the usability of content. They clearly cite the importance of accessibility to their calculations:  “When all things are relatively equal, content that people will find more accessible may perform better.” They talk about “page experience aspects”, which include factors like mobile responsiveness, amount of ads, and findability as a part of usability. If you want more on this topic, the documentation page Understanding Google Page Experience is a great place to start.

5. Context and settings: This includes things like the location of the user, their past Search history, and their Search settings. All of these and more are used to determine what content is going to be the most relevant and useful for the user at that exact moment. Google uses the example of the different results someone searching for “football” in Chicago would see (American football and the Chicago Bears) compared to someone in London (soccer and the Premier League).

From this, it’s probably already becoming clear to you how UX can impact search results. We’ll explore that in some more detail in the next sections. 

3. Can UX impact search rankings?

If you hadn’t guessed it by now, the answer is “yes”. 

UX can impact search rankings in several ways. Looking at the five factors Google describes as being key to how they evaluate and rank content, three really jump out as strongly linked to UX:

• Relevance of content
• Quality of content
• Usability of web pages

Each of these factors has several aspects—some of which are overlapping and many of which are related to UX.

And to add one more thing that highlights how UX can impact SEO, just take a look at SEO Expert Neil Patel’s four tips for creating content Google respects, which are:

1. “Understand user intent: You need to know what the reader wants to accomplish when they land on your page.

2. Develop a customer persona: You also need to know who your reader is, what they like, what they dislike, and why they’re there.

3. Break up the text: People have short attention spans, and writing giant walls of text doesn’t work anymore; you need to break it up with plenty of headers and images.

4. Make it actionable: There’s nothing worse than reading a piece of content and not getting everything you need to accomplish something. Your content should be thorough, but it must also answer the question, “What now?” Will the reader have everything they need when they finish your article?”

Although they’re lifted directly from a blog about SEO strategies, these four tips are so close to UX design that your inner UXer should have been shouting out “user personas”, “user needs”, “scannability”, “CTAs”, and “user journeys” as you read them.

Now that I’ve established how Google calculates its rankings and that UX can impact these let’s look at five ways you can use UX for better SEO.

4. Five ways to use UX for SEO

It’s worth saying at this point that these five ways you can use UX for SEO shouldn’t be your entire strategy. There are other ways you can boost SEO with UX, but taken together, these make for a good starting point.

1. Create user-centered content

Creating user-centered content is both crucial to a good user experience and a key part of SEO. To create user-centered content, you need to be an advocate for the user. You need to constantly bring it back to the user to make sure the content is what they need in that specific context and location. Questions like these can help you get started:

• Where has the user come from to get to this content?
• What are they trying to achieve? (Another way of looking at this is “What’s the user’s need or problem?”)
• Can they achieve that with this content?
• Can content that isn’t relevant and doesn’t help them achieve their goal be stripped out?
• Is there unnecessary technical terminology and/or internal jargon in the content? 

Answering the above questions normally takes a collaborative effort from UX research, UX design, and UX writers. It requires a deep understanding of your users, their journeys, and their needs.

But a commitment to user-centered content can produce impressive SEO results in the medium and long term, as Google will recognize and reward good quality, relevant content.   

2. Create well-structured content

Going back to the “usability of web pages” factor, you can see that accessibility is often the difference between content ranking highly or not.

Accessibility comprises many things—we’ll explore more of them later— and a major one is structure. Content that is structured to be scannable is going to be both more accessible to all users and more likely to score highly on usability.

(For a deep dive into scannability, check out Scannability: The Complete UX Writer’s Guide.)

Getting your structure right is dependent on understanding your users’ needs, as mentioned in point 1. Once you’ve understood them—and subsequently decided on the key messages that need to be in your content—you can start to structure it logically to help the user quickly find what they’re looking for.

A scannable structure means using things like:

• Headings: Using heading levels like H1 (only once per page), H2, H3, etc., not only help your content to be more accessible by clearly telling readers what it’s about, but it also helps with scannability and signals to Google what the content is about, so it can easily determine its relevance. 
• Put key information in the first two paragraphs: This practice—which is also known as front-loading—means the key info is much more likely to be scanned by your users. You can give them what they need early on or at least show them if they’re in the right place to find what they need. You can apply this principle to the rest of your content by putting information-carrying words at the start of sentences and paragraphs to make it more accessible.
• Short paragraphs and short sentences: Whatever the context and content, these are always better options than walls of text. Short paragraphs and sentences help users digest your content and keep their cognitive load lower. They mean there’s more white space, which supports scannability and accessibility.
• Lists: Lists can be used to simplify complex content, making it more accessible and scannable. If the order of the items in the list is important, use numbers. Otherwise, a bulleted list is fine. And, to help the structure even more, keep the items on the list short and structure them consistently, i.e., all nouns or phrases that start with a verb.
• Visuals: Including visuals like tables, images, and custom graphics (when appropriate) can help with both SEO and accessibility by giving your content more structure and making it easier to digest for a wide audience.

3. Focus on findability

Focusing on findability links back to user-centered and well-structured content. There’s no point spending weeks on user-centered content that the user can’t find in the first place.

This is why Google encourages you to self-assess your content with the question, “How easily can visitors navigate to or locate the main content of your pages?” (Source: Understanding Google Page Experience | Google Search Central | Documentation). 

I don’t have space to explore findability in detail here, but it’s safe to say that getting your information architecture and navigation right, having an easy-to-use search that returns meaningful results, and creating solid on-page navigation is a great foundation.

For those of you who want to learn more on the topic, our blog A Beginner’s Guide To Information Architecture is a great starting point.

4. Create a mobile-friendly UI

Another way in which UX and SEO overlap is in the importance of mobile-friendly UIs. Google clearly cites the importance of this factor in their documentation on the “Usability of web pages”. As well as reaping SEO benefits, responsiveness contributes to a strong UX and is a key part of accessibility.

If we again look into Google’s documentation about how they evaluate and rank content, we can find guidelines about “Mobile-first Indexing Best Practices”.

This is because, in Google’s own words, they “predominantly use(s) the mobile version of a site’s content, crawled with the smartphone agent, for indexing and ranking.” 

But what does this mean for you as a UX designer? Three things jumped out from the documentation as important tasks for UX designers:

1. Create a mobile-friendly site
2. Make sure that Google can access and render your content
3. Make sure that content is the same on desktop and mobile

And I highly recommend reading the linked content on Mobile-first Indexing Best Practices for more detailed insights on how a mobile-friendly UI can boost your SEO.

5. Have fast loading times

Google is very clear that site speed and loading times are a key part of the usability of web pages, which is a high-level category they evaluate websites and content on. 

As a UX designer, site speed and loading times won’t be solely your responsibility of course, but you can definitely play a role in identifying and resolving any issues that come up (in most organizations, this will be a collaborative effort with engineering).

You can check your content’s loading times on Google’s tool PageSpeed Insights and get familiar with Google’s Core Web Vitals, which is a set of metrics to measure “real-world user experience” and includes loading times and visual stability.

Now that we’ve gone through five ways you can use UX for better SEO let’s wrap things up with a few key takeaways.

Key takeaways

The relationship between UX and SEO is now stronger than ever, and being successful as a UX designer—or as an SEO specialist for that matter—requires a solid understanding of it.

Fortunately, Google itself is quite open about how it evaluates and ranks websites and content in its search results, and from this, we can see that a lot of the key factors they look at are related to good UX.

They even go as far as saying that—if everything else is roughly equal quality-wise—the most accessible content will be ranked higher.

So, if you haven’t spent time thinking about the five key ways you can use UX for SEO—creating user-centered content, creating well-structured content, focusing on findability, having a mobile-friendly UI, and having fast loading times—today’s probably the day you should. 

Did you enjoy this article? You might also like these:

• A Complete Guide to On-Page SEO [Updated for 2023]
• 7 Free SEO Courses For Digital Marketing Beginners
• 11 of the Best Online UX Design Courses in 2023 

But whether users notice it or not, good UX is fundamental to any positive interaction experience. You can dress up a product in gorgeous graphics and use the latest code to make it work, but if the UX is confusing or counterintuitive, users are bound to feel frustrated and annoyed.

UX can involve many things, from smart navigation to clear organization of information and from responsive communication to surfacing relevant choices. There’s also plenty of non-digital UX out there in the world! Let’s take a look at some examples of brilliant UX design. In each of these, I’ll focus on the parts of an interaction that are particularly well done and what you can learn from them.

Here are the examples we’re going to explore:

1. Disney+ landing page
2. Quibi rotating video
3. Apple compare items
4. Threadless add item experience
5. Zoom experience
6. Finding more examples of great UX design

Let’s get started!

(Image credit: Cynthia Vinney, Disney+ landing page)

1. Disney+ landing page

Sometimes, a user experience can be improved by making one simple change to an otherwise familiar design. The Disney-centric streaming service Disney+, which assembles all the movies and TV shows from the company’s vast catalogue in one place, does just that. After logging in, users are presented with a landing page that will look familiar to anyone who’s ever used Netflix. It includes a big featured area at the top and horizontal rows of video options organized by genre or other recommendation criteria below.

But in between those two familiar elements is a set of logos representing Disney’s five brands. Because each of these brands is so popular and already has its own identity, each logo immediately communicates what users can expect if they select one of them.

Craving a superhero movie? Go to the Marvel section. In the mood for a nature documentary? Check out National Geographic. Want to travel to a galaxy far, far away? Select Star Wars. By recognizing the content available on Disney+ can be categorized in a unique way that communicates something valuable to users, the streamer provides a new means for users to quickly access the movies and shows they’re searching for.

What We Can Learn From Disney+

Always consider new ways to divide information, even for UX designs that are based on established interaction patterns. While you may not want to change a classic user experience too much, if there is an innovative, easy-to-understand way to communicate categories of information and help users navigate to the content they want, users will appreciate its inclusion in the design.

(Image credit: Emerson Schroeter, Quibi landing page)

2. Quibi rotating video

The mobile-first video-streaming app Quibi launched with one especially exciting innovation: rotating video. While most video content appears in landscape no matter how you orient your mobile device, Quibi’s videos fill the screen whether your device is in portrait or landscape, and also rotate seamlessly between the two. While the technology to make this work is no doubt complex, the idea behind the innovation is an example of fantastic UX design. It recognizes a UX issue with the way we watch videos on our mobile devices and creates a simple, elegant solution to fix it—a solution that seems so obvious, many users will likely wonder why it didn’t happen sooner.

What We Can Learn From Quibi

Sometimes an obvious solution is the best one. For long-running issues with interactive experiences, such as the orientation of videos, UX designers and users may easily reach the same conclusion about how to improve things. In this case, the UX designer shouldn’t over-complicate or over-think things; they should simply give users what they want.

(Image credit: Cynthia Vinney, Apple’s Compare Phone Models)

3. Apple compare items

There are many parts of Apple’s website that make it a successful user experience, however, one of my favorite parts of the site is the compare products feature. There, you can pick up to three items from a particular product category and see a side-by-side comparison, something that’s especially useful for products whose specs may only be somewhat different.

(Image credit: Cynthia Vinney, Apple’s Compare Phone Models – Quick Look)

The top of the compare products page is dominated by images of the users’ chosen products and their price points. Then, information is served up in a logical sequence as the user scrolls down the page, starting with a general summary “Quick Look” and getting increasingly technical.

The user can also navigate to buy the product at the top of the page or to a page to learn even more at the bottom. Meanwhile, the name of each product remains at the top of the page as the user scrolls so they never have to worry about losing track of which information is about which product.

Apple’s comparison experience replicates comparison shopping in a store while improving on it by providing a digital format created specifically for this task. This results in an incredibly useful tool that makes shopping easier.

What We Can Learn From Apple

While we’ve all gotten used to shopping online, little moments of innovation and assistance make the experience smoother and more enjoyable. Especially when it comes to big-ticket items or items that are difficult to choose between, anything that helps the user make their purchase decision more easily will improve their experience.

(Image credit: Cynthia Vinney, Threadless)

4. Threadless add item experience

Threadless sells t-shirts designed by a community of talented artists. The company has an irreverent vibe that revels in creativity, and that shows in the experience they’ve created to add an item to a user’s cart. At its core, this experience is like that of many e-commerce apps, but by adding a few unique touches, Threadless makes it more responsive and delightful.

After selecting the “Add to Cart” button on a product page, a pop-up appears acknowledging the addition to the user’s shopping cart, showing the item that was added, and providing the total price of all the items that are in the shopping cart. This level of communication not only assures the user they’ve successfully added the item they intended, it also lets them know approximately how much they’re spending — especially useful if you’re on a budget.

Plus, the cartoon of the cart at the top of the pop-up adds a level of whimsy and joy to the experience that’s in-line with the Threadless brand and makes the experience more fun.

What We Can Learn From Threadless

It’s important to communicate with users that they’re on the right track as they navigate through a digital experience. In an e-commerce experience, this means acknowledging when a user has added an item to their shopping cart. After all, the user’s action means they intend to buy the specific product, so letting them know they’ve chosen the right product and the right quantity of that product reassures them and makes the user experience feel that much smoother. If small moments of fun or delight in the way you communicate that information can be added along the way, so much the better.

(Image credit: Cynthia Vinney, Zoom)

5. Zoom experience

Zoom has become the go-to virtual meeting app—and it’s easy to understand why. Zoom’s home screen distills what can seem like a complicated endeavor into four simple options. You can start a meeting immediately, schedule a new meeting, join a meeting that someone else scheduled, or share your screen. After selecting any of these options, Zoom guides users to a new window where they can easily complete the task. The experience doesn’t include a lot of extra bells and whistles, but it doesn’t need to. The app surfaces the most likely tasks users will want to use Zoom to complete and makes it easy to get started.

What We Can Learn From Zoom

Zoom keeps things simple by focusing its top-level choices on the tasks users are most likely to use the app for. UX designers should always have a good idea of the tasks users will want to complete on the product they’re designing. Once they understand what a user wants to do with a product, the UX designer should surface the first step in the most important tasks as early in the user experience as possible.

Finding more examples of brilliant UX design

These are just a few examples of brilliant UX design, but there are many more. One way to find them is to start paying attention to the sites, apps and other digital products you use everyday.

Consider what you like about them and what they do differently from other products you’ve used. Pay particular attention to interactions that delight you or that you particularly enjoy. That way, anytime you touch a computer or mobile device you can learn something new about UX design.

Another is asking professionals which companies, apps, or sites they’re impressed by. We did just that in this video, by asking UX designers in New York which examples of great design they’re in love with:

Wrapping it up

If you want to learn more and become a brilliant UX designer yourself, then CareerFoundry’s free 5-day UX short course is a great start.

On top of that, you’ll also find the following articles useful:

• These Are The 11 Best Online Courses to Learn UX Design In 2023
• What is Usability? (And How to Do It)
• 3 Examples of interaction design at its best

Making sure you’ve got an impressive portfolio to your name is important for both fresh-faced UX designers and seasoned industry veterans.

In this article, we’ll try to inspire you with awesome UX portfolio examples and UX design portfolio best practices.

The 20 Best UX Portfolios

Without further ado, here are our picks of the best UX design portfolio examples.

1. Gloria Lo nails the high-impact introduction

Who is Gloria Lo?

Gloria Lo is a self-taught product designer based in Sydney, Australia. In her own words, she is passionate about improving the lives of others through design and is constantly looking to learn new things every day.

What makes Gloria’s UX design portfolio so great?

One of the first things your UX portfolio should do is introduce you as a designer. Employers and potential clients want to know who you are and what you’re all about—and they should be able to find this out within seconds of landing on your portfolio website.

Gloria has nailed her designer introduction with a three-tiered approach. First, she treats us to a bold, eye-catching headline that describes her in terms of her favorite activities.

In just four simple verbs, we know that Gloria is a creative, multi-talented soul with quite a few hobbies in her repertoire. Oh, and these verbs “light up” in different colors when you hover over them—a nice additional dash of personality!

After such an enticing headline, we’re inevitably curious to know more about Gloria—and sure enough, her portfolio delivers. Directly beneath that unmissable heading, Gloria tells us exactly what she does and what she’s passionate about in just two sentences.

Gloria has mastered the delicate art of brevity while still managing to convey the most important information—not an easy feat!

By now, Gloria has well and truly piqued the viewer’s interest. Luckily, her portfolio also features a comprehensive “About” page, complete with a video, a section detailing her values (with the help of emojis), a very thorough testimonial from a former employer, and links to her music and artwork.

What can we learn from Gloria Lo?

When it comes to your own UX design portfolio, make like Gloria and be sure to include a meaningful introduction. Keep it compact yet high-impact on the home page, and then provide more detail in a dedicated “About” section.

Besides crafting a gripping “about me” statement, try to inject a bit of personality into the visual design, too—just like Gloria’s colorful hover effect.

Key takeaway

The viewer should know exactly who you are and what you do within seconds of landing on your UX design portfolio. Craft a compelling headline that provides all the most important information at a glance.

View Gloria Lo’s full portfolio website

2. Moritz Oesterlau masters the art of storytelling through case studies

Who is Moritz Oesterlau?

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

Moritz studied UX design with CareerFoundry and is now part of the Global Goals Curriculum 2030 team, helping to shape a democratic, just, and sustainable society through the power of education.

What makes Moritz’s UX design portfolio so great?

Moritz’s portfolio really gets to the heart of what UX design is all about: going through a process to solve a user problem. Moritz doesn’t just show the finished product; he shares, in detail, all the methods and processes that got him there.

Each project is presented as a case study, which immediately tells us we’re in for a lot more than just eye candy.

Click on any one of these case studies and you almost feel like you’re in the room with Moritz himself—a fly-on-the-wall as he works through his UX design process.

Take the Approach to Digitization in Education case study, for example. Moritz leaves no stone unturned, documenting the project from start to finish.

He takes us on a logical journey, putting the design challenge into context before going through competitor analysis, interviews and surveys, building empathy and creating user personas, defining the information architecture, wireframing, prototyping, and usability testing.

For each step, he explains what he did, why he did it, and what he learned as a result.

What can we learn from Moritz Oesterlau?

When showcasing your UX design work, follow Moritz’s example and place your process front and center. You’ll notice that Moritz doesn’t show the finished product until the very end of each case study, and that’s because he’s telling a logical story.

With each case study, start from the beginning and guide the viewer through the main steps that led you to the final solution. It’s okay to include screenshots of a beautiful end product, but make sure you’ve documented your process in detail first.

Key takeaway

Showcase your process, not just the finished product. Write about the methods you used, what you learned along the way, the challenges you came up against, and how you solved certain problems. Each case study should tell a complete, logical story.

View Moritz Oesterlau’s full portfolio website

3. Elizabeth Lin reigns supreme with visual storytelling

Who is Elizabeth Lin?

Elizabeth Lin is a San Francisco-based product designer and self-proclaimed fashion, teaching, and classical saxophone enthusiast.

What makes Elizabeth’s UX design portfolio so great?

Elizabeth Lin’s portfolio provides another excellent example of storytelling. Just like Moritz, she presents her design work in the form of case studies, documenting her process from start to finish.

What really stands out in Elizabeth’s portfolio, though, is her use of visuals to support the narrative she’s weaving.

Each point in her case study is illustrated with some kind of visual element—be it a virtual wall of Post-it notes, a survey form that was sent to research participants, or early-stage prototypes.

Another effective storytelling technique that Elizabeth uses is to include little bitesized notes and reflections down the right-hand side.

Set in a different font and color to the main body text, these snippets catch your eye as you scroll.

They provide further, more personal insights into the project—such as “It was cool seeing how differently teachers would use this dashboard” or “We didn’t move forward with this exploration because we wanted to validate the base solution first.”

Supporting your case studies with visual artifacts really brings the project to life. Elizabeth’s portfolio illustrates perfectly how visual and textual storytelling should work together to demonstrate your UX design process.

What can we learn from Elizabeth Lin?

The aim of your UX portfolio is to both show and tell. Just like Elizabeth, support each case study with meaningful visuals—that is, real artifacts from your project, not just illustrations.

Every time you work on a new design project, document your process: take screenshots of user research surveys you send out, snap photos of your wall covered in sticky notes after a heavy brainstorming session, and keep hold of your wireframes as they progress from low to high fidelity.

When it comes to adding a new case study to your portfolio, these artifacts will help you tell a logical story.

Key takeaway

Don’t just tell the story of each project; bring it to life with visual artifacts. For each step you go through in your case study, include a photo or screenshot of how it looked in action.

View Elizabeth Lin’s full portfolio website

4. Olivia Truong showcases her approach to problem-solving

Who is Olivia Truong?

Olivia Truong is a product designer based in Boston, Massachusetts. In her own words, Olivia likes to go out into the world and capture its beauty and weirdness.

What makes Olivia’s UX design portfolio so great?

Above all else, UX designers are problem-solvers. Your UX design portfolio should therefore demonstrate how you identify and tackle a variety of user problems. Olivia’s portfolio does a great job of this, as you’ll see in her Routr case study.

Olivia kicks off her case study by framing the problem in a personal, relatable way. She doesn’t just talk about the “user” problem—she frames it as “our” problem, inviting the reader to step into the user’s shoes, just as she has done.

Next, Olivia explains, in detail, how she set about trying to solve this problem—in a section aptly named “There Must Be Something Out There”. We learn how she scoured the internet and App Store for a solution, only to find that none of the existing solutions fit the bill.

In the section that follows, “Taking The Dive”, Olivia shares the next steps in her problem-solving journey: brainstorming the elements of a successful date.

After thoroughly framing the problem and describing her approach to solving it, Olivia moves onto “The Making Of Routr.” Notice how, even when talking about her solution, Olivia consistently refers back to the original user problem.

Olivia’s portfolio portrays her as a thoughtful problem-solver—granting her huge bonus points in the eyes of any recruiter or potential client. This focus on problem-solving also conveys another essential UX trait: empathy for the user.

When reading Olivia’s case study, you don’t get the feeling that she’s just going through the motions; she’s genuinely engaged in the problem and how she can solve it for the user. That’s the sign of a passionate UX designer!

What can we learn from Olivia Truong?

UX designers are problem-solvers, so make sure your portfolio reflects that. There are two key lessons we can learn from Olivia’s portfolio: first, start each case study by framing the problem in detail, and second, frame the problem in a way that conveys empathy.

Above all, think about the language you use. Don’t just state the problem; relate to it and put some emotion behind it! Olivia describes how planning dates was a “headache” because “coming up with ideas was not the easiest thing to do in our busy lives.”

This is much more personal and empathy-driven than if she’d said “Users struggle to come up with date ideas because they’re so busy.” Last but not least, refer back to the original problem throughout—even when you progress to the solution.

Key takeaway

Your UX design portfolio should demonstrate your approach to problem-solving. Kick off each case study by framing the problem in detail, using emotive language to convey empathy. Refer back to the problem throughout.

View Olivia Truong’s full portfolio website

5. Priyanka Gupta is the queen of the unsolicited redesign

Who is Priyanka Gupta?

Priyanka Gupta is a product designer and tech enthusiast based in San Francisco. Aside from creating awesome user experiences, Priyanka is also pretty active on Medium.

What makes Priyanka’s UX design portfolio so great?

Early on in your UX career, you might struggle to fill your portfolio with real projects. As your career progresses, you might look for ways to make your portfolio stand out. So what can you do?

Cue the unsolicited redesign à la Priyanka Gupta.

When Priyanka runs into bad UX, she can’t help but do something about it. Where most of us might just abandon ship and find an alternative product, Priyanka goes above and beyond: she redesigns the entire experience!

So, in addition to real client projects, Priyanka’s UX portfolio also showcases some rather impressive unsolicited redesigns.

One can’t help but be impressed by Priyanka’s initiative and drive. She’s gone out of her way to redesign an entire digital experience, just because she’s passionate about good UX—how cool is that?!

What’s also interesting is how Priyanka chooses to showcase these redesigns. She could just stick to the standard case study format, but as we know, she’s the kind of designer who likes to go above and beyond.

Click on one of her unsolicited portfolio pieces and you’ll be taken to a full-on, published blog post. Nice!

Despite the fact that these unsolicited redesigns are pure “passion projects”, Priyanka lends them the credibility they deserve by documenting her process in detail.

In her redesign of the Sephora iOS app, she starts by framing the problem: “Despite using the app religiously, I had trouble navigating through it. After observing that other people also experienced issues with the app, I pursued this redesign as an opportunity to improve the experience in any way I could.”

What follows is a detailed breakdown of every step she took to redesign the app, from brand analysis, user research, and affinity mapping, right through to persona creation, prototyping, and implementation—not forgetting those all-important visual artifacts that are absolutely crucial to UX storytelling!

What can we learn from Priyanka Gupta?

Priyanka is an experienced UX designer who presumably has plenty of real projects for her portfolio. This doesn’t stop her from conducting unsolicited redesigns when she comes across intolerably bad UX—as she puts it, it’s like an itch she just needs to scratch!

If you’re a new UX designer trying to build up your portfolio, take a leaf out of Priyanka’s book and complete some unsolicited redesigns of your own. This is a great way to demonstrate initiative and show that you’re a proactive designer who is willing to go the extra mile.

Just as Priyanka does, be transparent about the fact that these are unsolicited projects—a simple disclaimer is all you need.

Another valuable takeaway from Priyanka’s portfolio is the power of blogging. Priyanka doesn’t just limit herself to her portfolio website; she also shares her case studies and tips via Medium (where she’s accrued over a thousand followers!).

There are many different ways to share your process, so don’t be afraid to try a multichannel approach.

Key takeaway

Unsolicited redesigns are an excellent way to build up your UX portfolio and demonstrate your initiative as a designer. As always, frame the problem, document your process, and tell a good story—and don’t forget to include a disclaimer.

View Priyanka Gupta’s full portfolio website

6. Lola Jiang delivers measurable outcomes and metrics

Who is Lola Jiang?

Lola Jiang is a California-based UX designer currently working at Google. Lola’s impressive resume includes having worked at YouTube as an interaction designer.

What makes Lola’s UX design portfolio so great?

One of the biggest challenges you’ll face as a UX designer is measuring and demonstrating the impact of your work. You know you’ve improved the user experience, but how do you substantiate that?

Look no further than Lola Jiang’s portfolio. Lola does an extremely important (yet scarce) thing: she puts the measurable impact of her UX design in the context of business needs.

Take her AI Training Platform case study, for example. Following a brief introduction to the project (literally one sentence), Lola offers the project’s outcomes: “The new design reduced task times by 68% and improved users’ subjective satisfaction by 139%.”

It’s immediate and impactful. Lola then takes us through the flow of the project, outlining the scale and scope of the work. She details the challenges, different iterations, and design, and clearly demonstrates the motivations behind decisions.

Lola rounds off her case study with a post-relaunch analysis, using concrete data to validate the final redesign: “With the original design, the set of tasks took 19 minutes. With the new design, the set of tasks took 6 minutes. Nearly 68%. Users’ subjective satisfaction with the new design (4.3/5) was 139% higher than the original design (1.8/5).”

What can we learn from Lola Jiang?

Lola does a great job of showing how she works in a business setting. This is crucial if you want to practice UX for a living, but it’s a trick that many designers tend to miss. While it’s true that you’re there to advocate for the user, it’s also important to recognize that companies have their own goals to meet—and you need to show how UX contributes to that.

If, like Lola, you can demonstrate how your work brings value, you’ll set yourself up for some serious bonus points. If you have data related to the project, this will be easy—but what if there aren’t any concrete metrics to showcase?

Even without data, you can frame your work in a business context. Set a business or product goal at the start of the case study. What do you hope your work will achieve? This is separate from the user goal, but the two should go hand in hand.

For example, creating a more pleasant app experience for the user should help to boost customer retention.

Likewise, establish a few success metrics before you begin. How will you measure the impact of your work? What tell-tale signs will you look out for after you’ve launched or relaunched the product? The best UX designers are those who can advocate for the user while meeting the needs of the business, so try to convey this throughout your portfolio.

Key takeaway

Use your portfolio to demonstrate how you add value to the business. Set business goals and success metrics for each case study, and, where possible, include data and tangible outcomes.

View Lola Jiang’s full portfolio website.

7. Daniel Autry features “just the right amount” of portfolio projects

Who is Daniel Autry?

Daniel Autry is a designer, developer, and behavioural researcher based in Charlottesville, Virginia. He is fascinated by the social product space and is currently researching the intersection between technology and mental illness.

What makes Daniel’s UX design portfolio so great?

Daniel Autry’s portfolio features some remarkable work in the mental health space, but that’s not the only reason he’s made it onto this list. Daniel’s portfolio also helps to answer that all-too-common conundrum: What’s the “right” amount of projects to showcase in your UX design portfolio?

Before we go any further, let’s be clear on one thing: There’s no “magic number” when it comes to portfolio projects. Some people will tell you five, others will say three—you might even hear that one is enough!

Daniel has opted to showcase four projects in his UX portfolio, and while we’re not saying that he’s found THE magic number, it is a magic number of sorts.

In other words, Daniel has found the number that works for him: He features just enough projects to showcase his range as a designer while still keeping it limited enough so as not to overwhelm the user—smart UX design in action!

In the space of just four featured case studies, we see that Daniel is a versatile designer who has worked on a variety of projects across a range of sectors—from mental health to financial trading to e-learning. So, it’s not just about how many projects you showcase; it’s just as important to pick a good variety.

Besides his four featured projects, Daniel’s portfolio also includes a section dedicated to “Other Works”. Here, he links to articles he’s written on Medium, additional projects he’s worked on, as well as upcoming endeavors.

This is a great way to divide your portfolio, especially if you’re struggling to decide which of your best work should feature!

What can we learn from Daniel Autry?

Daniel’s portfolio teaches us an important lesson about the “right” number of portfolio projects: There isn’t one! Every UX designer is unique, and your portfolio should reflect that.

Don’t get too hung up on whether you should include three projects or five; focus instead on selecting a handful of projects that best showcase who you are as a designer.

If you want to brand yourself as a versatile, adaptable designer, feature as diverse a variety of projects as possible.

If you see yourself as a specialist in a certain industry, highlight the projects that demonstrate this. At the same time, don’t overwhelm the viewer: a hiring manager looking through your portfolio probably won’t browse through ten UX case studies, so choose wisely!

Key takeaway

There is no hard-and-fast rule when it comes to how many projects you should feature in your portfolio. Choose a good enough variety to showcase your skillset, while keeping it minimal enough so as not to overwhelm the user. If you’ve got lots more work you want to showcase, add a separate section.

View Daniel Autry’s full portfolio website

8. Vera Chen highlights the importance of context

Who is Vera Chen?

Vera Chen is a product designer and former Facebook intern. She has a Master’s degree in Human-Centered Design and Engineering, and has also dabbled in singing and acting.

What makes Vera’s UX design portfolio so great?

Not only is Vera’s portfolio a beautiful thing to behold (just look at those illustrations!); it also highlights the importance of context when presenting your UX work.

Vera doesn’t just outline the problem statement for each case study—she steeps it in a solid back story, describing the events that led her there. She also clearly explains her role on each project, who she worked with, and what design and prototyping tools and methods they used.

Just by including these few extra details, Vera paints a clear picture of what the project entailed and how she contributed. Another excellent example of UX storytelling!

Let’s take Vera’s Wedding Library case study, for example. See how she dedicates two whole sections to setting the scene? First, there’s the project background which lays out the scope of the project. Then there’s the context section, a detailed story about newlyweds Murphy and Diana and the frustrations they faced when planning two weddings.

Vera doesn’t just tell us what the problem is. She shows us exactly how it came to light, and in what capacity she was employed to help solve it. By the time we scroll down to Vera’s process, it’s easy to see where each step fits into the overall project.

It’s a bit like reading a novel: you need a little bit of background before you can start relating to the characters and the plot.

What can we learn from Vera Chen?

There are two very simple yet effective takeaways to be had from Vera’s portfolio. First and foremost, provide plenty of background context—this works wonders when telling the story of each case study.

Vera doesn’t start with the problem statement; she sets the scene, describing the people, events, and circumstances that surround and lead up to this particular design challenge. Aim to precede your problem statement with a small paragraph dedicated to “setting the scene”.

Secondly, state your role on each project. What were you commissioned to do? Where did you fit into the overall team? At the same time, listing your teammates is a nice touch; UX design is a highly collaborative field, so it’s important to demonstrate individual value while acknowledging that the end result was a team effort!

Key takeaway

For each case study in your UX portfolio, provide as much context as you can. Set the scene with a brief backstory before launching into your problem statement. This includes stating your role on the project and, if necessary, who you worked with.

View Vera Chen’s full portfolio website

9. Zara Drei bedazzles with awesome UX and UI

Who is Zara Drei?

Zara Drei is a London-based UX designer. When she’s not solving problems with beautiful, user-centric web products, you can find her playing around with electronics, making video loops, building ceramic and metal sculptures, or producing electronic music.

What makes Zara’s UX design portfolio so great?

We’ve talked a lot about the importance of showcasing your UX design process. Now it’s time to contemplate the power of beautiful UI! This brings us to Zara Drei’s portfolio—the epitome of digital elegance.

Zara specializes in creating digital products and experiences for luxury, fashion, and beauty brands, and this is reflected in every detail of her portfolio.

In fact, scrolling through Zara’s portfolio is like wandering through the beauty department of a high-end store, or flipping through the pages of a glossy magazine—and that’s no accident.

She has given as much thought to her color palette, typography, and imagery as she has to writing up her case studies and sharing her process. The result? A flawless portfolio that truly makes its mark.

What can we learn from Zara Drei?

Your UX design portfolio is not just a website—it’s part of your personal brand. Like your case studies, the overall aesthetic of your portfolio should tell a story about who you are as a designer. Consider how Zara uses color and imagery to evoke a sense of luxury throughout her portfolio; how can you create a similar effect?

Spend some time figuring out your personal brand. Are you fun and quirky? Artsy and edgy? Corporate and serious? Perhaps you’re all about eco-friendly design.

Once you’ve got a theme in mind, you can start to think about the kinds of colors and imagery that will help to convey this. Just because you’re a UX designer doesn’t mean you can neglect the visual design of your portfolio.

Your portfolio should embody your personal brand, so treat it like any other UX project and give it the high-shine finish it deserves!

Key takeaway

Your portfolio website should reflect your personal brand, and visual design plays a crucial role. The best portfolios offer the full package—detailed case studies wrapped in stunning UI design and flawless UX—so aim to tick all the boxes!

View Zara Drei’s full portfolio website

10. Minimalism from Victoria Kazakova

Who is Victoria Kazakova?

Victoria Kazakova is a Polish UX designer, web developer, and photographer. 

What makes Victoria’s UX design portfolio so great?

In the enormous and sometimes confusing online world we trawl through daily, Victoria Kazakova’s UX portfolio wins the prize for clarity and ease of understanding. 

Throughout Victoria’s portfolio, she sticks to a minimalist design palette and clear signage, a simplicity that makes for a delightfully smooth read. 

Better still, words that spring up on command stroll through the portfolio, leading the reader from section to section. 

Charts and graphics displaying her skills and experience are so simple they appear iconic. There’s no chance the reader could feel lost or confused.  

What can we learn from Victoria Kazakova?

When it comes to graphic design, sometimes simplicity is best. The last thing you want to happen when someone reads over your portfolio is for them to feel overwhelmed with data.

Victoria’s portfolio is a great example of how responsive screens can ease the user’s journey through pages of information. 

Key takeaway

Don’t be tempted to overload. Stick to two classy fonts and an inoffensive colorway. These simple building blocks can lead the user’s eye as they navigate your work. 

View Victoria Kazakova’s full UX portfolio

11. Yu-Hsuan offers zero-gravity UX

Who is Yu-Hsuan?

Yu-Hsuan is a UX designer, currently working for Google as an interaction designer. 

What makes Yu-Hsuan’s UX design portfolio so great?

Yu-Hsuan’s impressive role at Google means that many of her current projects are “locked” due to non-disclosure agreements. This is a common problem in the UX design community and a hurdle many designers face when putting together their portfolios. 

Yu-Hsuan’s deft solution is to focus on the illustrative side of her UX portfolio, which showcases her passion and side projects as a graphic designer and game designer. 

She also uses her illustrations to depict the otherwise locked aspects of the projects she’s describing. This gives a lovely cohesion with the rest of the content in her portfolio and reduces the jarring effect locked projects can sometimes have. 

The floating designer illustration that seems to hover over the portfolio is very cool and points at a sense of fun and creativity necessary to succeed in illustration and gaming. 

What can we learn from Yu-Hsuan?

Through her illustrations, Yu-Hsuan has subtly displayed her UX skills in her portfolio itself. 

This visual approach means the separate parts of the portfolio hang together perfectly, even when some of the projects are locked off. 

Another tip from Yu-Hsuan is to be approachable in your portfolio. Dropping in the line “Please contact me if you want to go through the case study” gives a real sense of openness, collaboration, and sharing. 

Key takeaway

If you can’t show direct evidence of a project, don’t hesitate to get creative. A strong visual style not only shows off your design chops but helps a large portfolio hang together nicely. Also, be approachable!

View Yu-Hsuan’s full UX portfolio

12. A holistic introduction to Cristina Gafitescu

Who is Cristina Gafitescu?

Romania-based Cristina Gafitescu is a junior UX designer with a playful approach to visual design.

What makes Cristina Gafitescu’s UX design portfolio so great?

Cristina’s UX portfolio makes a great first impression as it tells her story in an interesting-to-follow, visually engaging way. 

Her playful page layouts and graphics show Cristina’s panache as an illustrator and designer. They also provide a great backdrop as she offers a holistic introduction to herself. 

Through a post-it note, almost diaristic approach, the reader really gets a feel for what kind of person Cristina is, her education and experience, and what attracted her to UX in the first place. 

That’s not to say this portfolio is totally informal. Cristina also does a great job of showing her processes, identifying problems (with a focus on UX research), solutions, and testing. 

Key takeaway

When the temptation may be to opt for oblique, abstract graphics that display your design chops in the coolest terms, save a thought for a more intimate approach. 

Cristina’s portfolio is emotionally honest, charming, and informative. The effect on recruiters—especially those suffering from portfolio fatigue—is likely persuasive. 

View Cristina Gafitescu’s full UX portfolio

13. The spatial awareness of Rucha Moghe

Who is Rucha Moghe?

Rucha Moghe is a UX designer with a background in architecture based in India. 

What makes Rucha Moghe’s UX design portfolio so great?

From start to finish, Rucha’s UX portfolio ticks all the right boxes. It’s visually strong and easy to digest. Her user journey map is smart and in context, and the user flows, wireframes, and usability study are all useful.    

Tehni: A Plant App is an especially great case study and easy to follow. On the whole, Rucha’s portfolio is incredibly strong on user personas. 

As Rucha suggests, her background as an architect provides her portfolio with a great sense of user-centered design principles, spatial awareness, and problem-solving skills transferable to digital spaces. 

No space feels wasted, nothing is jumbled, and the reader never feels lost or confused. This is architectural elegance in portfolio form. 

Key takeaway

Reinventing the wheel in your portfolio isn’t necessarily a good idea. Rucha’s portfolio nails the basics: it’s logical with an easy-to-follow narrative that shows how user problems were solved. It’s bold and eye-catching and features great user personas.

View Rucha Moghe’s full UX portfolio 

14. Nguyen Duc Thang’s deep case studies

Who is Nguyen Duc Thang?

Nguyen Duc Thang is a UX designer based in Hanoi, Vietnam. Although just starting in his career, Nguyen Duc Thang knows how to put together a really strong portfolio. 

What makes Nguyen Duc Thang’s UX design portfolio so great?

Much like Rucha Moghe, Nguyen Duc Thang’s UX portfolio gets the basics right despite the difference in experience. 

Nguyen Duc Thang’s branding is particularly strong, with eye-catching graphics consistently holding the content together throughout the document. 

After introducing himself, Nguyen Duc Thang covers his skills and qualifications before launching into extensive case studies. No stone is left unturned in these exhaustive examples, which detail wireframing, prototyping, testing, user personas, visual design, and information architecture. Bravo! 

Key takeaway

Don’t scrimp on your case studies. Tell the world how you nailed that project, from top to tail.

View Nguyen Duc Thang’s full UX portfolio

15. Precocious design from Gilbert Christian

Who is Gilbert Christian?

Gilbert Christian is an Indonesian UX design student in the early stages of his career. As Gilbert mentions in his portfolio, he’s open to all manner of part-time, voluntary work, or UX internship programs. 

What makes Gilbert Christian’s UX design portfolio so great?

Despite his relative inexperience, Gilbert’s UX portfolio is extremely easy on the eye, with strong data visualization and imagery leading you from one page to the next.   

Gilbert’s case studies show a maturity beyond his experience, with thorough documentation giving us insight into his work processes. 

Gilbert’s portfolio is stunning and applies the same key UX design principles present in his work. 

Key takeaway

If in doubt, build a logical narrative showing how a problem was understood, defined, and solved. 

View Gilbert Christian’s full UX portfolio

16. Valentina Gigli’s bold branding

Who is Valentina Gigli?

Valentina Gigli is a junior UX designer based in Argentina.  

What makes Valentina Gigli’s UX design portfolio so great?

Aside from the bold color scheme and font choice, Valentina keeps things simple with her portfolio. 

After introducing herself, Valentina discusses her “aptitude palette”, before moving on to her design examples. 

Whether you’re a fan of purplish magenta or not, the bold titles and lurid colors certainly make for clear signposting and remain in the mind’s eye for some time after looking away, a key sign of successful branding. 

Key takeaway

When it comes to color schemes and fonts, it’s tempting to play it safe. Taking some risks may mean your portfolio pops out from the crowd.

View Valentina Gigli’s full UX portfolio

17. Aleyna Aykanat raises a smile

Who is Aleyna Aykanat?

Akeyna Aykanat is a Turkish UX designer with skills in public speaking, 3D product modeling, and graphic design.

What makes Aleyna Aykanat’s UX design portfolio so great?

Aleyna’s work is in monochrome black and white, with grainy charcoal textures offering depth to each slide. 

The result feels mature and assured—and Aleyna has the content to match it, too. 

After what feels like a serious offering, Aleyna offers something of a UX visual joke at the end of her portfolio, including a fake loading page, before bidding us farewell. 

Overall, it leaves one with the impression of Aleyna as a fun-loving lateral thinker—just the kind of person we’d like on our team. 

Key takeaway

Many UX design portfolios are made using guidelines shared amongst tens of thousands of junior designers at bootcamps and other learning establishments. 

These cookie-cutter portfolios can feel a little soulless and may result in recruiters developing a kind of portfolio fatigue. 

As Aleyna shows so elegantly, including a curveball element—in this case, the joke towards the end of her portfolio—shows the portfolio has been assembled with care and craft, not painted by numbers.  

View Aleyna Aykanat’s full UX portfolio

18. Sharon Kravanja’s scrapbook stylings

Who is Sharon Kravanja?

Sharon Kravanja is a Parisian UX designer at the beginning of her career.

What makes Sharon Kravanja’s UX design portfolio so great?

From the outset, Sharon makes no bones about her very junior status as a UX designer. This is reflected in her opening statement and the primitive doodles that annotate and decorate each portfolio page. 

Despite this seemingly youthful approach, Sharon’s visual scrapbook style demonstrates impressive self-branding. Scribbles and sweeps bring cohesion to all the moving parts of the portfolio while playfully communicating Sharon’s self-awareness as an inexperienced but sincere and brave designer. 

Key takeaway

Be yourself. A recruiter will sooner remember Sharon’s somewhat youthfully exuberant portfolio over safer designs.

View Sharon Kravanja’s full UX portfolio

19. Sophisticated graphics from Anna Hlushko

Who is Anna Hlushko?

Anna Hlushko is a Ukrainian UX designer with a self-professed focus on minimalism. 

What makes Anna Hlushko’s UX design portfolio so great?

Anna Hlushko’s portfolio speaks of a detail-oriented UX designer with serious design chops. 

Modernist typography and dark, grainy hues glue the elements of this portfolio in place. Anna’s graphic design skills are at the higher end of the spectrum, and these pages wouldn’t look out of place in a MoMA brochure.

Beyond the slick exterior, Anna also touches on her approach to tackling stages of work, including research, and details some case studies. 

Key takeaway

Play to your strengths. If visual design is your thing, make sure your portfolio pops. This may be the one chance you have to show off your chops. 

View Anna Hlushko’s full UX portfolio

20. Thorough research by Hoàng Kỳ Phong

Who is Hoàng Kỳ Phong?

Hoàng Kỳ Phong is a Hanoi-based UX designer passionate about art and design. 

What makes Hoàng Kỳ Phong’s UX design portfolio so great?

With black and white images projected onto a backdrop of cartridge paper, Hoàng Kỳ Phong’s portfolio has a classic feel. 

Structurally, it is a masterclass in logical layout and digestible design. Extra marks are awarded for detailed market research and survey information. 

Key takeaway

Consider the user at every step by demonstrating the process and results.

View Hoàng Kỳ Phong’s UX portfolio

Why do you need a UX design portfolio?

When creating an impressive UX portfolio, it’s important to understand exactly what your portfolio should achieve. What information should your portfolio present? What do you want people to learn about you and your work when they land on your portfolio?

Your UX design portfolio is not just a virtual gallery of all your most beautiful work. It’s a carefully crafted story that offers a behind-the-scenes look at your methods and processes.

How do you tackle different UX design challenges? What’s your approach to solving problems? Are you user-centric?

It should introduce you as a designer and give the viewer an understanding of your work. And, of course, all of these insights should come gift-wrapped in a visually engaging, user-friendly package.

How to build an amazing UX portfolio

Since a portfolio is all about showcasing your work as a designer, it’s obvious that you need to get some experience so that you have work to spotlight in the first place.

But what if you don’t have any industry experience (yet)? Not to worry.

It’s entirely possibly to build a strong portfolio, break into the industry, and succeed without previous UX design experience. One great place to start is by taking a free UX design short course to make sure you’re cut out for this area of the design field.

Next, you can then to enroll in a UX design certification program—preferably one that provides personalized UX mentorship and portfolio reviews.

To see a live portfolio review with a seasoned UX designer, check out this video:

Beyond this, you want to make sure that your portfolio meets these criteria:

1. 1. 1. Includes a memorable introduction
      2. Consists of just the right number of high-quality UX case studies
      3. Demonstrates reflexivity—shows your ability to reflect and learn
      4. User-friendly format (practice what you preach)
      5. Excellent UI design—shows you know what a good, polished final product looks like

To learn more about these five criteria (and how to meet them), read more in this guide: Five Golden Rules to Build a Job-Winning UX Design Portfolio.

Where else can you look for UX design portfolio inspiration?

That just about concludes our selection of awesome UX design portfolios from around the web. We hope this list has given you a feel for some of the most important UX design portfolio best practices and left you feeling suitably inspired.

For more portfolio inspiration, check out websites like Bestfolios, Behance, and Dribbble. For further tips and advice on building your own UX design portfolio, check out these articles:

1. 1. • 9 Awesome Portfolios From UX Design Bootcamp Graduates
      • How I Designed And Built My UX Design Portfolio From Scratch
      • 9 Free Websites for Building You UX/UI Portfolio

And finally, if you’re a UX designer looking to specialize, we’ve also written guides to build portfolios for UX writing and UX research. If you spot any further examples of great portfolios while navigating the web, do let us know so we can add them to the list.

Want to keep exploring UX design? Here are a few other articles you might like:

1. 1. • How to become a UX designer in under one year
      • Do you need a degree to become a UX designer?
      • 7 best practices to help keep your UX skillset in shape

And if you’re on the hunt for even more UX design inspiration, here are 15 quotes from design masters.

Frequently asked portfolio (FAQ) about UX portfolios

What should be in a UX portfolio?

A UX portfolio should showcase your expertise, understanding, and passion for UX. A portfolio can include elements like case studies, design, personal projects, examples of your process, and should be presented in a visually pleasing way.

How do I start a UX portfolio for beginners?

A beginner’s UX portfolio is a vital tool for entering the industry. Highlight your passion and motivation for the UX design, include your personal approaches, and if you have minimal case studies to present, include personal projects. 

How do I build my UX portfolio?

With the amount of free templates available online, building your UX portfolio has never been easier. However, it’s important to not limit yourself to a standardized approach and showcase your own unique talent. 

First and foremost, choose your projects and case studies carefully. Then present them in a logical narrative that tells a story about your design process. In your descriptions, highlight your motivations and thought processes.

Across your portfolio, focus on showcasing your design skills and problem-solving abilities, and keep your portfolio up-to-date with your latest work. Be sure to customize your portfolio for the audience.

The city boasts a thriving tech scene, which, combined with Berlin’s diverse and multicultural environment, contributes to a rich and diverse pool of perspectives and creative influences in the field of UX design.

Berlin hosts various conferences, workshops, and events on user experience and interaction design. It’s become home to numerous design agencies, startups, and digital innovation hubs, creating a vibrant ecosystem for UX designers with exciting agencies. 

The natural next question, then, is: what is the UX designer salary in Berlin?

In this article, we’ll look at Berlin’s UX job market and salary expectations. 

1. What is the UX designer salary in Berlin? 
2. UX designer salary in Berlin by experience
   1. Junior UX designer salary
   2. Mid-level UX designer salary
   3. Senior UX designer salary
3. Other UX-related role salaries in Berlin
4. UX designer salary in Berlin by company
5. Key takeaways

1. What is the UX designer salary in Berlin?

UX designer salary Berlin: €53,945

Berlin’s hive of UX activity means some pretty competitive salaries are on offer. 

According to Glassdoor, the typical UX designer salary that Berlin offers is in the range of €47,000 to €66,000 per year. 

This figure varies depending on experience, company, and specialization: which we’ll now dive into! All figures listed in this article are taken from Glassdoor. 

2. UX designer salary in Berlin by experience

Experience is a key influence on salary in any job market, and Berlin is no different. 

What is more unique to Berlin is its thriving UX design startup culture, which can positively impact the salary for less-experienced UXers.

Budding UX designers may be able to reach senior positions more quickly at these modest-sized companies, but generally, salaries are lower than at tech giants.

Here’s a breakdown of UX designer salaries in Berlin based on experience levels.

Junior UX designer: 0–2 years of experience

With less experience, junior UX designers in Berlin are expected to support senior team members, contribute to design projects, and develop their skills.

• Average salary: €44,000 per year
• Additional pay: €2,000 per year

Mid-Level UX designer: 2–5 years of experience

At this stage, designers in most Berlin agencies are typically involved in more complex projects, take on more responsibility, and have a solid understanding of UX design principles and processes.

• Average salary: €54,000 per year
• Additional pay: €3,000 per year 

Senior UX designer: 5+ years of experience

Senior designers in Berlin often lead design teams, drive strategic decision-making, and have extensive experience in UX research, interaction design, and usability testing.

• Average salary: €64,000 to €88,000 per year
• Additional pay: €9,000 per year

3. Other UX-related role salaries in Berlin

But what about other non-design roles in Berlin’s UX jobs market? Let’s take a look at some salaries.

UX writer salaries

Junior UX writer: 0–2 years of experience

• Salary: €35,000 to €50,000 per year

Mid-Level UX writer: 2–5 years of experience

• Salary: €50,000 to €70,000 per year

Senior UX writer: 5+ years of experience

• Salary: €70,000 to €90,000 per year 

UX researcher salaries

Junior UX researcher: 0–2 years of experience

• Salary: €35,000 to €50,000 per year

Mid-Level UX researcher: 2–5 years of experience

• Salary: €50,000 to €70,000 per year

Senior UX researcher: 5+ years of experience

• Salary: €70,000 to €90,000 per year

UX strategist salaries

Junior UX strategist: 0–2 years of experience

• Salary: €35,000 to €50,000 per year

Mid-level UX strategis:t 2–5 years of experience

• Salary: €50,000 to €70,000 per year

Senior UX strategist: 5+ years of experience

• Salary: €70,000 to €90,000 per year

4. UX designer salary in Berlin by company

UX designers are sought after by a wide array of companies in Berlin, including tech startups, e-commerce platforms, digital agencies, financial institutions, and healthcare firms. 

These companies employ varying numbers of UX designers, with larger firms often having dedicated teams, while smaller ones might have individual designers handling user experience.

Some of the notable UX design firms in Berlin include:

• IXDS
• Fjord
• USEEDS°
• Studio GOOD
• Edenspiekermann
• SinnerSchrader
• Aperto
• UID
• T-Labs UX/UI Design
• Designit

Here’s a breakdown of UX designer salaries in Berlin based on different types of companies, along with some example companies in each category:

Startups and small companies

Berlin is known for its startup culture. Startups and small companies in Berlin offer relatively lower salaries than larger organizations, but often have other benefits such as remote working options.

• Salaries: €35,000 to €60,000 
• Companies include: N26, EyeEm, Zenjob, Blinkist, Orderbird

Mid-sized companies

Mid-sized companies in Berlin generally offer more competitive salaries for UX designers, but are (generally) considered less loyal to their employees.

• Salaries: €45,000 to €75,000
• Companies include: Zalando, FlixBus, Delivery Hero, AUTO1 Group, Contentful

Large corporations and tech giants

Established corporations and renowned tech giants operating in Berlin typically offer higher salaries to attract top talent, but the work culture and practices tend to be more traditional.

• Salaries: €60,000 to €100,000 
• Companies include: Siemens, Volkswagen, SAP, Deutsche Telekom, Axel Springer

5. Key takeaways

Berlin is a buzzing hub of UX design. The city is home to many talented UX professionals and specialized companies in the field of UX design: A creative playground offering an exciting mix of opportunities for UX designers.

Here are the key takeaways from this article:

• If you’re a Berliner just starting in UX, you can expect to earn between €40,000 and €46,000 per year. 
• As you climb the experience ladder and become a mid-level designer (2-5 years of experience), your salary can range from €47,000 to €66,000 per year. 
• And if you’re a seasoned senior UX designer with 5 or more years of experience, brace yourself for salaries ranging from €64,000 to €88,000 per year or even more.

If you’re interested in getting some insight into the day-to-day of a UX designer, berlin-based UX professional Maureen Herben describes a typical day in this video.

Whether you’re just starting out or want to take your career to the next level, Berlin has a lot to offer you.

If you’re considering a career in UX design in Berlin, try our free UX design short course.  The full UX design program is also available for free if you’re registered as unemployed in Germany, through the Bildungsgutschein.

Did you enjoy this article? You might like these:

• The 11 Best UX Design Courses in 2023
• New in Germany? The Expats in Germany 2023 Guide
• Here’s How to Become a UX Designer in 2023

First, there are simply too many parts of a UX designer’s role that AI isn’t even close to understanding or performing for it to be either a realistic option or a sensible strategy right now.

Second, UX design is about designing for humans. Naturally, to design for humans you have to understand humans, and this is something AI is not capable of in any meaningful way.

There’s a but, though, and it’s a big one. There are some things that a UX designer does that AI can replicate to some extent.

And when you throw into the mix the fact that some companies are always looking for ways to cut costs and the fact that the capabilities of AI are advancing at breakneck speed, you can see why some people imagine a future in which the craft of UX design is under pressure from AI. But the evidence really does not support that conclusion, thankfully. 

We’ve written this blog—without the assistance of ChatGPT—to give you an overview of the impact of AI on UX design.

We’ll first investigate whether AI can replace UX design. We’ll do this by going through the broader responsibilities of UX designers one by one and seeing whether they can be AI-automated.

Then we’ll look at three ways you can use AI to your advantage as a UX designer and take a wider look at the future relationship between UX and AI.

Finally, we’ll wrap things up with some key takeaways.

As always, if you want to skip ahead to a certain section, use this clickable menu:

1. The impact of AI on UX design
2. Can AI replace UX designers?
   • Can AI carry out competitor research as well as a UX designer?
3. How to use AI in UX design
4. What is the future of AI in UX?
5. A closing thought

1. The impact of AI on UX design

There’s been a lot of noise about the impact of AI on UX design.

One thing we do know is that UX designers are involved in building AI. Meta is currently hiring for their Generative AI team and until fairly recently Open AI was looking for product designers.

But to what extent is AI involved in the UX design process? What AI tools are we talking about? 

There are already hundreds of AI tools out there that could potentially help with UX design, but let’s quickly summarize seven of the main ones:

• ChatGPT: Generates conversational outputs, research, copy, and more based on your prompts.
• UIzard: Scans your sketches and turns them into editable, testable digital designs.
• Copy.ai: Creates different types of copy based on being prompted with the brand, product name, and description.
• Jasper.ai: Generates custom copy so you can avoid lorem ipsum, similar to copy.ai in some ways.
• Fontjoy: Speeds up the process of font pairing.
• Khroma: Creates infinite color palettes according to your prompts.
• Midjourney: Generates images from natural language descriptions (prompts), and can also be used for generating icons, mood boards, and more.
  

Check out our full guide to the best AI tools for UX design here.

In this blog, we’re going to focus on the impact ChatGPT and its design plugin, FigmaAI, have had on UX design. In the next section, we’ll explore whether AI can replace UX designers, by diving into what ChatGPT and its FigmaAI plugin can and can’t do.

(For a balanced overview of AI’s impact on tech more broadly, our blog Big Tech Layoffs 2023: Are Tech Jobs Secure? is a great place to start.) 

2. Can AI replace UX designers?

A lot of UX design is about empathy of course, but we can look at it in an even more basic way—a lot of UX design is about talking.

So, to answer the question of whether AI can replace UX designers, let’s experiment with another question:

Can UX designers do their job without talking to people?

Or, we can be more specific:

Q: What parts of a UX designer’s job involve talking to people—either in-person, remotely, or via email or some other form of communication (email, Slack, JIRA, Asana, etc)? 

A: A lot, is the simpler answer. Those of you who are UX designers, who are on your way to becoming one, or who work closely with them will already know this, of course.

But let’s break it down and answer the question in a formulaic way. This table shows 15 duties that a UX designer would typically carry out—over a period of a few months, let’s say—and how often or not they involve talking to people (with options of: Always, Often, Sometimes, Rarely, Never): 

Duty: Collaborate with UX research to create user personas
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Collaborate with UX research to understand pain points
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Run a simple internal user test or a wider external one
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Understand which UI components fit which context
Does it involve talking to people? Often
Can it be replaced by AI? No

Duty: Build prototypes in Figma (or a similar platform)
Does it involve talking to people? Often
Can it be replaced by AI? No

Duty: Ask PM or engineers for clarification on requirements
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Join in a design crit, either as a moderator, presenter, or critiquer
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Plan a sprint
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Prioritize tasks
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Run or participate in a design sprint
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Present and explain work and process in a sprint review
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Present work and explain thinking behind decisions to stakeholders
Does it involve talking to people? Always
Can it be replaced by AI? No

Duty: Do competitor research
Does it involve talking to people? Rarely
Can it be replaced by AI? No

Duty: Create implementation guidelines or documentation
Does it involve talking to people? Often
Can it be replaced by AI? No, although ChatGPT could help to an extent in the writing process

As you can see from this table, 13 of these 14 tasks that a UX designer would typically have to perform involve regularly talking to people, and only one—doing competitor research—doesn’t. 

It might sound simplistic, but until AI can engage in conversation like an intelligent human—asking and answering questions, actively listening, showing empathy, understanding connotation and subtext—it can’t really do any of the things a UX designer does.

Because AI can’t do anything that involves conversing with other people, it can’t do UX design—or any other job that requires interpersonal communication.

But, before we move on, let’s quickly look at a real and current job description at Meta for a Product Designer in their Reality Labs. Could AI perform any of the responsibilities their Product Design will be expected to carry out?   

Product Designer: Reality Labs at Meta

Responsibility: Take broad, conceptual ideas and turn them into something useful and valuable for people using our products
Can this be done by AI? No

Responsibility: Work collaboratively with Product, Research, Engineering, and other partners from concept to completion
Can this be done by AI? No

Responsibility: Drive planning, strategy, and vision on key priorities across cross-functional teams
Can this be done by AI? No

Responsibility: Own the end-to-end design (user flows, interaction, visual, etc.) across multiple products and projects
Can this be done by AI? No

Responsibility: Present designs, prototypes, and concepts to cross-functional partners and stakeholders
Can this be done by AI? No

Responsibility: Provide implementation guidance to engineers and ensure features launch at the highest quality
Can this be done by AI? No

Responsibility: Clearly articulate design decisions to a vast set of internal stakeholders across Reality Labs and Meta
Can this be done by AI? No

This example again shows just how far AI is from replacing UX or Product Designers. All of the key responsibilities can only be carried out by an actual human. 

But, circling back to the first table which included 15 UX designer responsibilities, there was one—carrying out competitor research (if not understanding or gaining insights from it)–that is doable without talking to people.

Is this something that AI can replace UX designers doing? Or at least something UX designers can delegate to AI?

Can AI carry out competitor research as well as a UX designer?

When it comes to carrying out competitor research, the one duty that may be achievable without talking to people, ChatGPT is an AI that could be somewhat helpful.

Even though it wouldn’t be able to carry out research to guide or influence your own design decisions, it could possibly help with identifying competitors (although as a UX designer, you’d expect to already be familiar with the competitors) and creating basic written summaries of their key user journeys. 

Let’s see what happened when we asked it to do just that. 

We played the role of a UX designer at Headspace (or a similar meditation app) and tried to conduct some basic competitor research.

First, we asked ChatGPT to describe Aura’s user journey for canceling a subscription and this is what we got back:

ChatGPT struggles to give anything beyond a basic, vague description of a user journey.

ChatGPT begins its output with:

“Please note that as an AI language model, I can provide a generalized user journey for canceling a subscription with Aura, but specific steps and processes may vary.”

And, true to its word, it quickly becomes apparent that the ChatGPT-generated user journey is not from Aura, but rather a summary of data/content on common journeys for canceling a subscription.

As you can see ChatGPT is unable to determine if Aura has an “Account” or “Profile” option (step 2), or a “Subscription” or “Billing” tab (step 3). 

It also includes a lot of conditional verbs, such as “may” (step 5), “might” (step 6), and “should” (step 7), to emphasize that this is a hypothetical user journey, not an actual one.

Because this is a hypothetical and vague description of the user journey, it would be worthless as competitor research for a UX designer.

Even so, we wanted to see if ChatGPT could identify potential pain points in Aura’s cancel a subscription user journey: 

ChatGPT can’t describe pain points users may encounter in Aura’s cancel a subscription user journey

Similar to its output for the previous prompt, ChatGPT is unable to give anything beyond vague, hypothetical pain points for canceling a subscription user journey.

Again its output is punctuated with “if”s and “might”s, which renders it totally unusable for the purposes of competitor research.

For competitor research to influence, guide, or inform UX design—whether that’s on what to do or what not to do—it needs to be clearly visualized and include at least some attempt to uncover the deeper thinking and highlight what would be more and less likely to work.

ChatGPT is simply not able to do that at this stage in its development.

So, if AI can’t help us with competitor research, what parts of UX design can it actually do?

Next, we’ll look at a couple of examples of how you might actually be able to use AI to support UX design. 

(If you’re looking for an analysis of AI’s impact on Web Development, AI and Web Development: A Coder’s Perspective in 2023 is a great starting point.) 

3. How to use AI in UX design

We started here by looking at the functionality of Chat GPT’s FigmaAI to see what the plug-in for the UX designer’s best buddy could offer.

Right now, the main things FigmaAI can help with are creating and then styling and/or editing multiple images and creating texts.

Creating and styling an image

Instead of having to source images from libraries and other means yourself you can automate and use FigmaAI to speed up the process, if not fully automate it.

There’s a three-step process to do so:

1. Enter a basic prompt of what you want to see (“A view of a city at night from above” is the example used in the website demo of FigmaAI.
2. Choose a style if you want one (the options are Realistic, Draw, Artistic, Picture, and Abstract)
3. Generate the image and then edit it and generate more until you have what you need

FigmaAI, ChatGPT’s Figma plugin, can generate and edit multiple images within the UI

By using FigmaAI to generate and edit images you might save quite a bit of time compared with sourcing them and editing them yourself, although it remains to be seen if the quality is always up to the same level.

Creating text for your design

FigmaAI promises to “Create better text for you design” (ignoring the typo in the headline, not a great look for an AI text generator), again following a straightforward three-step process:

1. Enter a basic prompt of what you want the text to say (“Headline for a sustainability-focused travel landing page” is their example).
2. Select the level of creativity and formality you want for the tone of the text.
3. Generate the text and then use prompts to change the length or tone.

FigmaAI can generate, translate, and edit texts of varying quality 

The headline it generated “Experience the World While Making a Positive Impact on the Environment”, while bland and sounding exactly like you’d expect from an AI text generator, is probably just about ok as a starting point for the actual headline.

With some tweaking here and there it could turn into something strong enough to be user-facing. The question then would be whether writing the prompt was actually quicker than drafting a headline of the same quality. 

That would—of course—depend on the writing abilities of the UX designer, but it’s clear this tool will add value for some UX designers, especially those who don’t have UX writing support or are writing in their second or third language.

For some more perspective, we decided to see what ChatGPT offered us for the headline with a very similar prompt, “Create three headline options for a sustainability-focused travel landing page.”

ChatGPT offers better headlines than FigmaAI with the same prompt

Interestingly, although not perfect, the three options ChatGPT generated were all stronger and more natural sounding than FigmaAI’s effort. Here’s what it churned out:

1. “Embark on an Eco-Adventure: Discover Sustainable Travel Experiences”
2. “Explore the World Responsibly: Unforgettable Journeys with a Sustainable Twist”
3. “Travel with Purpose: Embrace Sustainable Tourism for a Greener Planet”

This suggests that—for now at least—ChatGPT might be more useful to UX designers who are looking for AI support with creating texts.

In this video, product design professional Maureen Herben looks at some more ways AI can be applied in UX:

Now that we’ve looked at a few examples of how you can use AI in UX design, let’s think about the future of AI in UX. 

4. What is the future of AI in UX?

Sticking with ChatGPT, although it’s not able to help in any meaningful way with carrying out user research or competitor research, it is able to make the text more concise at the same time as removing typos and grammatical errors.

This could open the door for UX designers to use it for a few more things:

1. Editing and improving documentation or implementation guidelines.
2. Editing and improving content for presentations (but it would have to be inputted in text format, rather than on slides or similar).  
3. Creating basic marketing content.

And it’s easy to imagine that as ChatGPT evolves, it would eventually be able to do these three things at higher and higher levels. (The same applies to the FigmaAI capabilities we looked through earlier.)

It is also useful to an extent for generating ideas. Let’s imagine we’re a UX designer creating an app to rate and review independent coffee shops in Berlin and we prompt ChatGPT with: 

“I’m creating an app to rate and review independent coffee shops in Berlin. What features would my users expect to find in my app?”

Here’s what we get back as output:

And so on. Although these are all very basic ideas that most UX designers would already know and the rest would be able to Google in a few minutes, the list could still be at least somewhat useful as a starting point.

What might be more interesting would be if as the same UX designer we were involved in the app naming process and asked ChatGPT for ideas:

The 10 name suggestions we get back from ChatGPT range from the odd (JoeReview) to the pretty good (BrewBerlin, BeanScout, BrewReview).

And maybe that gives us the clearest indication of what the future of AI in UX is. Although AI won’t be able to replace UX designers in the foreseeable future, it can be a useful tool to help them with idea generation, writing, editing, and naming.

Combined with the other tools we touched on in the first section, becoming UX designers who are familiar and confident with these tools can start to give themselves an advantage. 

5. A closing thought

There’s a quote about the nature of UX design, from Erica Ellis, Sr Manager, Head of Product Equity Design at Uber:

“We are in the business of solving problems to meet the needs of the people who are going to use our product. That’s the driving force in everything we do. The people. We design for people… Every decision must serve a greater purpose. We create products that people can and want to use — products that will make their lives easier, and better. To create that experience, to design for people, that is what I do.” (We’ve added the bolding.)

To design for people you need to understand people, and to understand people in any meaningful way you need to talk to them and you need to listen to them.

A world in which AI can do this is a long way off.

To find out more about the working world of UX design, try our free UX design short course. 

And be sure to check out the top 15 ChatGPT prompts for UX design.

If you found this article interesting, then you’ll likely enjoy these:

• Here’s How to Become a UX Designer in 2023
• The Impact of AI on UI design
• What Does AI Mean for Digital Marketing?

Having the right prototyping tool is key—but how do you find the one that’s right for the way you work or the demands of a particular project?

Some prototyping tools are designed to support early user testing and a basic demonstration of user flows. Others are full-stack which allow you to design your prototypes or wireframes,  simulate realistic and rich user interactions, collaborate with your team, and generate code that is ready to hand off to developers.

Which tool you’ll select will depend on the goals of your prototype, how quickly you need it available for user testing, who will be working on it, and how it needs to integrate into your workflow.

So many things to consider! That’s why we’ve created this list of our top 10 prototyping tools for UX designers—to help you decide which one is best for you, your team, or your next project.

For each tool we’ll cover the cost (USD), system requirements, how easy it is to get up and running, what it’s like actually to use the tool, and the final product. Let’s get into it!

1. Sketch
2. Figma
3. InVision
4. Balsamiq
5. UXPin
6. Flinto
7. Origami
8. Framer
9. Axure
10. Webflow

1. Sketch

Sketch was built with the designer in mind and supports you in creating vector-based designs and quickly viewing them as a clickable prototype.

Price

• $99 per year for a one-time license which you can use for a year with free updates, and after that if you would like to renew your license to receive further updates its $79 per year.

Ease of learning

Sketch is a beginner friendly application—and it may sound cliche—but its interface is really intuitive. The prototyping features available for your Sketch designs are pretty basic, as you can see from the highlighted portion of the panel above. This video offers an introductory tutorial to Sketch.

System requirements

• Available only on MacOS

Collaboration capabilities

• Share your prototype with others simply with a link they can view in their browser
• Sketch has its own cloud storage system which you can grant your team full access to
• Developers can view your designs in a browser, inspect elements, and export assets for free

Where Sketch belongs in your toolkit

Sketch definitely isn’t the first program people think of when it comes to prototyping, and while it’s a dream to design wireframes, it really shines as a companion to other prototyping tools.

Deliverables

Your Sketch prototype will be clickable and simple. It has fewer transition customizations than InVision, but they all similarly show how your screens flow with one another. Finally, you can view your prototype on your desktop browser or with the Mirror (iOS) app directly on your mobile device.

2. Figma

Figma is another full-stack design tool that has really sophisticated collaboration to support the design process from wireframing and prototyping all the way to developer handoff.

Price

• Free for two editors and three projects
• $12/month (on yearly plan) for unlimited projects and editors

Ease of learning

With a familiar looking interface, Figma is known to be an easy tool for designers to pick up and figure out—especially if you‘ve used Sketch before. There is no coding knowledge required to add interactivity to your designs in Figma.

System requirements

• Available on the web, MacOS, or Windows

Deliverables

Figma prototypes are basic and will present similar to the other click-through mid-fidelity prototypes we’ve discussed so far.

Collaboration capabilities

With real-time editing capabilities that mirror a multi-editor Google doc experience—your team will love working together with Figma.

The UX of Figma

Figma has all of the essential design tools you’d want from Sketch, and is equally intuitive to use. It’s easy to stitch wireframes into your prototype so you don’t need to worry about importing your designs as you continue your design process in a single tool.

3. InVision

Over the past decade, InVision has become a staple of designers worldwide. This comprehensive design and prototyping web-based app facilitates the end-to-end design process, from creating initial designs to interactive prototypes and collaborative sharing. 

Price

Invision is free to use with one active prototype. After that, they offer different plans starting at $15 a month.

Ease of learning

One of InVision’s strengths is its straightforward, intuitive interface. It’s easy to get going on, is user-friendly, and offers a wealth of tutorials and resources to help users master the more complex features.

System requirements

• Cloud-based web tool that works from your browser

Collaboration capabilities

InVision is known for its strong emphasis on collaboration. Designers can share prototypes with team members, stakeholders, and clients and gather feedback through comments and annotations directly on the designs. With its user testing and remote usability study capabilities, it’s also a valuable tool for teams that need to gather user insights.

What it’s like to use

It’s easy to see why InVision has become a staple of designers worldwide. 

A lot’s already been said about its collaborative functionality, and for good reason. The prototyping capabilities are robust. It’s easy to add interactive elements, animations and transitions to your designs, making them feel more like real user experiences. The click-and-drag capabilities and intuitive interface make it easy to get going on relatively complex stuff, and the tutorials are super clear for anything you don’t grasp. 

All-in-all, using InVision is a pleasure, and the results speak for themselves.

4. Balsamiq

Balsamiq is a rapid wireframing and prototyping tool that allows you to link your screens together to demonstrate simple user flows.

Price

• $9 per month for two projects at a time
• $49 per month for up to 20 projects

Ease of learning

Balsamiq is simple to use and produces a product you would show your team early on to refine your user flows and content strategy—this tool will help you to layout your app and collect feedback before the designs go through any iterations.

System requirements

• Available as a web app for any browser
• Desktop app compatible with MacOS and Windows

Deliverables

These prototypes are a step above low-fidelity, as look like a digitized-paper prototype. Linking elements in a wireframe here works as a simple clickable prototype, with the only action available being a transition to another screen (no overlay, animations, or custom transitions). One neat thing to note—if you export your Balsamiq prototype as a PDF, the links you embed will still work!

Collaboration capabilities

You can invite peers to view your designs right from the platform via email, and collect feedback that is focused on the layout of content and interactions instead of small details.

The UX of Balsamiq

Balsamiq may be the lowest-fidelity prototyping tool we’ll discuss today, but it certainly has personality! Don’t let the sketch aesthetic fool you into thinking Balsamiq’s platform isn’t well designed. While it may not be your first choice for dynamic prototypes, it is a great tool meant to start big picture UX/content conversations.

5. UXPin

UXPin is another full stack UX platform which supports you from end-to-end in your design process, and specializes in creating high-fidelity interactive prototypes.

Price

• $19/month billed yearly for unlimited prototypes with animations, interactions and states
• $29/month billed yearly for unlimited advanced prototypes with variables, expressions, and logic

Ease of learning

Although UXPin designs are code equipped, it does not require the same steep learning curve of a few of our other prototyping tools which require some coding knowledge (e.g. Webflow and Axure). The platform for editing your wireframes is similar to other popular tools in terms of layout, layers, and property editing panes.

System requirements

• Cloud-based web tool that works from your browser
• Also available as a desktop app for PC or Mac

Deliverables

Wow! UXPin delivers high-fidelity prototypes that I personally can’t differentiate from the real thing. Elaborate animations and conditional interactions which add logic to your design, really set the bar high. For example, during user testing your participant can enter their name in a text field, and when they submit their data—their name will appear in a greeting message on the next page. Conditional interactions are things like setting up password parameters that must be met in order for the user to continue to the next page in the prototype.

Collaboration capabilities

The platform is really built to support big teams and projects with its advanced project management and collaborative sharing features. There is also a way to categorize the input given by your team so you can clearly differentiate the source of technical and non-technical comments.

What it’s like to use UXPin

The upgraded version of UXPin allows for live screen sharing, commenting and importing from Sketch and Photoshop. Importing from Sketch and Photoshop is great because it keeps your sketch layers and assets intact, making it easier to add custom animations and interactions.

To help you in making your decision, UXPin actually has listed at the bottom of their site navigation, ‘UXPin vs. ____’, which compares their tool with almost every other prototyping tool we’ve mentioned in our list.

Although there are extra features to navigate with UXPin, there are hundreds of tutorials online and the end product is so impressive that it’s worth taking the time to learn.

6. Flinto

Flinto is the prototyping tool designed for Mac users to create high-fidelity interactive experiences.

Price

• $99 for a license with one year of free updates

Ease of learning

Flinto is pretty easy to pick up, and looks similar to Sketch’s layout. You don’t have to know any code to use Flinto, and they have a Youtube channel with tutorials—though it hasn’t been updated in almost a year. Other tools seem to be iterating and upgrading more often. Keep that in mind if you are planning to use it as your go-to tool.

System requirements

• Only available for Mac, and it’s preview app is made specifically for iOS

Deliverables

Despite it not being one of the most popular tools I’ve come across, Flinto is great for presenting advanced animations, transitions, and gestures. The prototype you’ll come away with is high-fidelity and viewable on a mobile iOS device or your Mac desktop.

Collaboration capabilities

Flinto is able to import designs from both Sketch and Figma, but also gives you the tools to mockup your own designs or make changes to imported files. Others can view your prototype from a link once they download the previewing app for an iOS device.

The UX of Flinto

Flinto is really focused on interaction design and presenting sophisticated animations, however, it isn’t as complete of a solution as other tools have become. It lacks collaborative capabilities and isn’t going to help with your developer handoff as much as others.

Some notable features include adding UI sound effects to your prototype, unique scrolling, and the ability to design your own animated transitions and micro-interactions.

7. Origami

This unique prototyping tool was created by Facebook designers and has helped build products like Instagram and Messenger.

Price

• Completely free!

Ease of learning

If you’re a beginner and haven’t used any prototyping/design applications before, this may be tricky to learn. There is an active support group on Facebook (obviously), but the tool could use some built-in onboarding. The Origami product page does offer tailored tutorials for people with a programming background and those from a design background—but you should still give yourself extra time to learn this tool.

System requirements

At this time, Origami is only available for Mac, however the prototyping preview app they offer is available for iOS and Android so you can user test on any mobile device.

Deliverables

Origami can create prototypes with intricate interactions for your watch, mobile device, desktop or tablet. You can expect a high-fidelity prototype with some pretty sophisticated interactions to showcase. For example, Instagram’s image straightening feature, where the user can watch as the image and the degrees adjust while they drag their finger along a scale—the prototype exactly mimics the experience you get using the app.

Collaboration capabilities

Origami supports sharing your prototype or viewing it on a device with the application installed, but there aren’t any commenting or co-editing features at this time. However, Origami does collaborate with other tools like Sketch and Figma to help you import your design layers.

What it’s like to use Origami

Origami’s platform is set up a bit different than our other tools. Although the layer organization is similar to Sketch, to add interactivity you will be creating ‘patches’ which show up on your canvas next to the prototype viewer. You’ll specify your interaction in one patch, connect that to a transition patch, and specify your destination in a third patch (as shown in the image above).

Opening up Origami for the first time was a bit intimidating, especially after being ‘taken by the hand’ by many of the other tools with their onboarding and built-in tutorial videos. There are videos on Origami’s website you can walk through, and a few on Youtube. This is a free tool, so I wouldn’t expect the same kind of attention to the beginner UX as other tools.

8. Framer

Framer focuses on smooth team collaboration and rich interactive prototyping.

Price

• Free up to 3 projects with 2 editors
• $16/month billed yearly

Ease of learning

While some have complained that Framer has a bit of a learning curve—the creators claim you can be up and running with basic knowledge in five minutes due to their new comprehensive onboarding. If you’ve used any Adobe tool you’ll recognize the mixture of coach marks and video onboarding. The tutorials play and pause automatically in your workspace each time you’re given a new step to try.

System requirements

• Web application that runs best on Chrome
• Desktop app is for MacOS and only available for Pro users ($33/month)
• Framer Preview allows you to check out your design on any mobile device and is compatible with both Android and iOS.

Deliverables

You can expect high-fidelity interactive prototypes with Framer, for an experience that’s as close to your final product as possible.

Collaboration capabilities

From multiplayer editing, inline commenting, to sharing your prototype in one click—Framer really delivers a great collaborative experience for teams.

The UX of Framer

The Framer platform is familiar to Sketch with its editing panels and layer organization. Framer is great for learning how a developer will receive your design work—for example, the platform allows you to organize similar components into ‘stacks’ that you can edit as a set—which is similar to how a design would be implemented with code.

9. Axure

The all-in-one UX platform that creates rich prototypes and supports quality developer handoff.

Price

• $29/month per user for basic that include unlimited prototypes
• $49/month per user for the team version equipped with coediting, cloud services, and revision history

Ease of learning

Axure’s platform is pretty intuitive and reminiscent of other visual design tools we’ve discussed here. You definitely don’t need to know how to code to create your prototype, but it would help you to know some basic front-end coding so you can understand the language used within the tool.

System requirements

• Available for Windows or MacOS

Deliverables

Axure can produce some of the high quality prototypes for mobile, desktop, or tablet.

Collaboration capabilities

• Team version of Axure has co-editing capabilities, team access to files saved in their cloud server, and history of design revisions made
• Notifications are integrated with Slack for great workflow continuity

The UX of Axure

Axure’s platform is drag and drop, and is reminiscent of Sketch. This tool is great for developer handoff and is regarded for the quality of the code it generates.

Creating your prototypes seems pretty simple, and can get more complex when you implement conditional logic on different triggers (i.e. play animation when page loads). You can also apply advanced animations to your components like show/hide or toggle states.

10. Webflow

A very powerful prototyping tool that your development team will thank you for!

Price

• $35/month

Ease of learning

This is a tool that is designed for someone with basic development knowledge. While anyone can use it, you need to have a basic understanding of HTML5 and CSS. If you were a developer before a designer—Webflow will feel like home.

Deliverables

Webflow produces high-fidelity prototypes for websites or mobile experiences that generate all of the code necessary for your development team to implement your design seamlessly.

Collaboration capabilities

Webflow is set up with a shared dashboard for your whole team to access your prototypes and design files. Designed specifically for collaborative harmony with your dev team—Webflow automatically generates code that your developers can access as you build.

What it’s like to use Webflow

This platform was designed with developers in mind, so although you won’t have to write any code, you will need to understand basic HTML and CSS to understand the language used in the platform. For example, you can drag and drop design elements into your prototype, but they are all labeled as HTML tags (e.g. div block, column, container). Finally, you’ll want to understand how tags and classes work so you can change the styling of multiple elements at a time.

Your interaction panel contains trigger selection, which lets you specify what your trigger will be (e.g. click, scroll, or page loading). It also contains the animation timeline which specifies what will occur during those triggers at what time(e.g. scroll animation that follows the speed of your scroll).

Choosing the best tool for you

While all of these tools will help you create a working prototype, there is bound to be one that suits your needs better. As we’ve seen, the type of prototyping tool you’ll use depends on the goals of your prototype, what kind of team you’re working with, and what skills you already possess. Here are a few statements that summarize the main differences we tackled in the article:

• If you are comfortable working with code, and want to showcase the highest fidelity prototypes—choose something like Axure or Webflow.
• If you regularly handoff your prototypes and designs to developers but don’t know much about code—try UXPin or Framer.
• If you’re in the early stages of your design process and need something quick and content-focused—Balsamiq or Invision might be best.
• If you want to present a polished prototype and primarily use MacOS—use Flinto or Origami.
• If most of your time will be spent designing the wireframes to perfection with a little prototyping—check out Sketch and Figma.

If you’ve settled on a tool and are interested in learning more about prototyping, check out these articles from our blog:

• Your complete introduction to prototyping
• What is rapid prototyping in UX?

And if you want to find some more tools to see throughout the UX design process, here are nine UX design tools to master.