Design Different Portfolio
Below are some examples of websites I've created. Click on a picture to go to the website (each opens in a new window).
N ART 2
The website for N ART 2, a new Norwich based art project.
Built using XHTML and CSS, with Google Analytics web stats.
Design Brief: To build a simplie, clear to read website to provide information about the N ART 2 project.
Solution: My wife, Vanna, designed the logo and I based the site's colours on this. There are just three pages - homepage, about and events - all that is needed. I added small photos to draw the eye to each page.
Jonathan Asher
The website for Jonathan (Jon) Asher, an artist based in Norwich.
Built using XHTML and CSS, with Google Analytics web stats.
Design Brief: To build a crisp, clear and easy to use website to showcase Jonathan Asher's artwork.
Solution: I based built the header image from Jon's paintings and used its colours for the page background and links. Pictures are displayed in a series of galleries.
Living First Aid
The website for Living First Aid, a specialist first aid training business based in South Walsham near Norwich.
Built using XHTML and CSS, with Google Analytics web stats. The site includes feeds to Facebook and Twitter and a section on the hompage for the latest news, which the site owner can update.
Design Brief: To build a clear, easy to use website for Living First Aid using a logo, text and photographs supplied by the business owner.
Solution: I based website colours and shapes on the Living First Aid logo and incorporated feeds to Facebook and Twitter and a section for news. Course details are also available to download as PDFs, for easy storage and reference. The footer includes a link to the business' HSE accreditation.
The Batchelor Collection
The website for The Batchelor Collection, a lovely collection of photographs, mainly of Norfolk churches, by Alan, Joyce and Ruth Batchelor.
Built using XHTML and CSS, with Google Analytics web stats. The site includes twelve galleries of photographs.
Design Brief: To build a website to showcase The Batchelor Collection photographs. Ruth liked my St. Peter's Church, Sheringham website so I used some of its features, though I made the photographs larger.
Solution: Ruth Batchelor sent me the photographs and the text, which I edited slightly.
Tigh-na-Traigh (Beach House) Mull
The website for Tigh-na-Traigh (Beach House) holiday cottage on the Scottish island of Mull.
Built using XHTML and CSS, with Google Analytics web stats and a Google Map. The site includes a Date Blocker calendar which the owners can update to show which dates are booked.
Design Brief: To build a website to give details of the holiday cottage and to show the house and its beautiful surroundings.
Solution: The cottage owners provided lovely photographs and all the text. I suggested theat they use the Date Blocker calendar and provided the bottom banner of shells, drawn by my wife, Vanna. The font is Century Gothic.
Norwich FarmShare
The website for Norwich FarmShare, a new community supported agriculture (CSA) project based at two sites in Norwich.
A Content Management website, built using WordPress software.
Design Brief: To build a website to showcase Norwich FarmShare, which could be updated by several members of the FarmShare group.
Solution: I took a standard WordPress template and then customised it. The site includes a blog giving details of how the project is progressing.
Ladybird Pre-School Nursery, Sheringham
The website for Ladybird Pre-School Nursery in Sheringham, an established nursery in North Norfolk, catering for pre-school children.
Built using XHTML and CSS, with Google Analytics web stats and a Google Map. The site includes a Google Calendar which staff can update with upcoming events.
Design Brief: To build a website to provide information about Ladybird Pre-School Nursery. The Nursery had an existing website which the staff liked but were unable to update. The design brief for the new website was to take the overall look and feel and some of the features from the Nursery's existing website, but to update the information and add some new features such as the Google Map and Calendar.
Solution: The Nursery provided the text and I was able to use images and styles from the original website, plus new features to make it more usable.
Jeremy Bartlett's LET IT GROW blog
My personal Content Management blog, built using WordPress software.
WordPress is customisable Open Source software, which can be used to build websites and blogs.
Design Brief: To build my blog using WordPress.
Solution: I took a standard WordPress template and then customised it. The site has a contact form and an inbuilt site search facility. I also added a free Met Office weather widget to the homepage.
Unique Story Coaching
The website for Unique Story Coaching, an emerging social enterprise run by Mark Ash that provides life coaching support to individuals who want to move toward a more positive chapter in their lives.
Built using XHTML and CSS, with Google Analytics web stats and a PHP contact form. The home page has subtle Javascript image swaps. I customised Mark's blog (built with Blogger) to match the look and feel of the website.
Design Brief: To build a website to provide information about Unique Story Coaching.
Solution: Mark Ash provided the text and the logo. The photographs were from a variety of sources - stock images, portraits of Mark by local photographer Ruski and my own photographs of The Forum and Norwich Market.
St. Peter's Parish Church, Sheringham
The website for St. Peter's Parish Church in Sheringham.
Built using XHTML and CSS, with Google Analytics web stats and a PHP contact form. The site includes photo galleries and a Google Calendar and Map.
Design Brief: To build a website to provide information about the church and its activities and role in the local community.
Solution: The Church Warden provided the text and photographs. I used some of the photos to make a site banner.
Norfolk Organists' Association
The website for Norfolk Organists' Association.
Built using XHTML and CSS, with Google Analytics web stats. The includes photo galleries and details of upcoming and past events.
Design Brief: To redesign the Norfolk Organists' Association website.
Solution: I used photographs and text supplied by members of the Association and also produced a banner and some other images from my own photographs.
Emma's Creations - Textiles, Cards and Flowers
The website for Emma Bradley, who makes beautiful designs with textiles, including handmade cards and flowers.
Built using XHTML and CSS, with Google Analytics web stats and Paypal online shop.
Design Brief: To build a website to showcase Emma's textile designs and allow people to buy her cards online.
Solution: I used Emma's photographs and text. The font for the banner and main headings is called 'Girls are Weird' and was created by Canadian illustrator and cartoonist Johnny Martz and the page borders were designed by my wife Vanna.
Peter Dibble, Willow Basket Maker
The website for Peter Dibble, a Norwich-based willow basket maker.
Built using XHTML and CSS. Uses Google Analytics web stats.
Design Brief: To build a simple website to showcase Peter's work.
Solution: Peter had a lovely photograph of his own willow beds, which I used for the site's banner and footers. I chose a colour scheme to match this for the rest of the site. The background image is a close up of Peter's basket work.
Peter's work portfolio shows his baskets and garden structures on a clean background.
There is a separate page for contact details.
Vivid Images
The website for Andrew Pettitt, an artist based in Norfolk.
Built using XHTML and CSS. Uses Google Analytics web stats.
Design Brief: To build a website to give details of Andrew's paintings and drawings, including image galleries.
Solution: I used one of Andrew's paintings for the site banner and chose colours (muted greens and blues) from this picture for the site background and side bar.
The height of each page is fixed, to maximise the amount viewed in the browser window.
Thumbnail pictures in the galleries link to larger images. Each page has contact details in the sidebar.
Grapes Hill Community Garden
The website for a Community Garden near where I live in Norwich.
Built using XHTML and CSS. Uses a Google Map and Google Analytics web stats.
Design Brief: To provide information about the Grapes Hill Community Garden in Norwich and show to funding bodies and the local community how work is progressing.
Solution: I used a combination of my own photographs of flowers, fruit and vegetables and those taken by members of the Community Garden Group. I edited content supplied by the group's co-ordinator, as well as providing some myself. The font, Verdana, is very easy to read. I used the group's existing logo and this determined the colours I used elsewhere in the site. The site includes photo galleries, an Events page with the latest news on the garden and a PHP contact form.
St. Thomas' Church, Heigham
The website for my local church, built to provide information about the church and its activities and role in the local community.
Built using XHTML and CSS and a PHP contact form. Uses Google Calendar, Google Map and free web stats.
Design Brief: To provide information about St. Thomas' Church, Heigham, including a diary that can be updated by church committee members. The site needed to be attractive to Christians and non-Christians alike. I found this church website guide very helpful.
Solution: I wrote and edited content to give a consistent style. I took photographs of the church and congregation and obtained permission to use archive photographs for the site's "History" page. It was important to keep costs down, so I used a free Google Calendar. The font, Arial, is clear and clean. To aid navigation, I added 'you are here' wording. There is a PHP contact form so people can send an e-mail to the PCC Secretary.
The Last Bartlett
My family history website, built to display old family photographs and provide information on my Bartlett, Clarke, Serjeant, Thomas, Griffiths, Dossor and Attwooll ancestors.
Built using XHTML and CSS. Uses free site search and web stats.
Design Brief: To display old family photographs and ancestors' history in an interesting but concise format.
Solution: To give an "old fashioned" look I used the colours of a red leather-bound book to go with the black and white photographs on the site. The font, Georgia, looks traditional but is specially designed to be readable on a computer screen.
Since launching the site in February 2009 I have been discovered by relatives in England, Ireland, Australia and Canada and I have greatly extended my family tree.
Vanna Art
Small business website featuring picture galleries of paintings and photographs and a Paypal online shop.
My first website, which I built for my wife Vanna's art business, Vanna Art.
Built using XHTML and CSS. Includes free web stats and a Paypal online shop.
Design Brief: To display paintings and their prices clearly and simply, in an online gallery format. To provide background information on some of the paintings.
Solution: I chose a clean background to show the paintings and photographs on the site with a minimum of clutter. The font is Tahoma, which is stylish and very easy to read.
As well as increasing awareness of Vanna's art business and attracting customers, the site acts as a useful catalogue for suppliers of Vanna's cards, coasters and placemats.
