Portfolio Resources

These are sites I’ve come across that may help someone building a portfolio. (Writing it also helps me remember!)

Yet another portfolio post!

Rather than go on about my own issues, I wanted to share a few resources. Before I begin, I’m going to make a little rant in case you’re feeling overwhelmed, like I am.

One of the sites emphasizes the importance the design a portfolio has on your job prospects. I feel this importance is overblown because the the design or tool seems to have such a big impact on how the portfolio is perceived. I can’t emphasize enough how many people use paid templates, plus the cost of a web domain. And I would be lying if I said it didn’t bother me that choosing the wrong CMS template is the difference between gainful employment vs not.

The fact that the portfolio makes a difference at all seems like the difference between showing up in a limo, BMW, Toyota, or SmartCar. I guess it really is like dating, which I admittedly know absolutely nothing about.

At the start of this review, my feeling is that people just want to be entertained. My thoughts changed somewhat, which you can read at the end.

/rant

 

Ok, now that I’m off my soapbox, here is my list. It’s organized like this:

  • Sites – Guides, essays, and portfolio collections
  • Tools – What people use to create their portfolio
  • People – A small handful of portfolios

1. Sites

A collection of essays, slides, and guides.

Article page: The Case Study FactoryThe Case Study Factory is about how similar so many UX portfolios seemingly look alike. The authors write:

“How the formulaic approach to UX case studies is numbing our critical thinking as designers, and how to bring a unique point of view to our work.”

Provides some pretty good tips at the end, however I recommend you read the whole article for context. Also because it’s a good article.

  1. Define your area of focus
  2. Align the story with the medium
  3. Set up the context of the project
  4. Focus on insights rather than process
  5. Design your case study reading experience
  6. Obsess over your case study visuals
  7. Make it personal

 

Article home page

Sometimes it’s just helpful to look at a big list. Here’s a list of 80 portfolios. I talked about 2 in the People section.

Guides and Slides
Article page, “Design a Winning Portfolio — Tips + Tricks from a Google Designer “

Design a Winning Portfolio — Tips + Tricks from a Google Designer  is a slide deck of tips and tricks. The slides are shared from Google slides (link).

This is a compilation of tips and tricks to improve a design portfolio. She states:

While each design discipline has slightly different project expectations (i.e. UX wants wireframes while Branding wants logo sketches), I’ve realized there is an overall universal set of tactics that, when applied, will automatically enhance and differentiate any design portfolio.

The Google slide deck is really big and there are videos, so keep that in mind. It loads a little slow.

 

nng.com’s recent article, “5 Steps to Creating a UX-Design Portfolio” is probably what kicked this whole thing off. Actually I talked about this in another post, so I won’t rehash. But I will point out that I’ve made a number of changes to my website and my portfolio at Cargo Collective, which at this moment is offline.

My Personal Bookmarks

I’ve had the following links bookmarked for a few years. These seem more geared to PDFs.

Portfolio Handbook [PDF] from the Class of 2012 Industrial Design, DAAP, University of Cincinnati.

This book was put together for the purpose of facilitating higher-quality portfolios. It will not cover project processes, but will act as a guide to documenting a project well for your portfolio. We hope the book will ease some of the anxiety around creating your first portfolio and then later exist as a helpful reference book to check a newer portfolio concept against

 

UX Portfolio Guidance, from Zebra People [PDF], London

We are fortunate enough to see some great portfolios, however there are still many UX practitioners who are selling themselves short. There are some absolutely brilliant and in-depth guides about UX portfolios out there. But our intention with this document is to provide a concise, visual hand book on what to include in your portfolio.

Your portfolio represents you. But you’re not always there to talk about your work. No one gets hired on their portfolio alone. The best outcome is a meeting. Tonight is about snap judgments.


2. Tools

What people use to create sites

From the list of 80 above, (plus a few others I found) I randomly clicked into about 3-4 portfolios per group and I took a look at the page source.

