Colin Mayne: Portfolio Website

This is a portfolio website that presents the artwork that Colin Mayne has created during his career as an artist.


Colin had digitized a huge collection of the work he had done over many years as an artist, but needed to present it as a professional online portfolio.


Colin hired me to create a cohesive portfolio website that would be relevant to hiring managers and recruitment agencies in Colin’s field, so that he could put himself forward as a viable candidate.


Homepage for

My Process

For determining how to prioritize, organize, and assess the content of the site, as well as deciding on what kind of structure to build to house that content, I used the following five step process for Content Strategy:

Step 1: Audit

We began by discussing the end goal of the website, and creating a picture of who the user of this site would be. Colin described the process of job seeking in his field, and the types of companies and agencies that he would be targeting in his search. Based on research into the average length of time that a hiring manager or a recruiter spends on each application, it was imperative that the site be straightforward in its navigation and with minimal written content.

I also spent time looking at a large number of portfolio websites of people in the field that Colin works to understand how others have structured their content and identified several successful examples that I could use as a starting point. I worked with Colin to categorize his work into four distinct sections so that it was compartmentalized for clarity.

Step 2: Strategy

I quickly came to recognize that two things were of utmost importance for the strategy of the portfolio content:

  1. Distinct categories so that hiring managers can go directly to their specific field;
  2. Display the artwork in a way that allows for quick and easy viewing;
  3. The only other content necessary was a short bio, and consistent access to how hiring managers could contact the artist.

To promote the understanding that the user was on the site for the purpose of viewing the art, the voice and tone for any written content would be succinct and direct.

Step 3: Plan

Once the four categories were identified, a short bio was written according to the strategy outlined in step two.

Step 4: Create

The design for this website has been built to bring visibility to the content, making it easily accessible and understandable. I worked to create a simple, clear structure to the navigation with interesting labels on the home page that offer a glimpse of his talent to draw the user in. This simple navigation helps the users of the site to quickly move to the relevant area of expertise and immediately get a sense of the artist’s talent and capabilities.

Step 5: Maintain

As the site is new and it is crucial to know how it is performing with hiring managers and recruitment agencies, I am currently working with Colin to gain feedback and insights from these users to understand how we can make improvements.


The final website starts with a simple homepage with the artist’s name displayed clearly at the top in a visually compelling way. The four categories have a satisfying hover response, each revealing a work that was chosen by the artist as a signature piece for that category. Following the bio of the artist, a simple form for contacting Colin can be found. The footer contains a link to his CV, as well as links to his social media and is consistently located here on every single page of the site for easy access.

Once the user has clicked on one of the categories, the navigation arrows are situated clearly at the top so that one can move quickly and easily between sections. Each item in the gallery can be clicked on, with a pop-up window displaying a magnified view. The user can then use arrows on either side to move through the artwork instead of having to click on each item in the gallery individually.