I am going to create my first project for my ui/ux portfolio. I wanted to start with a website and then i will get into phone and tablets for future projects. How do I make sure that it's perceived as a UX portfolio and not a Web Design portfolio?

  • 1
    Hi Ralph, you might need to unpack your question a bit, as it's unclear what you're asking. Once you've hammered out the question a bit, you should work it into the the title, so it reads like an actual question.
    – dennislees
    Commented Feb 5, 2015 at 4:38

5 Answers 5


Firstly, this isn't quite a UX question, but since you're kind of asking about the User Experience for the recruiter/client who will see your portfolio, I'm going to try to respond to it in that context. When it comes to it, a portfolio is a portfolio is a portfolio... it's just a load of stuff you've done, from which the client can extrapolate what information they require: so let's focus on the UX of someone looking at a UX portfolio.

So whether it's for web or UX, it's still going to be essentially the same portfolio, but you can make sure you include the right context and focus.

Even if you submitted a purely web portfolio when going for a UX job, the recruiter would know what they're looking for and there's enough overlap between Web Design and User Interface consideration that they'll understand your skillset, so I wouldn't worry about it too much. That said, it does absolutely no harm to take the time to frame things nicely for them, ensure that you're emphasizing the aspects you (and they) most care about, and guide them to the impression you're looking to convey.


Show it on different devices and interfaces, with clear comments and evidence of the changes made for different devices. Frame your portfolio as a "This is the user experience I provided within these Web Applications" guide, and make sure that you're showing how the UX changes.


Alongside the "Whole App" shots, show smaller, more focused screenshots etc of specific UX features, things you've thought about and problems you've solved. Take the emphasis away from pure design (which they'll see anyway, whether you bring attention to it or not) and put it on the way you considered the user. The user notices the design too, we're all aware of that, so try to really show how you've thought about the user.

  • 3
    This is most definitely a UX question, because he's talking about creating a UX Portfolio.
    – UXerUIer
    Commented Feb 5, 2015 at 13:27
  • I disagree: it's a portfolio, job application and workplace question relating to a UX position. UX.SE is about direct UX issues. I've chosen to interpret the question as regarding improving the UX of a portfolio, which is close enough to topic. A question about a Software Development portfolio isn't relevant on StackOverflow, nor is a Pilot's Resume relevant to Aviation.SE....
    – Jon Story
    Commented Feb 5, 2015 at 13:29
  • 2
    There's a huge difference between a traditional website designer and a UX Designer: Website designers traditionally didn't know much about their users and certainly didn't have the expertise to user test what they designed effectively. That's why a UX input came to be important on projects.
    – PhillipW
    Commented Feb 5, 2015 at 14:45
  • 1
    I didn't say there was? Just that, outwardly, their portfolios will look fairly similar without context and focus (as described in my post) on the important aspects
    – Jon Story
    Commented Feb 5, 2015 at 14:50
  • 1
    "There's a huge difference between a traditional website designer and a UX Designer" @PhillipW, I disagree with that. There may be a huge difference. But in the real world, there's so much overlap (and sometimes it's one person) that there's more similarities than differences. And I'd argue a web designer that doesn't know much about their users isn't a good web designer in the first place.
    – DA01
    Commented Feb 5, 2015 at 16:40

If what you're showing is just a finished product, then there is no difference between a UX and a design portfolio. If you want to show a UX portfolio, you need to justify the changes made from a UX perspective.

The best way that I have seen of this is to communicate the process that you followed and show intermediate steps with sketches and notes showing (in no particular order):

  • what the problem areas were
  • how you determined they were problem areas
  • what you did to validate that your solution was better
  • possible persona's used
  • use case analysis
  • usability testing both before and after
  • solutions that weren't used

It's mostly not about the finished product, but rather about how you got to that product and how much better it was than the start.


The difference is whether you're applying for a UX role or a Graphic Design role.

It's a spectrum with most people falling somewhere in between the extremes.

On one extreme, for a pure visual designer, it may be screen shots only. On the other end, for a pure UX designer, it may be purely information schematics and research data.

Most people do some amount of both, however, and the differences then become almost moot. It's more about how you describe the work your showing, your role in the work, and how you contributed to the end result.


Same basic answer, different words

UX identifies

  • Jobs to be done
  • The users doing those jobs
  • How the jobs will be done
  • The metrics used to track success

UI design (or web design) applies

  • Visual style to guide the user down the UX path
  • A branded layer over the functionality

The portfolio speaks for itself

You can use any title you like on the page. The story your portfolio tells will decide which category you fall into. In my experience, the visual manifestation of a portfolio does end up being about the finished product. The difference is in how you describe it in text and what supporting images go along with it.


A UX portfolio shows wireframes (preferably annotated), functional flows, use cases, user personas and more. You should be able to answer questions of why and how you solved problems. Among the tools used in creating the items for this portfolio are paper and pencil; Visio, wireframing tools (example: Balsamiq, Axure) and graphics tools (example: Photoshop, Illustrator); HTML.

Ideally the portfolio will show a variety of product types; from low-fidelity mockups to high fidelity presentations.

A web design portfolio shows the final product - usually only very high fidelity, pixel-perfect presentations.

So, for example - as a web designer you would take the wireframe I put together and breathe life into it.

I, as a UX/UI guy don't spend time agonizing over typography and color. I care about typography and color but my wireframes don't reflect that. I solve the business users problems; select the ui; work on its functionality (example: "so when you click here -that div over there is revealed").

In short: a UX portfolio shows lower fidelity wireframes. A web designer's portfolio shows the final product.

In real life lots of people wear different hats over their career and portfolios often cross the gamut between UX and Web Design and Graphic Design.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.