Nucleus Human Change Technologies

Nucleus Human Change Technologies approached me to help them design and build the website arm of a new branding campaign they were launching.

The aim was to create a simple brochure site which would give an overview of the services they offer, as well as offering scope for expansion in the future. They were keen to make the site as clean and fresh looking as possible, incorporating imagery and branding which was being used on their printed literature. The site also included multi-media elements in the form of an audio clip from one of their relaxation CD’s and a video excerpt from one of their presentations.

Client

Nucleus Human Change Technologies

URL

www.veryconscious.com/nucleuschange

Made with

Photoshop, Illustrator, XHTML, CSS, PHP, Javascript

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Nucleus Human Change Technologies screenshot 1
  • Nucleus Human Change Technologies screenshot 2
  • Nucleus Human Change Technologies screenshot 3
  • Nucleus Human Change Technologies screenshot 4

Manheim Portugal

This was the first of seven websites launched to increase Manheim’s web presence across continental Europe.

Taking the lead on the project, I was not only solely responsible for the front-end design and build, but I was also required to liaise with colleagues in Portugal regarding content and management, as well as working very closely with the development team in the USA in order to integrate a custom built search facility into the site.

Client

Manheim Auctions

URL

www.manheim.pt

Made with

Photoshop, Illustrator, XHTML, CSS, Javascript

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Manheim Portugal screenshot 1
  • Manheim Portugal screenshot 2
  • Manheim Portugal screenshot 3
  • Manheim Portugal screenshot 4

Custom CMS

As part of my experimentation with dynamic web development, I’ve begun working on a basic CMS using PHP/MySQL, mainly to learn the fundamentals and to see what’s possible.

The actual aesthetics of the site have so far been secondary to getting the structure and functionality right, and I’ve found myself adding bits to it as I’ve learnt more about how to work with and manipulate information from a database.

Whilst this is still very much a work-in-progress, some of the features include…

  • Users are able to submit news articles (including images which are uploaded to a specific directory).
  • User submitted articles are put in a "holding" area where they require approval before being added to the site.
  • When a user submits an article, an email notification is sent to an admin email address to inform them a submission requires approval.
  • Content is marked up dynamically, including paragraph tags, line breaks, links, link titles and image "Alt" attributes.
  • Articles can be submitted to popular social networking sites (for example, Digg, Reddit and Facebook)
  • Users are able to leave comments on articles (and again, a notification is sent to the admin email).
  • Dynamic RSS feed

This site is currently just a playground for me to experiment with PHP/MySQL, but I feel it’s been (and continues to be) a great learning experience.

Client

Personal project

URL

www.veryconscious.com/customcms

Made with

Photoshop, XHTML, CSS, PHP, MySQL

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Custom CMS screenshot 1
  • Custom CMS screenshot 2
  • Custom CMS screenshot 3
  • Custom CMS screenshot 4

Miscellaneous concepts

This is a selection of concepts and ideas that I’ve worked up for various different projects. None of these designs actually went live, for one reason or another, but they were each projects in their own right that required planning, brainstorming, analysis and designing.

Client

Various

URL

(Currently offline)

Made with

Photoshop, Illustrator

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Manheim Portal screenshot
  • Toyota/Lexus screenshot
  • Volkswagen Stockshop screenshot
  • Turner’s Weddings screenshot

Jealous Records

Leeds based independent record label, Jealous Records were looking for a re-design of their old Flash based website.

After going through the existing content and functionality with them, it was decided to maintain the current structure and to simply update the look of the site. The content was migrated over from the old site and integrated into the new CSS based front-end.

Client

Jealous Records

URL

www.jealousrecords.com

Made with

Photoshop, Illustrator, XHTML, CSS, PHP, Javascript

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Jealous Records screenshot 1
  • Jealous Records screenshot 2
  • Jealous Records screenshot 3
  • Jealous Records screenshot 4

UDSU Buxton

During my time working at the University of Derby Students’ Union I was responsible for the re-design of the website for the Union’s satellite campus in Buxton.

One of the major factors which had to be taken into account was ensuring the site was able to interact with the Union’s custom CMS, giving me my first real exposure to a dynamic website driven by PHP/MySQL.

Client

University of Derby Students Union

URL

(Currently offline)

Made with

Photoshop, Illustrator, XHTML, CSS, PHP, MySQL

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • UDSU Buxton screenshot 1
  • UDSU Buxton screenshot 2
  • UDSU Buxton screenshot 3
  • UDSU Buxton screenshot 4

UDSU Print Work

This is a small selection of printed projects I was involved with whilst working at the University of Derby Students’ Union.

Client

University of Derby Students Union

Made with

Photoshop, Illustrator, InDesign

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • UDSU Blends poster
  • UDSU Barn Party poster
  • UDSU Bomb-a-Drop poster
  • UDSU Beach Party poster
  • UDSU Exposure poster

Intrigue – End of Year Degree Show

This was a site built to accompany the end-of-year show for students of Commercial Photography, Video Production and New Media at the University of Derby.

I had to work closely with the various course leaders during the life cycle of the project, as well as liaising with the University's web team regarding hosting (the site has since been taken down from their server). The main challenge of this project was trying to find an efficient way of displaying the images, leading me to my first experiment with the Lightbox Javascript.

Client

Intrigue – End of Year Degree Show

URL

www.veryconscious.com/intrigue

Made with

Photoshop, Illustrator, XHTML, CSS, Javascript, PHP

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Intrigue Degree Show screenshot 1
  • Intrigue Degree Show screenshot 2
  • Intrigue Degree Show screenshot 3
  • Intrigue Degree Show screenshot 4

Douglas Todd

I had long been an admirer of Doug’s photography, so when he asked me to help him with a website, I jumped at the chance.

The design is simple and contrasting, allowing the photographs to become the focal point of the site. This was one of the first sites I did purely using CSS and as such, it was a tremendous learning experience for me.

Client

Douglas Todd

URL

www.veryconscious.com/douglastodd

Made with

Photoshop, XHTML, CSS, Javascript

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Douglas Todd screenshot 1
  • Douglas Todd screenshot 2
  • Douglas Todd screenshot 3
  • Douglas Todd screenshot 4

Interactive iPod

This Flash project was undertaken as one of my modules whilst studying at the University of Derby.

The graphics were prepared in Photoshop and then imported into Flash, where I used Actionscript to control how each song is played. This was a very challenging piece of work as, at the time, I’d had only a small amount of exposure to Actionscript and as such, I found it a very difficult but rewarding project to work on.

Client

University project

URL

www.veryconscious.com/ipod

Made with

Photoshop, Flash

View screenshots

Keyboard users — left/right arrow keys to cycle through images, ESC key to exit Lightbox

  • Interactive iPod screenshot 1
  • Interactive iPod screenshot 2
  • Interactive iPod screenshot 3
  • Interactive iPod screenshot 4