I am currently getting together working examples of my freelance work I have been recently doing. This will be examples of personal and a collaboration with myself and a graphics design company who are working on several exciting new projects eg online CV’s/Portfolios and redesigning existing Websites. Please have a look around this site, most technologies are included eg left hand side navigation will show some current projects I’m working on eg training the public sector, jQuery, CMS, templates for the portfolios and the freelance work very soon!
Above: latest site from my 'template' range that I uploaded this week
Link to site - opens in new window
Old site that before update
Above: Currently rebuilding Pea straw Website. Quite a lot of work still...
Below: Existing site that has been updated
Above: Currently building Protrade site. Basic 5 page catalogue site. Had to adhere to strict colour schemes and logos of the company
Below: Existing site that has been updated
Below: Existing site that has been updated
Below: Existing site that has been updated
This will be updated soon
Examples of Websites that have been overseen / edited throughout the design stage by myself
I also teach students ranging from no experience to an advanced level (pseudo professional) that covers design, usability and aesthetic characteristics. As well, we use different technologies such as PHP, Java Script etc. My main task is to problem solve (consult) the many issues that one is confronted with eg debugging, coding issues and help them to design for a targeted audience. Most of these sites are collaborations between the student and myself and are working Websites.
Below is an example of a student who started out with no Web experience and is now starting out his own graphic design company. This is his first draft (alpha design) and now we are moving onto the next design phase.
A Website for local comptuer games players, gives details of particular characters
Lately I've been developing along with student's their personal online presence / cv. It is getting some momentum and thinking about expanding this service as I have done a fair bit of work in researching the nexus between student and job.
NB: I will put the full sites up once I get my server going properly (no PHP/JS)
Mainly working with Moodle, my current server config doesn't allow me to mirror my site up. Basically, setting up the admin so teachers can edit courses with little htm skills.
NB: All Websites are on DMT's personal server as this is how they were originally designed and developed.
University of South Australia Website
It must be noted that this version on my personal server was only the final draft. Naturally, the site was tightened up considerably after this draft.
Web site Link www.users.on.net/pjk/com/default.htm
Vibrant Health Now — A centre aligned Web site that features a vibrant colour scheme to represent the company. This site also features JavaScript drop down menu and a Flash object. An important issue for clients is that there site can be Googled. Enter any of the sites developed by DMT e.g. Vibrant Health Now into Google and generally we obtain 1 – 3 ranking. Most importantly, this site was developed along with VHN. They were extremely happy with the final product.
Web site Link www.vibranthealthnow.com.au
Yueh Jia Quan — This is a traditional top bar, left side navigation and centre content layout for a martial arts school. This site is still being developed and is about to go into its second and third design phases with a PHP members login section, a full accessible Macromedia Flash promotion and an RSS video Podcast section. This site has a large multi-cultural audience and the accessible design has helped this international audience.
Web site Link www.users.on.net/yjq.com
Macromedia Flash Promotion —
This is a download Flash promotion that is intended to be loaded onto a CD and given out. CD technology
is now a valid form of promotion as the cost for each disc is only in the cents. It is also seen as a
contemporary way of distributing, i.e. potential customers feel they are getting something of
real value for free. This promotion does what the brochure did. It has all necessary information
i.e. who, why, where and when. Some of the links have been taken off, however,
the promo does most of the promotion parts that it was intended to.
Martial Art School Flash Promotion Down load file here to watch on own device. [Right click on link >> Save As] Applogies, this file will be too big as I have not configured my server (migrating still) yet.
Viewing the Flash demo requires Flash–player
You can install the free flash–plugin from this link www.macromedia.com/go/getflashplayer
Tour de France Promotion — This is a big file 1160 x 815 pixels by 316KB size.
The actual promotion was A3 and this has been resized for a browser window so the detail can be noted.
This promotion was designed for a group of partisans who get together and follow the tour each year.
With this in mind, the overall look and feel was directly copied from the promoter's colour scheme.
With such a tradition of the Tour de France, the wheel didn't need to be reinvented. This promotion was designed
and manufactured fully in–house. Software used was PhotoShop CS and corelDRAW 11.
Le Tour Image Link Link to file here [Accessed 12 December 2006]
To accompany the YJQ Web site (Listed above), YJQ required a series of printed promotions.
Print media requires a different technique to that of screen. Print uses a much higher resolution and a
different colour model (CYMK). This will have quite an effect on these examples, by making them
not as distinctive as they are when printed.
This promotion consisted of a poster, brochure, and DVD cover.
Link to Promotion — This link remains in this domain
NB: These templates are example layouts that get redesigned to suite clients tastes. All templates are highly adaptable to personal preferences. All examples should look exactly the same in any platform combination, screen resolution or screen size.
Template/library examples
Examples of CSS lists for Websites navigation
PHP
Flash
Document Design
& Documentation
PhotoShop
Consulting
Front end Web development specialising in XHTML/CSS, standards compliant Websites
XTHML/CSS can be considered a stricter and cleaner version of its predecessor HTML. The main motivation behind XHTML is to provide documents that can be shared across communities and the different ways that the Web is accessed.
The following list is an overview of the direct benefits businesses can expect from XHTML/CSS Websites
© 2010 DMT
Email: pjkeel at gmail dot com