Many, many sites are built using Squarespace, WordPress, Wix, or some other type of CMS with either built-in or plugins for flashy animation, grids, and what-not.

Other sites were hand-coded, often with Bootstrap or Foundation. I took note of the many JavaScript libraries.

WordPress and Adobe Portfolio

Semplice home pageFor WordPress, I came across a template called Semplice. It is advertised as a WordPress template for designers. The latest version is Semplice4. Price is $100. I wouldn’t be surprised if many people have upgraded to the Studio version for $140. Semplice does not seem to have options for blogging; I didn’t see it.

 

Salient Live Demo

Another theme I came across is Salient, although the site I found it on had a “Under Construction” label. It’s $60 and available on ThemeForest. It has over 5,500 reviews, over 95,000 sales, and is currently rated as 5-star.

 

portfolio.adobe.com

If you use Behance, you may be interested in Adobe Portfolio. It’s $9.99/month, paid annually (about $120). You get access to Adobe Portfolio, Photoshop, and Lightroom, as well as access to Adobe Fonts. You can get a free trial, but you need to upgrade to connect a domain/subdomain.

Free DIY Options

Startbootstrap.com offers free Bootstrap templates, themes, and snippets that you can download and customize. Basically everything is free, with the obvious exceptions that you cannot use Startbootstrap templates to create a competitive website serving free Bootstrap templates.

I have used Startbootstrap multiple times and I find them pretty easy to use and combine. Some have CSS or JS animations built in; mostly CSS.

It does require solid HTML and CSS knowledge.

 

Github Pages uses your own github respository to host a website. It’s 100% free. However, it will say username.github.io/yourproject. And your code will be online for all to see. I’m also not sure if you can use Google Analytics.

Again, this is for people who have experience developing websites.

Obviously, having a free site generator is great. If you want to have your own domain, you can get a personal email address, like yourname@yourdomain.com. And you can connect it to github. But all that is well beyond the scope of this post.

 

BlankSlate by TidyThemes allows you to completely customize a WordPress installation, by providing a theme with absolutely zero styling. Sometimes you use a nice theme, but end up undoing stuff you don’t really like. Needless to say, this theme is for people with a good amount of experience. I say no more.

JavaScript Libraries

If you code your own site, these were some of the libraries and plug-ins some people used. I thought tilt.js was pretty cool.

There are so many JS libraries, this list will keep getting updated.

Lightboxes & Carousels

Instagram Embeds

  • lightwidget.com – Embeds Instagram photos into a webpage.
  • spectragram.js – http://spectragram.js.org/ – Instagram API plugin

CSS

Obviously Bootstrap, Foundation, grid/flex, and icon font libraries also showed up.

Jekyll/Jekyll Themes

  • poole – http://demo.getpoole.com/ – the Butler for Jekyll
  • hyde – http://hyde.getpoole.com/ –  a 2-column Jekyll theme

Layout

If you are a PDF portfolio person, you might be interested in using a grid.

The Grid System

Grid System

“The ultimate resource in grid systems.”

You can download InDesign templates, at 8.5 x 11 and 11 x 17. Good if you want to create a print portfolio, or if you want to redesign your resume.


3. People

A few portfolios in use

I randomly came across the following people, either in context of this post, or when reading an article, or serendipitously in some other way.

Caveat: In no way am I promoting any of the following people. I have never met them. I don’t know if they’re the kind of people who cut in line or litter. Maybe they don’t pick up after their dog….

The one thing that is true is that I took a look at their websites and I have an opinion. If you disagree, there’s a list of 80 portfolios above to check out.

Antonio Carusone, creator of Grid System. A very simple website. No images. He simply links to his other websites, most of them photography sites. The site is made with Cactus, which is another static-site generator not using Jekyll. (The last commit was 2 years ago, so it may not be maintained.)

I viewed a few other personal websites like this: simple, text-only, with no images. I think this is a good way to connect disparate interests. He seems to have a lot of experience, which is also good to know if you’re looking for ideas and you’re not early in your career.

 

