Case Study: A new website for Oakfield Gallery

Oakfield Gallery website screenshots
  • The Project: Logo and website design for Kay Todman and Oakfield Gallery
  • What I Did: Manage the project. Web development and coding. Install content management system.
  • Result: The website was launched in February 2017.

Kay Todman, a fine art realist painter in Sussex, approached me to design and develop branding and a website for her paintings and to publicise an upcoming exhibition. The website is Oakfield Gallery.

Design

I worked with Liz Elcoate who designed the logo, website and brand guidelines. I've worked with Liz before and she always does outstanding work. In this case, it was based on a design brief that was put together with Kay.

The logo with leaf motif works really well I think. It's a clean design that has an understated elegance. Liz explains:

The oak leaf is a nod to the “oak” in the gallery name but is rendered in a slightly abstract way so that the stem of the leaf represents the tip of a paintbrush on canvas.

Web Development

One of the main objectives of the website build was to create a grid-based layout for the paintings in each gallery and a number of methods were tested. However, the final results were based on several methods depending on the page context. For example, I used CSS multiple columns for the individual gallery pages. It works well for images where the widths are known but the heights are not. It's also great for a responsive layout where the images resize and where the number of columns may change on smaller screen devices.

The page designs really highlight the paintings and I wanted to make it easy for Kay to change these as often as needed. The content management system (CMS) called Perch is ideal because it's possible to structure the content into sensible items that are easy to change. In fact, a day after a quick run-through, Kay has changed a couple of images already.

Kay has an exhibition in June and we wanted to highlight this on the home page as long as possible. So, I created a simple checkbox that 'sticks' the post (or any post) to that page. Again, it's easy for Kay to change this.

I launched the site in February 2017 and there has been some great feedback so far.

IDValue
url_0/news/2017-02-10-case-study-a-new-website-for-oakfield-gallery
url_s2017-02-10-case-study-a-new-website-for-oakfield-gallery
url_12017-02-10-case-study-a-new-website-for-oakfield-gallery
perch_page_path/news/post
longerTitleCase Study: A new website for Oakfield Gallery
image/perch/resources/oakfield-gallery-devices972648.png
imageDescriptionOakfield Gallery website screenshots
show1
alternativeimage
alternativeimageDescription
excerpt

The Oakfield Gallery website was launched in February 2017. Designed by Liz Elcoate. Web development by Clive Walker.

pageDescriptionThe Oakfield Gallery website was launched in February 2017​. Designed by Liz Elcoate. Web development by Clive Walker.
categories
Array
(
    [0] => 12
    [1] => 19
)
og_titleCase Study: A new website for Oakfield Gallery
og_descriptionThe Oakfield Gallery website was launched in February 2017. Designed by Liz Elcoate. Web development by Clive Walker.
og_image/perch/resources/oakfield-gallery-devices-3.png
og_typearticle
itemID61
postID61
blogID1
postTitleCase Study: A new website for Oakfield Gallery
postSlug2017-02-10-case-study-a-new-website-for-oakfield-gallery
postDateTime2017-02-10 15:54:00
postDescRaw The Project: Logo and website design for Kay Todman and Oakfield Gallery What I Did: Manage{...}
postDescHTML The Project: Logo and website design for Kay Todman and Oakfield Gallery What I Did: Manage{...}
postDynamicFields{"longerTitle":"Case Study: A new website for Oakfield{...}
postTags
postStatusPublished
authorID1
sectionID1
postCommentCount0
postImportID
postLegacyURL
postAllowComments1
postTemplatepost.html
postMetaTemplatepost_meta.html
postIsPublished1
sortval61
pagingfalse
total1
number_of_pages1
total_pages1
per_page10
current_page1
lower_bound1
upper_bound1
prev_url
next_url
prev_page_number
next_page_number
first_page_url/news/2017-02-10-case-study-a-new-website-for-oakfield-gallery
last_page_url/news/2017-02-10-case-study-a-new-website-for-oakfield-gallery
first_pagetrue
last_pagetrue
perch_longerTitleCase Study: A new website for Oakfield Gallery
perch_image/perch/resources/oakfield-gallery-devices972648.png
perch_imageDescriptionOakfield Gallery website screenshots
perch_show1
perch_alternativeimage
perch_alternativeimageDescription
perch_excerpt

The Oakfield Gallery website was launched in February 2017. Designed by Liz Elcoate. Web development by Clive Walker.

perch_pageDescriptionThe Oakfield Gallery website was launched in February 2017​. Designed by Liz Elcoate. Web development by Clive Walker.
perch_categories
Array
(
    [0] => 12
    [1] => 19
)
perch_og_titleCase Study: A new website for Oakfield Gallery
perch_og_descriptionThe Oakfield Gallery website was launched in February 2017. Designed by Liz Elcoate. Web development by Clive Walker.
perch_og_image/perch/resources/oakfield-gallery-devices-3.png
perch_og_typearticle
authorGivenNameClive
authorFamilyNameWalker
authorEmailclive.walker@cvwdesign.co.uk
authorPostCount66
authorSlugclive-walker
authorImportRef
authorDynamicFields
postURL/news/2017-02-10-case-study-a-new-website-for-oakfield-gallery
postURLFullhttps://www.cvwdesign.co.uk/news/2017-02-10-case-study-a-new-website-for-oakfield-gallery
perch_item_firsttrue
perch_item_lasttrue
perch_item_zero_index0
perch_item_index1
perch_item_rev_index1
perch_item_rev_zero_index0
perch_item_odd
perch_item_count1
perch_index_in_set1
perch_zero_index_in_set0
perch_first_in_settrue
perch_last_in_settrue
perch_namespaceperch:blog
Leave a comment

A simple question that helps with spam.

Add a Response

This site uses webmentions. Responses are collected and displayed automatically. However, if you've posted a response and need to manually notify me, please enter the URL here.

Posted a response? Enter the URL here