Archive for the ‘Design’ Category

Portfolio Showcase: Summer Edition Round-Up

Tuesday, August 3rd, 2010

This summer, we launched the first edition of our Portfolio Showcase series, featuring the online portfolios of writers, editors, and designers. Today we’ll take a quick look back at the visual inspiration, design processes, and creative advice they shared. Click on the respective thumbnail to read the complete showcase.


Sacha Greif, web designer | sachagreif.com

[Set] your goals first. Do you want to get new clients? Raise your profile by writing witty blog posts? Target a special niche? Get hired? If you’re not sure, the easiest and safest route is always to put your work forward. [...] potential clients want to see your work, not become your best friend or comment on your blog.

Matthew Allard, fiction writer | matthewallard.com

Start sending people to your portfolio site! Business cards are an affordable take-away. Super easy. I know they seem like something reserved for a company man. But you are the CEO of yourself. You are the product/brand to someone who may want your work or expertise.

Joe Sak, web developer | joesak.com

For me, the writing is the centerpiece of my portfolio. It aims to communicate effectively and comprehensively my contribution to the teams and clients I have had the pleasure of working with. [...] Pick your favorite work, write about it freely, don’t nitpick yourself to death, and just start sharing with others.

Sarah Jackson, designer & illustrator | sarahjackson.ca

[...] more than anything else, I needed my site to reflect me: my personality, my quirks, my uniqueness! Opposed to what some people may believe, I think that clients hire people, not just skills. Generally they hire someone that they know can do the job AND that they will like to work with.

Victoria Pater, graphic designer | victoriapater.com

[...] find a platform that works for you (whether if be WordPress, Indexhibit, Cargo, or Squarespace), then customize it. They have all the main elements you need, plus the social and community aspects are already built in.

Kristen Byers, designer & writer | kristenbyers.net

Remember that your digital portfolio is an ongoing process — it’s never really “done”. I have found that the best time to work on my portfolio (and resume, for that matter) is when I’m not actively seeking employment. That way the pressure is off and I feel much more relaxed about my design and content decisions.

Grace Smith, freelance web designer | postscript5.co.uk

If you’re not giving an overview of each piece of work in your portfolio, you are missing a valuable opportunity to showcase your skills and expertise on each particular project. You don’t need to write an essay, but it’s your chance to shine by giving some details that will allow each potential client to appreciate each piece not just on an aesthetic level, but on a practical client project level too.


Thank you to all the featured professionals for sharing with us! We will be featuring more portfolios this fall, so if you would like to share your portfolio or one that has inspired you, please share links in the comments or email us.

Portfolio Showcase: Grace Smith

Thursday, July 8th, 2010

Our latest Portfolio Showcase comes from freelance web designer Grace Smith. For a closer look, click on the screenshots to visit the respective area of her portfolio at postscript5.co.uk.

gracesmith

Tell us a little bit about yourself.
Sure, I’m a 27-year-old web designer and owner of micro-design studio Postscript5, based in Northern Ireland. I work with individuals and companies based mainly in the UK and USA, on a diverse range of projects from branding and blog design to iPhone app development and application UIs. I’ve recently launched my latest personal project—The Freelance Feed—and enjoy blogging and contributing to other publications such as Computer Arts Projects and Mashable.

gracesmith-portfolio

How long have you had an online portfolio?
I’ve had an online portfolio since my first year of University, which would be approximately nine years now. However, my portfolio for Postscript5 was launched five years ago, which I would consider my first professional online portfolio.

gracesmith-services

What was your design process?
My focus was on creating a portfolio that was unique. I started with a color palette and went from there, with around 15 various revisions before deciding on the current design. I took the decision to create something that was simple, easy to update and navigate, all with a strong call to action on every page.

Creating a clean, efficient aesthetic was at the core of my process. I’ve actually started the redesign for Postscript5, with a complete overhaul of the brand and design.

gracesmith-process