Hiroaki Ito has this project on Behance. I’m including this person because I attended a virtual recruiter session with Google. The three recruiters reviewed two portfolios, and this project was one of them as an example from a visual designer. (The UX designer was Simon Pan, who uses WordPress. It appears to be his own theme although it could’ve started from BlankSlate.)

The project above is a combination of several very long images, stacked one on top of the other. This designer has a job at Google. He does not seem to have as much experience as the first guy.

 

Johna Paolino is someone I came across on Medium. She wrote an article on using CSS grid. Then I found her website, which is hosted on github. So that’s another – FREE – option. Looked like an interesting site and she seems to be employed at the NY Times.

That big font is BungeeShade.

 

Pendar Yousefi is the only person I came across in the list above that used Adobe Portfolio. It was pretty nice looking, so I’m including that here. He also appears to be employed at Google. He also seems to have many years of experience, which is another good data point.

To be clear, you cannot create an Adobe Portfolio account and link it to a personal domain without becoming paid subscriber. He does a good job of connecting his web properties. For him, he’s getting his money’s worth. But I just want to make sure it’s clear, according to the website, money appears to have been exchanged.

 

I came across Sharon Tsao‘s portfolio above, too. She does NOT appear to be employed. But I thought her simple site was an interesting example, and she seemed to explain her background particularly well.

She built this herself, or at least she did not use a template or CMS.


Foot imprints on sand near a beach
Photo by Matteo Kutufa on Unsplash

Thoughts & Reflections

I wrote this post over the course of 1-2 weeks. Right away, my initial thoughts for my own portfolio when the time of this post were to create a simple site that links out to other websites or to just expand my current WordPress installation (this blog). I also considered installing a separate WordPress instance altogether, which is still a strong possibility.

Yet after writing the majority of this post, I continued to investigate the list of 80 portfolios. I kept finding new CSS and JavaScript libraries. And, I wanted to dig a little deeper into some of these to find out more about how they were made and other details that the guides above don’t really get into.

Despite my rant at the top of this post, I have started to change my opinion a little on the importance of portfolios. I think there is something to be said for trying to display your work in as good a light as possible.

I’m still collecting more data about these 80 portfolios, so there will be another post. And I’ve found more items to add to the Tools section (Webflow, anyone?), so I’ll probably continue making updates to this post in addition to simply posting again.

[Featured image credit: Photo by Pierre Bamin on Unsplash]

My Favorite Pro-Tips from NYPL Experts on Crafting a Resume

Resume writing tips to help you get that interview.

Over the past few months, I’ve gone to the Science, Industry and Business Library (SIBL), a research branch of the NYPL, for seminars related to job hunting. The library is a great resource for all things related to business and work. They offer free seminars on entrepreneurship, retirement planning, and job hunting.

Like other NYPL free library events I’ve been to, such as the author and book talks at the Mid-Manhattan library, I initially wondered what kind of people would be there. Public libraries tend to bring in all kinds. One day I sat next to a woman with the neatest and most beautiful handwriting I had seen in a long time. I wondered why someone with such meticulous handwriting would need a seminar on job hunting. Everyone’s story is different and a lot of different people go to the library for different reasons. Anyone can use these tips regardless of their employment status. Remember: anyone can find themselves needing to update their resume!

Anyway, I’ve been sharing some of the things I’ve learned with friends, but I wanted to formally write down a few tips I’ve learned, specifically on resumes. I know how daunting it can feel to face a blank page and feel like you don’t know where to start. Or the feeling you get, driving yourself nuts, trying to update your resume for this job and that one.

