You’ve redone your homepage, chosen artwork you’d like to show, and decided how you’d like to display it. Now comes the grunt work – getting it all done.

Coding it yourself
In a perfect world, you would code everything on your site yourself. It’s frustrating at times, but ultimately very satisfying when you can tell a prospective employer that you did everything they see on your site.

Look at other sites for inspiration. If you like how a site looks, study the code to see how they did something, but don’t steal it! (You wouldn’t want someone stealing your work to use on their site, right? Same thing.) A little research can show you different ideas you might never have thought of and may start you off on a new and exciting approach to your portfolio.

Don’t be afraid to use Google – type in (more…)

Now that you’ve chosen your images and thought about how many to include, there are a few finishing touches you may want to consider to make your gallery more polished and professional.

Descriptions
I really like to have a title or explanation along with the picture. You can offer insight into the piece – say it’s a painting of a girl looking wistfully out of the window. Is it a portrait of your neighbor, or an illustration for a short story collection? Visitors to your site (and potential employers!) won’t know unless you tell them. Your art may speak for itself, but a one- or two-line description makes that extra bit of difference. It’s like hanging your artwork in a gallery with a small plaque next to it, as opposed to hanging it on your fridge.

The clean scan and the real deal
When you can, it’s nice to show the finished piece as it appeared in the magazine (or newspaper, or CD cover). It puts it in a context and shows your work off professionally. I like to show the illustration without any text on it, and then link to a second screen to show the artwork as it was printed. A simple photo can work well for this. In this picture, the client is holding the finished posters on screen 3. Links 1 and 2 show each painting individually, with no text on them.

In part four: How to get it all done.

Read Elena’s previous post | Read Elena’s next post

So now that you’ve rethought your homepage, it’s time to think about your gallery. Call it what you want, a gallery, a portfolio; this is where you provide examples of your work with a few pertinent details.

Choosing your work
When I was overhauling my site, I went through all my sketchbooks – and trust me, there are a lot of them – with post-it-notes. I tagged like crazy, made lists for myself, and remembered paintings I had rolled up in the closet but really liked. Or work I’d auctioned and didn’t have anymore, but I had photos. Examine everything you have for possibilities.

I took off almost all the artwork I had already up on my site – anything I thought was out of date, or a style I don’t care to work in anymore, or I just plain was tired of.

Look at your work as a whole – choose the pieces you’re proud of, the ones that make you laugh, the ones that resonate with you. If you’ve had anything published, and you like it, by all means, choose those. If you see that you have a lot of paintings of animals, and you’d like to be known for that, group them together. If instead you look and say, “wow, I have a lot of paintings of animals, but what I really want to do is more vector work”…. Well, you get it. You should be displaying work you like, that represents you, as you’d like to be known now. Not what you did three years ago, unless that style still works for you and shows off your talent.

How to display them

Many people (myself included) show thumbnails to give a quick scan of images to choose from. How large you decide to make them, and how much you wish to show are entirely up to you.

Your thumbnails will need to open to show the full image somewhere. Decide if you want them to pop open in a new window, or appear on the same screen. (More about the “how-to” in the next part of the article.)

Consider dividing your work into sections to make it easier for viewers to find what they’re looking for. For instance: published work and personal work; illustration and editorial. If you have different styles you want to show, sectioning them off like this is helpful. For my own, I have illustrations in one section (both personal and published) and stories in another – when I had a series of illustrations that went together with words, that I felt didn’t work as well as on their own. I also had a great time displaying them in a much more creative setting that I felt helped set the tone for the theme of the pictures.

In part three: Finishing touches.

Read Elena’s previous post | Read Elena’s next post

My website started out around 1999 as a personal site. I was learning HTML at work and wanted to try out new ideas on my own terms. I had redesigned the site a few times, but always kept the content intact. Fast-forward to this past summer, when I rethought the whole darn thing. I realized that what I really wanted to do was to change the direction and focus of the site and make it more of a showcase for my illustration work. I recently took a CSS class through Sessions.edu and used it, along with the practical work knowledge from my job, to overhaul my 8-year-old website. Since then, I’ve been a finalist in the Bloggies for Best-Designed Weblog and a Blog of Note on Blogger.com. (more…)

I’m thrilled to be guest-blogging here on Notes on Design! I’m an art director by day, illustrator by night, and hands-on-at-all-times Mama to three preschoolers. This means I am very good at organizing, but I’m ready to get creative at a moment’s notice.

I’m a great believer in keeping your creativity alive by always trying something new to spark your interest. That could range from painting with unusual materials, like wine, or coffee…

Doing fast-and-fluid portraits with your kids’ art supplies while they draw too: (more…)