Web design work

Leaf website screen grab
LeafNext
Leaf website screen grab

Leaf

A microsite based on a design by Dan Rose at Breed Media. I made heavy use of jQuery to hide and display all the different content within the one web page. Also features an image gallery powered by Lightbox.

Technology used:
Photoshop, HTML, CSS, jQuery

www.sustainablehome.co
Planet Zogg website screen grab
Star LinksNext
Planet Zogg website screen grab

Star Links

For this website, I was given a database of Sheffield-based service providers for people with learning disabilities. This was converted to a MySQL database, and PHP was then used to display the multitude of information as clearly as possible.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

www.starlinks.org.uk
Planet Zogg website screen grab
Planet ZoggNext
Planet Zogg website screen grab

Planet Zogg

A cosmic design for the legendary Sheffield-based Planet Zogg party crew! Currently a static site, I will be designing a customised Wordpress theme in the near future to allow fully editable features.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

www.planetzogg.co.uk
Under the Stars website screen grab
Under the StarsNext
Under the Stars website screen grab

Under the Stars

A sister-site to Reach 4 the Stars, the focus of this learning disability-friendly nightclub’s website was accessibility and usability. The style reflects that of Reach 4 the Stars, but with brighter colours and a lighter more playful mood.

Beyond this, the challenge was to allow the clients to manage both sites through the same Wordpress admin page. The sites had to function independently yet be fed by the same news feeds and mailing list sign-up facility. The result is that the clients can maintain two websites extremely rapidly. Other design challenges included implementing a full photo gallery that the clients could use with no prior knowledge, and the ability for the resulting galleries to propagate through different aspects of the site automatically.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP, Wordpress

www.underthestars.org.uk
Reach 4 the Stars website screen grab
Reach 4 the StarsNext
Reach 4 the Stars website screen grab

Reach 4 the Stars

The website for this learning disability charity strikes a balance between a welcoming style for their service-users, and a slick appearance for prospective funding bodies. Full accessibility styling options are available for users with visual disabilities.

The site's CMS is powered by Wordpress, and allows news posts to propagate through different pages in the site depending on their category. I implemented a custom template for the styling and layout. A database-driven mailing list facility can also be accessed via the Wordpress admin page, where a series of customised mailing list templates I designed are available.

I subsequently designed a second site for their nightclub events, Under the Stars, which will is managed from the same WP admin page and fed by the same news-feed: this way, the clients will be able to manage two websites centrally.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP, Wordpress

www.reach4thestars.org.uk
Bragazzis website screen grab
BragazzisNext
Bragazzis website screen grab

Bragazzis

After a bad experience with a costly and over-complex e-commerce site, this renowned Sheffield establishment wanted a simple but slick website to reflect their stylish brand and new restaurant.

SEO was also key to ensure the Bragazzis website appeared top of Google searches above existing review-sites featuring the establishment. This was accomplished within a few weeks of the site going live.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

www.bragazzis.co.uk
Sabretooth Records website screen grab
Sabretooth RecordsNext
Sabretooth Records website screen grab

Sabretooth Records

The Sabretooth Records site required a dark, gritty feel to reflect the music. The holding page offers users direct access to all the relevant social media sites and mp3 download stores, as well as the full website itself- an acknowledgement that in this day and age, many music industry practitioners need to attract traffic to more than just their website.

The site was converted into HTML from a slick but rather user-unfriendly Flash-based site which was designed by another agency some years back. Some elements of animation have been maintained using jQuery and the clever use of gif files.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

www.sabretoothrecords.com
Round the World in 80 blogs website screen grab
Round the World in 80 blogsNext
Round the World in 80 blogs website screen grab

Round the World in 80 Blogs

Alice and I’s travelling blog! We wanted an original, but incredibly easy to update site on which to post our experiences and photos in order keep in touch with family and friends. The CMS is powered by Wordpress. Now being turned into a book!

Technology used:
Photoshop, HTML, CSS, jQuery, PHP, Wordpress

roundtheworldin80blogs.com
Jenny Mathers Works website screen grab
Jenny Mathers WorksNext
Jenny Mathers Works website screen grab

Jenny Mathers Works

Artist Jenny Mathers required a simple but stylish site to boost her online presence and display her portfolio of work.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

www.jennymathersworks.co.uk
Tom Henthorn website screen grab
Tom Henthorn: music producerNext
Tom Henthorn website screen grab

Tom Henthorn

Music producer Tom Henthorn required a website to boost his profile and act as a showcase for his recording studio. Job done!

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

www.tomhenthorn.co.uk
Sabretooth Studios website screen grab
Sabretooth StudiosNext
Sabretooth Studios website screen grab

Sabretooth Studios

As a result of Sabretooth Records, I begun receiving enquiries regarding possible studio work. This site was to act as a marketing tool and portal for this.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

sabretoothrecords.com/studio.html
Experiential Landscape website screen grab
Experiential LandscapeNext
Experiential Landscape website screen grab

Experiential Landscape

Experiential Landscape are a research unit based at the University of Sheffield. Their website was to provide colleagues, clients and funding bodies with a multitude of information regarding their work, as well as full accessibility styling options for users with visual disabilities.

Technology used:
Photoshop, HTML, CSS, jQuery, PHP

www.elprdu.com

A