So here they are. These are not my tips. These tips are the collective advice from different seminars, from about 4-5 job hunting specialists. Like all things, do what works for you.

  1. Put the job title at the top of the resume and match it to the job posting. If the job says Instructor, but your last job was Teacher, write Instructor up top. If your last job was Web Designer and the posting says Web Specialist, put Web Specialist at the top. Pretty simple. Also, if you’re not putting the job title at the top, you should!
  2. Keep it to one page, but don’t sell yourself short. Meaning, don’t write an essay, but if you’re cutting off your accomplishments in an attempt to get it to one page you’re only hurting yourself. I’m guilty of this one. I have been so focused on one-page, it’s led to cutting off a lot of good info. Try writing a long resume, then editing for content. Also use a good font and don’t make it too small.
  3. You can include unpaid work. Just because you did pro-bono work and didn’t get paid doesn’t mean it doesn’t count. People reading your resume don’t need to know that project you did last year was unpaid. It was work. Go ahead and include it.
  4. You don’t need that many resumes. The idea that you should spend time tailoring your resume for every single job is a myth. You should tailor your job title to the job you’re posting for, and update your keywords section, but you’ll drive yourself crazy trying to tailor your entire resume for every single job.
  5. Use a keywords section. The key is differentiation. Use the section at the top of your resume to differentiate yourself from the competition. Use keywords from the job posting to catch the eye of the recruiter or hiring manager. Use a branding statement or summary to differentiate yourself from the pack.
  6. Summarize your accomplishments at the beginning of your resume. In addition to keywords, simply include a list of maybe 4-5 accomplishments right up front on your resume. (You see? Your resume simply cannot be one-page!) You can pull these accomplishments from the rest of your resume. (Just make sure to follow the next tip.) Also, you don’t need to use the work “successfully” as an adverb. Let your accomplishments stand for themselves.
  7. Target your resume for the industry you want to work in. When you list your accomplishments, make sure they make sense for the industry you’re targeting. Ex: If all your accomplishments sound like they’re good for banks, but you’re trying to get into fashion, update your list so they make sense for hiring manager in fashion to understand how your accomplishments will help them. This might be how you would end up with 2 resumes, with one for banking and one for fashion.
  8. Put your name, state+ZIP, email address, phone, and LinkedIn URL in the header of your resume. Presumably, you’ll be updating LinkedIn to match your resume, so include that right in there. If you have a portfolio, probably a good idea to link to it from there, too. Are you worried about putting your email address in your resume, because you post it online? There are 2 solutions for that. 1) Don’t post your resume online. You don’t know what job you’re targeting anyway and it’s very much out of context. 2) Use an alternate email address for people to contact you. Create a pseudo-email address that you use strictly for LinkedIn or your portfolio site, so people can contact you. The advice I got from the expert is to leave it offline, then send it on request. Case in point: I’ve been contacted by headhunters who are trying to fill a job for their client before the client has fully baked their job description. Or the headhunter claims the client is looking for X, but the description is for X, Y and Z. Would you want to work for someone who doesn’t even have the time to write a basic job description? Or worse, can’t decide (or doesn’t know) what they want? This rule filters out these jobs.
  9. If you need to, modify the presentation of your job titles/workplaces so you look your best. It’s a little confusing to understand, so let me give an example. Let’s say your current job title is “Consultant” for a pharma company, but you’re trying to work in media. And you’ve been putting your workplace first, in your Experience section on your resume. What you would do here is update your “consultant” title so that it’s more descriptive of your job, and put that first and the company name second. In other words, don’t do this: HealthCareInc – Consultant, (2017-Present). Do this: Acting Head of Finance / Consultant – HealthCare Inc, (2017-Present). It will be backward, but it makes you look better.
  10. Tell a story and be specific. Humans are natural storytellers and we love listening to stories. Stories are engaging. Like the one-page tip above, don’t sell yourself short by leaving out detail. The more specific you are, the less opportunity there is for the hiring manager to imagine something that didn’t happen and makes you look less than your best. Focus on: what (the beginning), how (the middle; the problem; what wasn’t anticipated), and the result (how you recovered, who benefitted, how much). This is tip is probably more helpful for a portfolio and for interviews, but the part about being specific I think is relevant.
  11. Don’t let headhunters get you to rewrite your resume for their purposes. Don’t undo all your good work! Staffing agencies are trying to fill a very narrow set of criteria, to fill one single job. When I think about the resumes I’ve been writing lately, I think working with headhunters has influenced my writing a lot, in a bad way.
  12. Get a friend to review your resume. This is just good advice in general. Have someone else take a look and check for errors, and to give their overall opinion about how you’ve written your resume – especially according to these tips.

