ARCHIVE

Sketchbook / Canvas

A collection of my sketchbook and canvas work from 1991-1995 which i have scanned in and presented in a digital format. I wanted to showcase this work as it is where my creative career started and i believe that any good design starts on paper. None of this work has been manipulated using any computer applications apart from increasing contrast to display the faded media and cropping to fit within the website layout.

Acrylic

Various acrylic paintings inluding ink press work and pieces inspired by the famous artist Giacometti.

  • Acrylic
  • Acrylic
  • Acrylic
  • Acrylic
  • Acrylic
  • Acrylic
  • Paint
  • Paint
  • Paint

Ink

Hand drawn pieces and design sheets using fountain pen ink, magic markers and felt tip pens.

  • Ink
  • Ink
  • Ink
  • Ink
  • Ink
  • Ink
  • Ink
  • Ink
  • Ink
  • Ink

collage

Various painting, photography and drawing techniques used as stencils, collage and storyboards.

  • Paint
  • Paint
  • Paint
  • Paint
  • Paint
  • Paint
  • Paint
  • Paint
  • Paint
  • Paint
  • Paint

Mixed Media

Pieces created using a mixture of media. This includes a circular piece entitled THE ORB. This was etched into a painted piece of 6 foot diameter fomex. I later came to exhibit this work at a local art gallery and sold a framed printed version of the work.

  • Mixed Media
  • Mixed Media
  • Mixed Media
  • Mixed Media
  • Mixed Media
  • Mixed Media
  • Mixed Media
  • Mixed Media

Pencil

Pencil sketches mainly drawn in a 'scribble' style which i used for the majority of my sketchbook work.

  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil

Photography

Photographs taken using a black and white Canon camera and all developed in a dark room. Digital photography didnt exist at the time!

  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography
  • Photography

 

Digital Media

Website / CMS Development

Below are live websites which I have designed and developed. These were developed using Joomla, Wordpress and also hand coded HTML and CSS.

  • Shenanigans
    A website I designed and developed for an Irish bar using Joomla 2.5. Includes ecommerce shop and Image gallery.
  • Signs Services Ltd
    A fully responsive 2.5 website I set up and designed using the Twitter Bootstrap framework. Includes Social Media integration and secure shop.
  • Oldham Care and Support
    A community website I developed for a local authority to promote local care services. Built using Concrete5 CMS.
  • Oldham War Memorial
    A bespoke HTML/CSS/Php/Mysql development with JQuery autocomplete search facility.
  • Believe In The Magic
    A website built for a children party and girls fairy house company. Includes full social media integration.
  • Collins Creative Blog
    I designed the grahical assets for this website and helped with the CSS.
  • Old portfolio
    The first version of my online portfolio developed in HTML4 and CSS.
  • Care North West
    A Joomla website I set up for a local care company.
  • LA Portal
    A navigational system I designed and set up as part of a Sharepoint CMS.
  • Collins Creative Blog
    A test project I designed using JQuery, CSS3 and a graphical screenshot.
  • Ring of Kerry cottage
    The first Joomla website I set up to advertise a rented cottage. Includes an online booking system component.
  • Google Analytics
    I monitor and report on all of my website projects using Google Analytics

Web / UI / UX / app design

Below is a selection of my more recent work (2012 onwards) showing responsive user Interface work I have designed using Adobe Photoshop and Illustrator.

  • UI
    A more 'business like' UI design for an online learning portal.
  • UI
    Another UI design created for use on various device applications.
  • UI mobile responsive
    A HTML page I created using tabs and Amazon affiliate embed links.
  • UI
    A responsive UI Photoshop mock up I designed for an online vocational learning portal. This demonstrates drag and drop functionality for use with AJAX.
  • UI
    An additional theme showing slide out menus for the UI I designed for an online vocational learning portal. All of the graphical assets are seperated into layers for easy slicing and adding to CSS.
  • UI
    Mobile device versions of the UI I designed for online learning portal apps. I created these at various sizes for Android and iOS devices.
  • UI
    A more 'business like' UI design for an online learning portal.
  • UI
    Another UI design created for use on various device applications.
  • UI mobile responsive
    A HTML page I created using tabs and Amazon affiliate embed links.
  • UI
    Some UI designs I created for Apple iPad.
  • UI mobile responsive
    Another version of UI for audio recording app.
  • UI
    Wireframe mockup I designed for the Signs Services Ltd project using Balsamiq mockups

Flash / Illustration

This is a selection of my work using Adobe Flash and vector artwork produced in Adobe Illustrator.

  • Safer Internet Game
    A Flash Actionscript game I designed and developed to raise awareness of internet safety to primary pupils.
  • White background
    One of the first Flash animations I created as a personal experiment and a bit of fun!
  • Percentages
    A concept Flash game I developed to promote healthy eating.
  • Maths Cards
    A Key Stage 2 Mathematics game I designed and developed using Flash.
  • Drawing Letters phonics
    A concept alphabet phonetics learning resource I developed in Flash.
  • Ignite diagram
    A system process diagram I drew using Illustrator.
  • Huyton-TME and ground floor
    A graphical asset I drew in Illustrator which was used as part of an audio recording app for mobile devices.
  • Kirkby-TME and ground floor
    A sitemap I drew in Illustrator which was used as a printed guidance sheet to help with the navigation of an intranet CMS.
  • Kirkby-TME and ground floor
    Floor plans drawn in Illustrator and interactivity developed in Flash.