Do you have any advice for other designers about creating online portfolios?
Creating a great online portfolio relies on first knowing exactly who your target audience is, what their specific wants and needs are, and then catering to these. You can start by creating an ideal client profile, then define your market by profiling it. Once you know this information, you will be in a much better place to position yourself for the best results and create a portfolio that truly connects with your audience.

I would also recommend:

  1. Only Display Your Best Work – You don’t want to give someone an excuse to say no to your work, so don’t include pieces that you don’t believe showcase your work at its best. Including too much means the viewer could easily get bored of your work, when you really want to leave them wanting more.
  2. Give Your Portfolio Context – If you’re not giving an overview of each piece of work in your portfolio, you are missing a valuable opportunity to showcase your skills and expertise on each particular project. You don’t need to write an essay, but it’s your chance to shine by giving some details that will allow each potential client to appreciate each piece not just on an aesthetic level, but on a practical client project level too.
  3. Provide Testimonials – These are an essential for any portfolio. Having reassuring quotes from previous clients helps quell uncertainty and acts as excellent ‘social proof’. Testimonials also do an excellent job of showcasing who else you have worked with and tells potential clients who they will be joining on your client list.

Perhaps most importantly, make sure it’s easy for them to contact you!

Portfolio Showcase: Kristen Byers

Thursday, July 1st, 2010

Our latest Portfolio Showcase comes from designer and writer Kristen Byers. For a closer look, click on the screenshots to visit the respective area of her portfolio at kristenbyers.net.
kristen-byers-about

Tell us a little bit about yourself.
I work at the Monterey Institute of International Studies as the New Media Development Specialist. I mostly work with the Institute’s web and social media presences, but I get to design print documents from time to time. I also pick up the occasional freelance project, and my portfolio definitely comes in handy for that.
kristen-byers-home

How long have you had an online portfolio?
I’ve had a formal online portfolio since the spring of 2006, so for about 4 years now. You can still view the first iteration of my portfolio online. My portfolio has evolved quite a bit since then as I discovered that a content management system would make it way easier for me to add and feature new portfolio pieces. I’ve been using WordPress for my portfolio since 2008.
kristen-byers-portfolio

What was your design process?
I always start by choosing a color palette and then a typeface for my name. For some reason I see these as small, achievable goals that help me get the design ideas to start flowing. Then I seek out a WordPress theme that meets my basic needs (in terms of general layout, number of columns, built-in contact form, etc.). Determining my WordPress theme needs is probably the hardest part. Once I find a WordPress template that I can use as a starting point, I tweak the heck out of it to make it my own.

kristen-byers-header

Do you have any advice for other designers about creating online portfolios?
Remember that your digital portfolio is an ongoing process — it’s never really “done”. I have found that the best time to work on my portfolio (and resume, for that matter) is when I’m not actively seeking employment. That way the pressure is off and I feel much more relaxed about my design and content decisions. I highly recommend soliciting feedback from friends and coworkers during this time.

Also, don’t forget to create a favicon for your portfolio. It’s a great finishing touch (and often a fun challenge to try to represent yourself in 16×16 pixels!).

New resource: Bounce

Wednesday, June 30th, 2010

I came across Bounce on Twitter the other day, and its “fun and easy way to share ideas on a website” tagline says it all. Simply add your notes and then share via your social network of choice.

This is a great tool for designers who want an easy way to give and get feedback on various phases of a site design. Anyone else using this yet?

bounce-app

bounce-app-bw

Portfolio Showcase: Victoria Pater

Thursday, June 24th, 2010

Our latest Portfolio Showcase comes from graphic designer Victoria Pater. For a closer look, click on the screenshots to visit the respective area of her portfolio at victoriapater.com.

victoria-pater-about

Tell us a little bit about yourself.
I’m a full-time freelance graphic designer living in (and loving) Chicago. I design for both print and the web, but like to think I specialize in logos & branding. I’m also slightly obsessed with typography and Twitter.