How have these tips helped me? Well, I’m still working on it, but I have implemented other advice related to other seminar topics. Aside from resumes, they have included cover letters, LinkedIn profiles, overall job hunting, story telling, interviews, etc. And my resume has certainly expanded! It’s possible few will read past page one(?!), but my accomplishments are on the first page so I’m OK with that.

If you’re having trouble coming with accomplishments, try using the Seven Stories method to think of ideas. (Just do a Google Search, because you’ll probably have to refer to it later anyway.)

And, finally, here’s a resource if you need some help coming up with creative verbs to describe your accomplishments, livecareer.com/quintessential/action-skills. You might want to create your own list, which is what I did, to help read this list better.


Ultimately choose the tips that work best for you and help you stand out from the crowd.

Tips For Better Conference Calls

Recently in an interview with a company that has overseas offices, I discussed some tips I picked up while working at Chevron on how to have a good teleconferencing experience. Lots of companies have conference calls, but in my experience not many do a good job of hosting the call or running the meeting when on the phone. Here are a few tips I shared with them.

Background

After I left Chevron, I sort had the assumption that every company did things in the same way. Big companies often get criticized for having a lot of bureaucracy and you might feel burdened to conform. But, although they may have a strong culture, sometimes its for the best. In this case, I thought they did a great job with helping employees have conference calls and not feeling like someone was left out because they weren’t on the phone. Here are a few of my own tips, along with a few others I found online.

Tips

Be on time. This comes from Entrepreneur.com, and I agree. Since you have many people calling in from different locations, it’s a huge waste of time and money to have people sitting on a call waiting to start. If one person is in charge of the host line, and that person is running late, either let everyone know and/or give out the host passcode so that someone else can start the conference call. Plus, many people will simply hang up after 15 min if the host hasn’t joined.

A round of introductions. At the start of each meeting, everyone should say their name and possibly title, if it’s unclear who does what (if that’s important to know). If someone joins late, whomever is speaking pause long enough to make sure to let that person introduce themselves. Don’t sit in the back without speaking up.

Identify yourself. This is one of my pet peeves. Whenever someone in the conversation begins speaking, that person should say their name out loud, so that everyone knows who it is. This isn’t as important if someone has a distinctive voice, if it’s a small group of people, or if only one person will be speaking, like the CEO. But for a group of people that don’t know each other, saying your name before you speak will help personalize the entire experience.

Keep noises down. Side conversations during a conference call are a big no-no. This includes people in the room chatting quietly together or someone who gets a phone call. The microphones in conference call phones cannot distinguish between the noises next to the phone and those far away. So all the noises sound the same, which means that it’s hard to hear the person currently speaking. People in the room, or on the phone, should request that side conversations end so that people on the phone can hear what’s happening.

Mute is your friend. Likewise, use the mute button if you’re not talking. This goes for someone calling in from their desk, or people in a room together. However, if you’re in a room together, you need to be careful to know when the mute is on or off. I remember I once called into a meeting when I was at home with a head cold. I assumed my phone was on mute, but unfortunately it wasn’t before I blew my nose. Trust me, no one wants to hear you blow your nose or bite into your sandwich. Mute your phone.

Watch the microphone. Microphones can be good at picking up stray noises. Don’t be the dreaded mouth-breather! Learn to use your headset. (OK, this one was a useful tip, but also pretty funny. And a true story!)

Present documents slowly. Screen sharing apps are great but they can be kind of slow. Sometimes the people on the other line are still on page one, when you’ve jumped to page 3. Scroll slowly, or a little as possible, to give the other line a chance to catch up. In addition, use the cursor and a good description to help people orient themselves in the documents. I’ve seen companies present documents as though the people on the other line have worked on putting the presentation together with them. This leads them to give short and fast explanations, without giving the people on the other line a chance to understand what they’re seeing.

