Portfolio

Learn how to piece together a portfolio that will wow potential employers or clients and demonstrate your skills, experience, and problem-solving abilities.

Making Your Work Shine

While there are tried and true ways to develop your portfolio and to structure your case studies, one thing needs to be at the top of your mind when making your portfolio... “How can I make my work shine? How can I stand out?” Explore these approaches and ideas to get your mind stirring about how you can create an eye-catching portfolio.

  1. Show your WHY:

    • Introduce the project, your role, and objectives concisely.
    • Clearly state the problem or challenge and its significance.
  2. Show the challenges you encountered:

    • Describe research methods used and key insights gained.
    • Introduce user personas based on research findings.
  3. Show your problem-solving abilities:

    • Showcase ideation, wireframes, and prototypes.
    • Discuss iterative design based on feedback and testing.
  4. Show your passion:

    • Present final UI designs and interaction elements.
    • Explain design decisions and their impact on user experience.
  5. Show real world experiences:

    • Share project outcomes and measurable impact.
    • Conclude with reflections on challenges, learnings, and a call to action.

Ideas


  • Only show your finished designs on your site and encourage employers to ask you about the project. Have a story/presentation prepared to go over said project.:
  • Create a video or video segments that go over your project. Find a way to also make it skimmable
  • Include 3D graphics, animations, and other visual embellishments
  • Include your hobbies into your site design

AVOID creating a cookie cutter portfolio. Keep it structured and organized, but you don’t have to follow the same layout as every other portfolio.


Remember, your portfolio isn’t the only tool to help you land a job. Networking also plays a huge role in furthering your career. Learn more about networking.

Example Portfolios


Run Wild

Run Wild

Strengths:

  • Interactive experience
  • Navigation
Learn More →
Saloni Joshi

Saloni Joshi

Strengths:

  • Quality written content
  • Readable
  • Minimal
Learn More →
Diana Tatarenko

Diana Tatarenko

Strenghts:

  • Comprehensive case studies
Learn More →
Sophie Brittain

Sophie Brittain

Strengths:

  • Personality and expertise is clear
  • Navigation
Learn More →

Website Builders


Adobe Portfolio

Adobe Portfolio

Quickly and simply build a personalized website to showcase your creative work with Adobe Portfolio. Now included free with any Creative Cloud subscription.

Learn More →
Readymag

Readymag

The design tool for outstanding websites. Leave comments, assign tasks and discuss ideas directly in your projects. Invite co-creators and allow them to work on the overall web design.

Learn More →
Google Sites

Google Sites

Google Sites is a structured wiki and web page creation tool included as part of the free, web-based Google Docs Editors suite offered by Google. 

Learn More →
Webflow

Webflow

Create custom, responsive websites with the power of code — visually. Design and build your site with a flexible CMS and top-tier hosting. 

Learn More →

Articles


Building a Dev Portfolio

Building a Dev Portfolio

Don’t Include too Many Samples … The best Web Developer portfolios are those that don’t go overboard. Eckert says it’s crucial to only showcase projects that …

Learn More →
Hiring Managers Look for…

Hiring Managers Look for…

We asked over 200 hiring managers who hire for UX jobs what they look for in candidates’ portfolios.

Learn More →
Maintaining a Portfolio

Maintaining a Portfolio

Google Sites is a structured wiki and web page creation tool included as part of the free, web-based Google Docs Editors suite offered by Google. 

Learn More →
A Good UX Portfolio

A Good UX Portfolio

10 recommendations for how and why your portfolios should focus on how you think as a Designer.

Learn More →