HTML5 / CSS3 / JQuery

A selection of HTML5 / CSS3 / JQuery tutorials and experiments.

  • HTML5 EaseJs
    A pure Javascript game tutorial which I set up and used to learn the code.
  • Furniture Factory
    A prototype home page I developed using CSS3 transitions and JQuery.
  • HTML5 CSS3 blur
    JQuery/CSS3 box fade animation effects tutorial.
  • tiltshift.js
    Tiltshift photography using JQuery and CSS3 effects with my own images.
  • tiltshift.js
    HTML5 / CSS3 experimental website wich I used to learn the programming languages.
  • tiltshift.js
    My own personal blog created using Wordpress. This page shows the HTML5 category.
  • tiltshift.js
    The Byte August 1987. Turn.js flipbook demo. The artwork used here is the first magazine I ever produced when I was just 14 years old. Me and a friend hand drew everything and typed up the copywriting on a ZX Spectrum!
  • tiltshift.js
    The Byte August 1989. Turn.js flipbook demo. The artwork used here is the first magazine I ever produced when I was just 14 years old. Me and a friend hand drew everything and typed up the copywriting on a ZX Spectrum!
  • tiltshift.js






Graphic design

This is a selection of my Graphic Design work from past and present. This includes, flyers, newsletters, maps, userguides, manuals and catalogues. To design these I specifically used the Adobe Creative Suite's Photoshop, Illustrator and InDesign.

  • Graphic Design
    A seasonal newsletter designed to promote various services, events and products for an online vocational assessment provider.
  • Graphic Design
    A flyer advertising featured products for a martial arts company. Designed using Photoshop.
  • Graphic Design
    8 page product catalogue designed for a martial arts company. This was designed using Quark Xpress and was one of the first multi-page catalogues I produced.
  • Graphic Design
    Certificate designed in Illustrator and embedded into Word with editable text fields.
  • Graphic Design
    Handbook produced to show locations of City Learning Centres within a small local borough in Liverpool UK. I drew all of the maps using Illustrator.
  • Graphic Design
    This is one of my most recent designs created in InDesign. I worked with copywriters and designers and was part responsible for design work and layout.
  • Graphic Design
    Instructional booklet produced to provide guidance with administration of a Joomla CMS project.
  • Graphic Design
    A schools website project I completed and passed for my ILM First Line Management project.
  • Graphic Design
    A humorous card I designed as a leaving gift for a member of staff.

identity / branding

This section includes company branding and promotional materials.

  • Graphic Design
    Banners designed for email/web marketing and print.
  • Graphic Design
    I designed all of the marketing materials included in this conference display including the displayed boards.
  • Graphic Design
    I did the majority of the design work on this flyer and was responsible for layout and optimization.
  • Graphic Design
    I was provided with the graphics for this flyer and enhanced and added to them to fit in with the product.
  • Graphic Design
    A unique idea which I came up with for business cards.
  • Graphic Design
    I used Illustrator to draw this concept diagram to show the integration of 4 different online systems.
  • Ignite Pen
    A 3mm high Photoshop design for some stationery pens. The smallest design I have produced!
  • Nomad Mugs
    Some product designs for company coffee mugs. Produced in Adobe Illustrator.
  • UI

3D Design

This is an old college project produced using 3D Studio Max. Due to other commitments, I havent had the opportunity to work on any more 3D projects although this is something I am passionate about. All animations have been optimized and rendered for web in swf format.

  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil
  • Pencil

video / audio

The playlist below is a collection of mixes and tracks i have produced. The mixes were produced back in the 90's using Technics 1210 vinyl decks. I have digitised them from cassette and made available for your aural pleasure! The tracks are recent productions using Ableton Live. Why not start some music and browse the rest of my website...the audio will continue to play ;)



Coming Soon...These videos i have produced myself using Adobe Premiere. The players run using HTML5 and use various different video formats for browser compatibility. For a full list of the latest HTML 5 standards visit my blog www.collinscreative.co.uk/wordpress

  • Who is this Guy?

    Image

    I am a passionate, creative Web Developer / Designer who has worked for both public and private sectors throughout my career. For the last 15 years I have been involved in all aspects of cross platform website and application development including design, layout, coding, development and administration.

    As well as using third party Content Management Systems like Microsoft SharePoint and open source technologies, namely Joomla CMS and WordPress. I have also hand coded static and dynamic websites from scratch using (X)HTML, Flash, CSS, JavaScript, JQuery, PHP and ASP - I specifically use the Adobe Creative Suite software for this. I have also set up and configured server side MySql databases and am familiar with SEO web marketing methodologies.

    In my previous job roles during my time with the Local Authority Education department at Knowsley Council and with the Marketing and Communications team at Oldham Council. This involved design, development and administration of various intranet and public websites. I was liaising and attending meetings with various departments across the authorities to collect information and produce various graphical assets, strategic diagrams and copy writing for print, email and web materials. These were used to publicise and promote various public services and internal corporate events. I was also involved in setting up various bespoke websites for internal teams and initiatives and migrating content from publications I designed to the online Content Management Systems.

    Nerdy Skills

    • Design 100%
    • HTML5 / CSS3 70%
    • Wordpress / CMS90%
    • jQuery60%
    • Search Engine Optimzation40%

    Get in touch