UX Portfolio

Geek stuff

http://bradfrostweb.com/blog/web/complex-navigation-patterns-for-responsive-design/

http://alistapart.com/article/responsive-web-design

http://24ways.org/2006/compose-to-a-vertical-rhythm/

Templates Boostrap

http://www.bootstrapzero.com

http://www.bootstrapzero.com/bootstrap-template/happy-scroll

Top bottom stick to bottom

Parallax, it looks well but make the computer slow.

Fixed Navigation.

http://www.bootstrapzero.com/bootstrap-template/strapped-template

One page scroll, I don't like the colour scheme.

http://www.bootstrapzero.com/bootstrap-template/mpurpose

It got animations, however it is not one page, no top bottom. Th problem with this sites is that they are slow when they are uploading.

http://bootstrapzero.com/bootstrap-template/amoeba

It's one page and use parallax. This is the one I selected as it is simple and uses Bootstrap. Allow me to have one page and I'll try to tweet the code to fit my wireframe, for example I'll like a carrusel in the landing page as started.

jquery.isotope

This work as a filter in a gallery photo/objects

http://www.9bitstudios.com/2013/04/jquery-isotope-tutorial/

Research

I am going to pursue a career in UX. My portfolio will be design in that line.

Some bits and bolts and need to consider

https://uxmag.com/articles/how-much-ux-have-you-put-into-your-ux-portfolio

" UX designers don't always design their portfolios for their users."
"Your portfolio should ably demonstrate the relationship between your process and your deliverables. "
"Today’s UX hiring managers want to know how you work through a design process—often more than they even want to see the end result."
"Take it back to basics: a little show and tell. Show us your work while you telling us about your process. "

"who will actually be looking at this portfolio (who are your users)? What is the goal of the portfolio (what do the users want)? What’s the easiest way to get that result to them (design for use)?"

"What are three things a hiring manager would want to know about you? How long have you been working in UX? What platforms or types of products have you designed for? What are your strengths as a designer? Do you derive great insight from research? Are you an IA genius? Are you able to code the front-end aspects of what you design?"

Meat And Potatoes

Have at least three projects to showcase. If you are doing a PDF portfolio shoot for between three and five projects. If you have more than five projects that you want to share then you’ll want to go for a website format.
There was a process you took to get from the project brief to the final deliverable: it should be summarized in your portfolio. Have at least 4-9 steps of each process represented. Perhaps you lead with the original design you were asked to improve or give an overview of the question you were trying to answer while sharing a picture from whiteboard post-discovery session with the client or team.
Hiring managers want to see your process work. Show initial sketches from your design book. Show your first iteration of wireframes or process flows. Was detailed information architecturepart of your process? Show that too.
It’s very complimentary to have a visual with a narrative box. Provide a picture of an annotated wireframe and explain what you were expecting the user to do.
As you guide the user through your process, talk about the challenges, hiccups, and speed bumps that popped up along the way. These random curve balls are often the elements that are harnessed to make a good project great.
Close with an image of the final deliverable (if possible). Be sure to note who did the visual design/coding if that wasn’t you.

http://www.slideshare.net/lynnteo/portfolios-matter

Frame the problem

http://ideas.semanticfoundry.com/2012/09/09/7-steps-to-a-kick-ass-ux-portfolio/

"your portfolio is simply an instantiation of a visual narrative of your thought process in moving from problem space to solution, as well as your ability to reflect back and access your successes and failures. ...your portfolio is about storytelling to express who you are and how you solve problems so hiring managers spend less time on the portfolio itself, and more time thinking about how you can contribute to their team’s success."

http://www.usabilitycounts.com/2013/01/17/the-ux-portfolio-telling-your-story/

http://www.usabilitycounts.com/2013/12/10/ux-portfolios-tell-story/

UX portfolio examples:

http://uxportfolio.com
I like the use of neutral colours and simplicity, not the bright colours. Here some of the section I like because the content. He tell the story of his work.