victoria-pater-blog

How long have you had an online portfolio?
I launched my online portfolio in November. It’s gone through one massive redesign since then, but my main goal for ’09 was just to get my blog and portfolio up at victoriapater.com. This year I’ll focus on loving how it looks!

victoria-pater-work

What was your design process?
My portfolio site runs on Squarespace, so I picked an extremely minimal theme and designed around that structure. There were a few elements I had to add manually, such as the Twitter feed header. By tweaking existing code, I ended up customizing a lot of the site. Overall, the design was kept simple to showcase a wide range of work.

victoria-pater-work-2

victoria-pater-work-3

Do you have any advice for other designers about creating online portfolios?
My suggestion would be to find a platform that works for you (whether if be WordPress, Indexhibit, Cargo, or Squarespace), then customize it. They have all the main elements you need, plus the social and community aspects are already built in.

Portfolio Showcase: Sarah Jackson

Friday, June 11th, 2010

Our latest Portfolio Showcase comes from designer and illustrator Sarah Jackson. For a closer look, click on the screenshots to visit the respective area of her portfolio at sarahjackson.ca.
sarahjackson-about

Tell us a little bit about yourself.
I’m a freelance designer and illustrator based out of Edmonton, Alberta (Canada). I went to Grant MacEwan University for Design Studies (Illustration stream) and after 3 years of illustrating and another 3 years of doing graphic design for various companies, I decided to take the leap and begin my own freelance studio. Sarah Jackson Design + Illustration was born a year ago and cuss, I’m loving it!
sarahjackson-design

How long have you had an online portfolio?
Before I went freelance, I had an online Flash portfolio (NIGHTMARE!) that I ignored on a regular basis. When I started freelancing full-time I knew that I no longer had any excuse and that I’d have to do something about that god-awful Flash take-a-whole-coffee-break-to-load Nightmare… I’ve had my current customized WordPress portfolio since the Fall of 2009 and it’s been serving me very well.
sarahjackson-illustration

What was your design process?
I feel like there is a lot of design on the web that is overwhelmingly busy and cluttered. It’s like we’re trying to scare people with our quantity instead of impressing them with our quality, and it never fails to give me a headache. I purposefully chose a VERY simple, very clean aesthetic for my website (a free WordPress theme), and then worked with my brother Justin Jackson to customize and tweak it so that it contained all of the elements that I needed. Lots of back and forth and edits. For example, one thing I really wanted for my site was ridiculously easy navigation – so, now my viewers can access my portfolio from the top menu, but my projects are also all listed and clickable along the right side of the template: easy access at all times, and viewers know exactly how many projects/what types of projects I’m featuring.
sarahjackson-illustration2

I know other designers on your blog have already said this, but it’s worth repeating: more than anything else, I needed my site to reflect me: my personality, my quirks, my uniqueness! Opposed to what some people may believe, I think that clients hire people, not just skills. Generally they hire someone that they know can do the job AND that they will like to work with: I’ve seen it time and time again, and the fact that 100% of my clients are mine through networking and personal referrals speaks for itself. I chose the layout, colors, writing style, and aesthetic to all communicate both my skills and my personality as well.
sarahjackson-home

Finally, I wanted my site to be engaging – that is, to get viewers interested in me and my work, and to encourage viewers to return to my site. My answer to this was to have a “Monthly Highlight” – like a blog feature, but more like a short monthly newsletter – as my home page. Every month I highlight a different project, idea or something design-related that I’m excited about. This adds value to my site, so that people always leave feeling like their time on my site was well spent. I’ve found it’s good to offer value because it shows viewers that you respect them and their time.

Do you have any advice for other designers about creating online portfolios?
Have a purpose and build your portfolio to suit that purpose!
sarahjackson-design2

An experiment in crowdsourced web design

Tuesday, June 8th, 2010

Joining a blogathon means committing yourself to a month of daily blogging—not an easy task. For this year’s WordCount Blogathon, one blogger approached the challenge with an experiment in web design.

