Portfolio

Recent websites

All the sites below were developed solely by me using standards-compliant, strict XHTML and CSS.

gillianredwood.com (2010)

Gallery section of gillianredwood.com

littlemountainoutdoorgear.com (2010)

About page of littlemountainoutdoorgear.com

  • Visual design and photography
  • Lightbox 2 store presentation

johnmetcalf.com (2009)

Discography page on johnmetcalf.com

  • Custom-built content management system using PHP and MySQL
  • Dynamic front-end presentation using PHP
  • Visual design framework

Usability and design improvement concepts

This is a sample of my exploratory work in 2010.

iTunes movie rentals: coverflow and more engaging browsing

before

Current iTunes store interface for browsing, with box titles in a grid, using small pictures and minimal information.

after

iTunes mockup showing large movie cover, trailer and key details, with coverflow to browse through other movies.

iTunes search: improved structure and design

before

Search results screenshot in current iTunes store, from search for 'TomTom'.

after

A mockup of an improved iTunes store search result, with clearer grouping of results, less vertical space used, and less visual clutter.

iTunes TV shows: tailored and engaging browsing experience

before

Screenshot of Curb Your Enthusiasm page of iTunes store

after

Alex's mockup of the Curb Your Enthusiasm page of iTunes store, with many changes as detailed in the text.

Safari web browser: improved use of vertical space

Before-and-after safari browser window, with the improvement having 83 more vertical page pixels by moving bookmarks and tabs to left.

BBC sport page: reduced page density and clearer layout

before

Screenshot of BBC football website covering a football game, with text commentary.

after

Mockup of improved BBC football page, with fewer words, less strips of colour, and lighter fonts.

iTunes movie browsing: improved page focus and reduced density

Before-and-after for movie rentals 'new to rent' page, with after having larger box covers, fewer details, and no rental buttons.

TweetDeck: improved display of Twitter account

Before-and-after for Twitter feed to show tweets more cleanly, and to maximise vertical space.

Other projects

Bubble Trouble – Mac entertainment software

Bubble Trouble logo and screenshot of gameplay

Comments are closed.