Web Development
- Details
- Published on Monday, 12 February 2007 11:44
- Written by Dieter Riedel
- Hits: 3619
You are looking here at a broad range of technically different implementations of Website design and development and Graphic design projects which were created since 2002. For some only screen shots are provide here, either due to being already off-line or it is not serviced any more by me or due to company conduct of trade secrecy.
And a few other projects are not mentioned here since I was just a couple of hours involved to either change content or change/create styles sheets or install and configure i.e. WordPress plugins and widgets
All are based on design mock-ups developed in rapid prototyping with wireframe design.
After examine the examples below just contact me for a free quote.
You are looking here at a broad range of technically different implementations of Website design and development and Graphic design projects which were created since 2002. For some only screen shots are provide here, either due to being already off-line or it is not serviced any more by me or due to company conduct of trade secrecy.
And a few other projects are not mentioned here since I was just a couple of hours involved to either change content or change/create styles sheets or install and configure i.e. WordPress plugins and widgets
All are based on design mock-ups developed in rapid prototyping with wireframe design.
After examine the examples below just contact me for a free quote.
IT-CST New Zealand
Actual homepage:
CMS platform based on PHP, XHTML, CSS and additional multimedia elements:
This is the website you are looking at, which is based on the latest Joomla Content Management System using XHTML and CSS design, PHP development and MySQL database technology. It provides a huge choice in extensions and customisable tools for any Web 2.0 need within one surface. Extensions like User registering and administration, Customer Relationship Management, Content sharing and altering, Calendar application, complete e-Commerce Solution, Bulletin Board, RSS feeder, Collaboration, Forum and plenty of other functionalities are modular and can be added and configured as per requirement.
I have altered a standard design template for my needs and added content mostly via the in-built Editor and reviewed and corrected the automatically created XHTML code output.
Notepad++ & Joomla inbuilt;
8 pages plus 13 extensions and their configuration;
10 customized with Adobe Fireworks & Adobe Photoshop and more than 500 for the slide-show presentations which was customized using the JavaScript and CSS based Joomla extension "Simple Image Gallery Extended" (SIGE);
6 with MS Word and Adobe Acrobat;
SGH Travel worldwide
http://www.sghtravel.com/
This is a commercial website for an international travel agency which conducts worldwide tours to all exotic and special places.
This was built from scratch within 147 hours and finished by January 2012. It is built on state of the art standards and optimized for actual SEO requirements.
The main challenges were to create different layouts for all the different pages, the navigation elements and different forms.
It is CMS based on PHP and MySQL programming, with XHTML coding based on a mainly table-less design, CSS styling and JavaScript elements for the navigation and header slideshow.
Notepad++ & Adobe Dreamweaver;
29;
More than 350 pictures and graphical elements, the pictures were provided by the websites owner and customized with Adobe Photoshop and Fireworks;
147h;
ProGuides New Zealand
Unitec Final project (http://www.proguides.co.nz/)
For this final NZQA level 7 Bachelor of Computing Systems project we were a team of 2 students and asked by ProGuides, a New Zealand Tour Guide Association, to build a new Web 2.0 website. Their requirements were to have a Forum, registration forms, actual traffic and weather news, schedule and calendar, Google Maps implementation, advanced user and ACL management, a Flash animation, import of existing content and user data. Based on their requirements we decided to use a sophisticated CMS like Joomla which is based on MySQL, PHP, XHTML, CSS, AS3 and JavaScript.
Again a lot of the required technical skills I had acquired from previous projects and former training before Unitec and based on that I could refine my Joomla knowhow. I was responsible for the technical implementation and set-up of test environments, website hosting, the Flash animation programming, research and debugging of extensions for backup, file administration and forms. Being the senior most group member I was also the team leader and project Manager. My Partner was responsible for the System Analysis, Logo and Web design, implementation and configuration of extensions, like Google Maps and forum implementation, photographs, menu and texts design and form creation.
Notepad++ and Adobe Dreamweaver;
MS Excel, PHPmyAdmin, Google;
11 pages plus 8 extensions and it's configuration;
Essentially Men, New Zealand
http://blog.essentiallymen.net/
This project was about customizing a Wordpress template from Pagelines, which required knowhow in the use of the WordPress environment, the Pagelines template, as well as CSS styling.
The main challenge was to understand the template design structure to be able to customise the design accordingly to the needs of the client.
WordPress is a CMS based on PHP and MySQL programming, with XHTML coding based on a mainly tableless design.
Notepad++;
2;
12h;
Old Friend's Association
Unitec Web Development project - Old Friend's Association
This project was about creating a CMS to allow registered users to create and share articles.
It is a show case of my skills as a Web Developer based on PHP, MySQL, XHTML, CSS and JavaScript in a NZQA level 6 Web Development course. Most of the required skills I had acquired from previous projects and former training before Unitec.
It's not entirely my own work implementing it on a table-less design using CSS, due to time constrains a Peer helped to resolve PHP code issues. A MySQL database had to be developed for this project to allow for user and article management. JavaScript was used for the navigation and slide show elements. A validating registration and contact form was also implemented.
Notepad++;
6 pages;
156 customized with Adobe Photoshop;
11 with MS Word and Adobe Acrobat;
Silberfarntours, New Zealand
http://www.silberfarntours.com/
HTML coding with CSS, JavaScript elements based on frames.
This is also a commercial website for a travel agency which conducts New Zealand wide tours for German tourists in particular. I have taken over this project in Jan. 2011, it was initially created in 2003 and had only basic HTML coding standards, so there was a lot of reconfiguration required to get it to HTML 4.01 Transitional. Although it had been optimized for keyword search it needed also to be optimized for actual SEO requirements.
Furthermore a couple of new webpages needed to be integrated.
Notepad++;
28 pages within two frame sets;
117, which were provided by the websites owner, customized with Adobe Photoshop and Fireworks;
2 with MS Word and Adobe Acrobat;
Anando ArtAttack, New Zealand
http://www.anando-artattack.co.nz/
XHTML 1.0 strict coding with CSS, JavaScript navigation and picture animations.
This is the Homepage of Anando Kirsch, a multitalented artist, who wanted all his different art work and services to be represented.
I just was given his business card and made from that the logo and overall colour scheme.
Notepad++;
6 pages;
43, which were provided by the websites owner, most of which were hard copies and needed to be scanned in and customized with Adobe Photoshop;
17:15h;
Blossoms
Unitec Web Design Group project - Blossoms
We were a team of 3 students creating a website for a flower shop and related gifts business based on XHTML, CSS and JavaScript. Most of the required skills I had acquired from previous projects and former training before Unitec.
In this NZQA level 6 Web Design course project I was mainly responsible for the technical implementation of the JavaScript navigation and header slide show as well as the page slide shows and the required customisation of pictures used. My Peers were responsible for the logo, finding free photographs, Site-map, texts and form creation. Being the senior most group member I was also the project team leader.
Notepad++;
25 pages plus 15 Components and its settings;
196 customized with Adobe Photoshop;
Shots
Unitec Web Design project - Shots
Shots is a presentation website for a photography enthusiast/professional.
This study project was a show case of my skills as a Web Designer and Photographer based on XHTML, CSS and JavaScript in a NZQA level 6 Web Design course. Most of the required skills I had acquired from previous projects and former training before Unitec.
It's from start to finish my own work implementing it on a table-less design using CSS. JavaScript was used for the navigation and slide show elements. There is also a blog incorporated and a validating contact form.
Notepad++;
6 pages;
156 customized with Adobe Photoshop;
spritemobile, New Zealand
http://www.spritesoftware.com/
XHTML coding with central style sheet (CSS) formatting.
It was a redesign project of their site built on wordpress and an e-Commerce module.
Picking up the coding from the previous developer was not a breeze. And the complex wordpress integration with their shopping solution, re-work of graphic templates, a tight time schedule and changing design demands made it quite challenging.
Notepad++;
3 and variation thereof and 2 CSS files;
60 many customized with Adobe Photoshop;
The Mathscaper
Natcoll Industry project - The Mathscaper
This project was about creating a CMS to allow registered users to publish articles.
Is is a show case of my skills as a Web Developer based on PHP, MySQL, XHTML, CSS and JavaScript in the final stage of the Natcoll Web Developer Diploma course.
It's entirely my own work implemented in a table-less design using CSS. A MySQL database had to be developed for this project to allow for user and article management. JavaScript was used for the navigation and slide show elements. A validating contact form was also implemented.
An unresolvable challenge was to make PDF files load within the page on a Firefox Browser, which I did not follow up since.
Notepad++;
16 pages;
11 customized with Adobe Photoshop;
15 with MS Word and Adobe Acrobat;
CheezyGrin
Natcoll Server side project - CheezyGrin
Warning: No images in specified directory. Please check the directoy!Debug: specified directory - http://itcst.com/joomla/images//slides/websites/natcoll/ServerSide
This is my first custom CMS development representing a very basic shopping site.
It is a show case of my first steps as a Web Developer based on PHP, MySQL, XHTML, CSS and JavaScript in the middle stage of the Natcoll Web Developer Diploma course in 2008.
It's entirely my own work implemented in a table-less design using CSS. A MySQL database had to be developed for this project to allow for user and article management. JavaScript was used for the form validation and navigation elements. A validating registration form was also implemented.
Notepad++;
4 pages;
21 customized with Adobe Photoshop;
CSS Zen Garden
Natcoll Web Design project - CSS Zen Garden
CSS Zen Garden is based on the CSS structure of Mezzoblue CSS designs which presents what CSS can be used for.
This study project was a show case of my skills as a Web Designer and Photographer based solely on XHTML and CSS.
I used a photograph of mine as a background and changed the CSS design elements accordingly.
It was submitted in June 2008 to Mezzoblue website but was never selected to become a show piece for CSS designs, but maybe because they stopped to list new ones in April 2008.
Notepad++;
1 pages;
5 customized with Adobe Photoshop;
Goldway International
Natcoll Client side project - Goldway International
Warning: No images in specified directory. Please check the directoy!Debug: specified directory - http://itcst.com/joomla/images//slides/websites/natcoll/ClientSide
Goldway International represents a website project for a Hotel.
This study project was a show case of my skills as a Web Designer based on XHTML, CSS and JavaScript as the final of the Web Design course.
It's from start to finish my own work implemented on a table less design using CSS. JavaScript was used for the form validation.
Notepad++;
7 pages;
30 customized with Adobe Photoshop;
Carsten’s Kitchen, Waiheke Island, New Zealand
http://www.carstenskitchen.co.nz
HTML coding with CSS, JavaScript navigation and Flash elements.
This commercial website was setup to promote a small but world class cuisine on Waiheke Island. The owner and his associate asked me to create a homepage similar to their flyer. Although the graphics were provided, I had to convert them and make them suitable for the website use. One main focus was to keep the dial up clients in mind and therefore the file size small.
I stopped supporting it when my co-operation with “The Islands Computer Guy” ended in July 2007.
Notepad, Macromedia Dreamweaver, Adobe GoLife & Macromedia Flash;
10 pages and 9 formatting and flash design files;
66, which were provided by the websites owner, customized with Adobe Photoshop Elements, Adobe Photoshop & Adobe Illustrator;
19:30h;
Candlelyte New Zealand
Offline since Nov. 2008
HTML coding with CSS formatting and JavaScript navigation elements.
This was my first New Zealand based project where I designed and created a homepage to convey the owner's business interests. I took almost all photographs and was responsible for the concept, layout and design, incl. the creation of the animated GIFs. Here I also had to keep the dial up clients in mind and therefore the file size as small as possible.
Notepad, Adobe GoLife & Macromedia Dreaweaver;
9 and 4 format files;
61 customized with Adobe Photoshop Elements & Adobe Photoshop;
2 (one flyer and one business card) created with MS Word & Adobe Acrobat;
39:15h;
IT-CST New Zealand
Previous Joomla homepage
CMS platform based on PHP, XHTML, CSS and additional Flash design elements:
This is my previous homepage, which was based on Joomla 1.0 Content Management System and its PHP design based on MySQL database technology. It provided a huge choice in components and customisable tools for any Web 2.0 need within one surface. Components like User registering and administration, Customer Relationship Management, Content sharing and altering, Calendar application, complete e-Commerce Solution, Bulletin Board, RSS feeder, Collaboration, Forum and plenty of other functionalities are modular and can be added and configured as per requirement.
I have altered a standard design template for my requirements and added content mostly via the in-built Editor and reviewed and corrected the HTML code which is automatically created. It needed to be replaced since the program code has become outdated and was replaced with a new version.
Notepad & Macromedia Dreamweaver & Macromedia Flash;
9 pages plus 15 extensions and their configuration;
10 customized with Adobe Photoshop Elements & Adobe Photoshop and 209 for the flash presentation which I customized with Flash 9;
6 with MS Word and Adobe Acrobat;
Infineon Technology Inc, Germany
Intranet Portal
HTML coding with CSS formatting in Frame sets for the Intranet portal of Infineon Technology:
The following Intranet sites are part of an information platform to support the knowledge exchange of Chip developers, technicians and scientists.
When I was working at Infineon Technologies Inc as a Knowledge Flow Manager, I took over also the intranet development. In the beginning there were 113 pages and navigational pages. When I left we had 137 pages and navigational pages.
Notepad only;
137;
154 which were provided;
12 created with MS Word, Adobe Acrobat & MS PowerPoint;
Wellness-Kraft, Germany
http://www.wellness-kraft.de
HTML coding with CSS formatting and JavaScript navigation elements in a frame set:
Represents the activities and workshops of Silvana H. daCunha, a body worker and therapist.
It was taken over by me in 2004 as six page website and was extended and re-designed to a 13 page Web presence, where I had to rewrite the Java Script for the navigation. I implemented and optimised all new pictures and graphic elements.
I stopped supporting it in March 2006 just before I moved to New Zealand.
Notepad & Adobe GoLife;
13 divided in 29 files;
158, which were provided by the websites owner, customized with Adobe Photoshop Elements & Adobe Photoshop;
Allach Porcelain Germany
http://www.allach-porcelain.com
XHTML coding with CSS formatting in a frame set:
This is my first commercial project where I had to setup a simple platform for a collector of historic porcelain art, with the main focus on art. The content and the pictures were provided and I designed the Web pages and optimized the pictures.
Notepad, Adobe GoLife & Macromedia Dreaweaver;
60 in two languages;
177 customized with Adobe Photoshop Elements & Adobe Photoshop, which were mainly provided by the websites owner;
ITCST, Germany
Once http://www.itcst.de and http://www.itcst.biz
HTML coding with CSS formatting in a Frame set:
Version 2: From Dec. 2004 until Dec. 2006 Version 1: From Aug. 2002 until Nov. 2004
The first version of IT-CST website in Germany which was also my second WEB project and on which I started to publish my CV and offer my expertise and services. All design elements were created by myself, i.e. the logos, navigation buttons, etc.
Notepad & Adobe GoLife;
26;
19 customized with Adobe Photoshop Elements & Adobe Photoshop;
DBRMG, Germany
Once http://www.dbrmg.de
HTML coding with tables as design structure:
This was my first WEB presence in 1999 which displays the work of my mother, my wife and myself in the form of Web business cards where I also designed the logos, business cards and flyers for all. It was obsolete in October 2006.
Notepad & Adobe GoLife;
6;
17 customized with Adobe Photoshop Elements & Adobe Photoshop;
6 (for flyers and business cards) created with MS Word & Adobe Acrobat;




