Ron Doyle—freelance writer, web designer, and author of Blog Salad—let his readers vote on different elements of his blog’s design.

Yes, I know, my blog looks like it was created in 1994. Here’s why: For the next 31 days, you will decide the fate of my blog’s design. I’ll walk you through the stages of development and you’ll vote. I will make changes daily based on the results of my polls.

Everything, from layout and navigation to fonts and colors, was crowdsourced. Now, “design by committee” is a phrase that has come to represent the negative result of too many people having a say in a design project. It was even spoofed in “The Process“, a video that shows what the stop sign would look like if it had been designed by committee.

I admit that when I first read about Ron’s experiment, I saw it as a huge risk. I know my personal concerns would run along the lines of, “What if they choose a color I hate?” Or, “What if they insist on using Comic Sans in the logo because it’s ‘fun’?”

But while having too many opinions from people who aren’t knowledgeable about design has the potential to lead to disaster, isn’t it the job of the designer to incorporate requests, translate technical jargon for the client, and ultimately produce a design that is—while perhaps not what you would have done alone—still cohesive and professional? In his decision to hand over creative control to the internet, Ron turned a month of blogging into a month of learning how to be a better designer.

Breaking down the process this way makes me realize how complicated my job as a designer really is. For every decision that you made, I had to make three more to execute it. And there are at least 31 more things that need to be done. It’s an endless to-do list of those little details that only matter when someone stumbles upon them.

And it’s why [...] I’m more proud today of what I do for a living than I was 31 days ago. So, sincerely, thank you for helping me confirm my professional purpose.

What do you think? Good idea, or bad idea? Take a look at the transformation of Blog Salad over 31 days, condensed into 33 seconds.

Portfolio Showcase: Joe Sak

Thursday, May 27th, 2010

Our latest Portfolio Showcase comes from web developer Joe Sak. For a closer look, click on the screenshots to visit the respective area of his portfolio at www.joesak.com.

sak-about

Tell us a little bit about yourself.
My name is Joe Sak, I’m a web developer in Chicago, IL. Currently, I work full-time with 4 other people at Neoteric Design, Inc. I love bikes, music, technology, books, and friendship.

sak-home

How long have you had an online portfolio?
For over 3 years.

What was your design process?
I picked a theme on WordPress that was elegant and matched my tastes, then I chose a highly rated plugin for the portfolio and because it was so easy to use, I stuck with it. I picked my favorite projects from memory and wrote about them. I wrote what the project was, what my role on the team was, and the skills I used. I also decided to write about my employers and freelance experience. For me, the writing is the centerpiece of my portfolio. It aims to communicate effectively and comprehensively my contribution to the teams and clients I have had the pleasure of working with.

sak-portfolio

Do you have any advice for other developers about creating online portfolios?
Pick your favorite work, write about it freely, don’t nitpick yourself to death, and just start sharing with others.

sak-portfolio-2

Type matters

Wednesday, May 26th, 2010

If you are ever having a discussion (or argument) with someone who doesn’t believe that type matters, then demonstrate your point by showing them this:

audrey-type

These are two identical photos of Audrey Hepburn, only one is captioned in Bodoni and one is captioned in Comic Sans. The distinctive style of each typeface alters the perception of the image—classic or comical?

This is just one of the examples that graphic designer and I Love Typography (ILT) founder John Boardley shared at Type Matters last week in Japan.

I’ve been reading ILT for a few years now, so when I heard John was going to be speaking in Tokyo, I cleared my calendar, added my name to the waiting list, and crossed my fingers that I’d get bumped up. It was wonderful to sit in a room with other type lovers and hear John talk about its history and usage. Here are some of the tips he shared about the four elements of good typography: Contrast, Size, Hierarchy, and White Space.

  • Check for contrast by printing out your design in grayscale.
  • Text is the most important element on any page and it should always be a legible size.
  • Use typography to establish a visual hierarchy.
  • Many designers fear white space, but typography is about balancing the black and white.

