Andrew Couldwell

Showcase and news website for an illustrators agents in London, representing artists & illustrators around the world.

No link (sorry)

April 2011

Client.

Phosphor Art are an artists & illustrators agents in London.

Categories

Build. Design. Ideas. Website.

Tags

. . . . .

Project.

Phosphor Art needed a new website to showcase their artists, filter content, introduce editorial features, incorporate & promote their social network presences and encourage sharing.

Social media.

In addition to designing and building their website, I also curate their blog and social networks.

Info.

Involvement

Wireframes. Design. Build.

Tools

Illustrator. Photoshop. Coda. WordPress.

Code

HTML5. CSS. jQuery. PHP.

Home page

Simply a portal into the website. A feature panel at the top allows the agency to showcase a few artists/illustrators, which they can change periodically. Below that are three feeds for the latest article for three different categories of news items. There is a Flickr and Twitter feed, an e-newsletter sign-up, and the usual links to social networks.

Footer

The interesting thing about this website is that it's kinda upside down! The footer is at the top of the page with the address, contact details and social links. This is intended to give higher priority to their all important contact details and location (London & New York).

Navigation

In order to create quick access to all the artists portfolios, news items and the art, the navigation is constrained to the left column. The primary links are larger at the top. Below that is a simple accordion menu that allows the user to quickly find a specific artist, and to filter through the different styles of art/illustrations on the site to find a style/illustrator to hire.

Artist portfolio

Each artist/illustrator they represent has their own profile page with their biography, useful links, any news related to them and of course their portfolio.

Imagery

A lot of agency websites display thumbnails leading to the full artwork, I find this tiresome, especially when the primary purpose of an art agency website is to scan portfolios to find a style you like... to hire that artist. So the masonry/tile effect grid works well for showing the art in all it's glory, while still looking great.

Preview

Click to view art in more detail.

Share

The user can also click through to a page with just that art on, so they can share it, comment on it, bookmark it for later or send to a client.

News

A visual blog, again following the masonry style grid so the images can shine in their original un-cropped states.

Wireframes, UX and UI