Be polite. The last tip comes from Jabra.com, and it might be the most important. Actually, I’d say to be extra polite. Tense conference calls are no fun. Give people the benefit of the doubt.


Ultimately, the goal is to run a good meeting. Other websites had tips about taking notes, stating the agenda, not eating, and paying attention, which are all tips about running a good meeting, too.

I hope these tips help you run your next conference call more efficiently and with better communication.

UX Design Fundamentals, Part 1: Getting started

Getting started in UX: a comprehensive list of resources. Part of a 3-part series on resources about the fundamentals of UX.

While I haven’t exactly been a mentor before, I have helped people learn more about the field of User Experience. In a few recent jobs, I’ve had someone ask how they can learn more about UX.

I provided my own responses, but since then I’ve come across a few different examples of comprehensive UX introductions that have a lot of good information to offer. I thought reviewing each would make a good blog post. First, I’ll include my tips, then the static examples. Finally, I’ll review a few video courses in the next post.

Part 1: My List

As I mentioned above, I’ve had people ask me about how they can learn more about UX. The thing to keep in mind is that these are people who are totally new to UX – as opposed to people who work in software development, visual design, or some other related field. Or people who’ve gone through some classes and are looking for more information.

One person in particular asked me about more information and I provided a comprehensive list of UX resources. My main focus was to provide a starting place to learn more about the field of UX, and less so about the process of UX. I’ve found that process can change, slightly or drastically, depending on where you work. I did not provide any resources on Lynda, though they’ve updated their site since then, because the resources felt like a starting point for someone who’s already gotten started in UX.


Everything below this point was originally sent in an email, called Lots of UX, though not necessarily in this order.

Also note that my links to Amazon go to smile.amazon.com, in support of the ASPCA.

One quick note!

The one thing to know about UX (which is really human-computer interaction), is that the core of it is psychology – think of it as the application of cognitive psychology. So, it can be applied in many different contexts, not just on traditional websites.

Also, not everyone who works in UX is a designer; some people only do research.

Quick Start!

Some things to think about right now, as you go about your way in the world…

Books 

  • The Design of Everyday Things – this will change the way you view the world. About Book
  • The Inmates are Running the Asylum – this discusses the importance of designing for the actual users, not the stakeholders. Book
  • Don’t Make Me Think – simple primer on what usability is all about. Can read in a day. Book
  • Universal Principles of Design – think of these as though they are from a cognitive psychology perspective vs a design perspective. Book

There are many other handbooks about actually designing and testing, but these are good to first get yourself in the right frame of mind!

Sites/Newsletters

A Few People

  • Don Norman, Jakob Nielsen, Bruce Tognazzini (I would look them up individually…)
  • Alan Cooper (designer) – …also look him up…
  • Alan Tufte – …and him, too.
  • Ben Schneiderman – see also his personal project with many names of other people you can learn about! (https://hcipioneers.wordpress.com/)

Accessibility
I don’t have a book, but you should also learn all you can about accessibility because it’s very important. It gets into the field of Ergonomics and Human Factors which is more about the design of chairs, handles, doorways, phones, etc.

http://www.w3.org/standards/webdesign/accessibility

Information-Seeking Behavior
OK, I’m sneaking this in… This is not likely in these books, because it’s a complicated, grad-level concept. Unfortunately, I wasn’t really able to find examples that are not long research papers.

Essentially, information-seeking behavior is the idea that all humans search for information in the same way that we evolved to search for food. We have a need, we act to satisfy that need, either actively or not. We do not always know for sure what we’re looking for, and so we satisfy our queries piece by piece, while all the time asking if this new information gets us closer to what we think we’re looking for or not. Like I said, it’s complicated so if this is still confusing, I can try to explain it to you in person!

 


Of course I then ended the email with a few nice words, but that’s my list!

The next post will be about a static site I found providing an intro to UX fundamentals, and other websites to add to this list.