To learn more, check out John’s Guide to Web Typography. In fact, if you’re not already reading I Love Typography, go, browse, learn. There is a ton of content on all aspects of typography, and it’s a fantastic resource whether you’re a professional designer or a type enthusiast.

And for some typographical inspiration, here are some shots I took during the historical part of John’s presentation. You can click on each image for a closer look.

latin-alpha-700bc cuneiform
carolingean c-capmark
bodoni-punches estienne
jenson rome-letters

Portfolio Showcase: Matthew Allard

Thursday, May 20th, 2010

Our latest Portfolio Showcase comes from fiction writer Matthew Allard. For a closer look, click on the screenshots to visit the respective area of his portfolio at matthewallard.com.

allard-about

Tell us a little bit about yourself.
I’m a fiction writer living in Los Angeles, CA. I’ve always loved writing and enjoyed the storytelling process. I grew up in Michigan, went to school in Chicago and then moved to L.A. to work as a television screenwriter. I got lucky with a few nice entertainment industry jobs, and I got to take a stab at writing/producing in the “real world.” Surprise, surprise: It wasn’t all that I’d imagined it to be. I didn’t like it. But I still loved to write. I switched gears and attempted to break into print and web publishing (which seemed the direction that writing was heading anyway). I landed a gig as an editor for a national cityguide website, and I started writing fiction—my real passion—on the side. That lasted about 3 years; I recently left to pursue freelance opportunities and complete my debut story collection, which will feature illustrations by a good friend of mine named Ian Dingman.

allard-stories

How long have you had an online portfolio?
I’ve had blogs where I’ve aimed to showcase my writing for the last 6 or 7 years. I launched a true sort of portfolio hub 3 years ago.

What was your design process?
First and foremost, I wanted to have a site that reflected myself. I wanted it to be personal and have personality. It was, and is, important to me to maintain something that isn’t stock. It seems like everyone wants to be a writer. And, sure, there is something to be said for letting your work speak for itself—yet, I wanted my design to be memorable as well. I’m fortunate to be working with Ian and have the luxury of using his illustrations in my current design. So it feels cohesive, and, since our aesthetics are super complimentary, it works as a great representation of myself. Beyond that, I believe in making it simple simple simple. I think my site is very simple to navigate and find the goods.

allard-photos

Do you have any advice for other writers about creating online portfolios?
Again: Simplicity is key. If I can’t find your work in one click, it’s tedious. At the point that someone is coming to my portfolio, I kinda view it as them doing me a favor. In that, I want to treat them like they are a guest in my home: I’ll wait on you. That said, I’m all for the creativity of portfolios. Express who you are. Not everyone has an illustrator pal in their back pocket, I know. But showing your personality in a welcome message, maybe some personal pictures, etc. People want to work with real people. That seems important. I have a blog attached to my portfolio for a bit of that reason. (And I have a separate blog for rants and nonsense and whatever else aside from my portfolio site.)

allard-home

My goal with the portfolio was to have a one-stop-shop for the polished me. My fiction writing is what I’m most passionate and motivated toward right now, so my site is geared solely toward my work in that area. The blog on the portfolio has a few things that I’m interested in, but most often it’s become more of a “news” section. I use that blog to write about professional updates, cool life news and releases, etc. Then it’s easy to click over and see some samples of my work. Or, a picture of me (to put a face to the work). Or, my bio.

allard-mixtapes

Lastly, I believe in business cards. Corny as that may be in “selling yourself.” I have a business card designed in the same theme as my portfolio site. It has my phone number, my name, my email and my web address on it. Start sending people to your portfolio site! Business cards are an affordable take-away. Super easy. I know they seem like something reserved for a company man. But you are the CEO of yourself. You are the product/brand to someone who may want your work or expertise. You should have a personal business card.

allard-fax-page