Posts Tagged ‘design process’

Kingdom Presenters – New Website

Friday, April 2nd, 2010

Project Description

This web site is for a ministry that assists people in sharing their faith.  Specifically, they teach presentation skills.   Individuals will learn how to present their unique message to small, medium and large groups.  This ministry is headed by Mary Ann Mariani.  The web site is a place where visitors can learn about various workshops that are available to help them with presentation skills.

Design Process

For this project I wanted to learn as much as I could about the organization and what their goals were.  I needed to get an understanding of what Kingdom Presenters wanted the user to experience.  In the beginning phase the goal was to provide information about Kingdom Presenters and to provide credentials and principals of the organization.   Also in this process it was important to get an understanding of the visual elements that would augment the message.

Graphic Design

With an understanding of the organization I started to create the Kingdom Presenters logo.  The idea was to show the kingship of God.  The elements of the heraldic shield with wings, banner and crown was selected.  The color theme would be Gold and Purple both very royal colors.

The next point of action was to create an effective web layout that was clean and easy to navigate.  From here Photoshop was opened and began to create the basic layout.  Several ideas were created and the best solution was selected.

Building the Site

Upon approval by Kingdom Presenters it was now time to develop the website.  First, the graphic image was spliced in Photoshop.  Each graphic element was them placed on in the HTML and was positioned using CSS to create a master template from which all the pages would be build.  Creating the master template helps in developing as site and keep pages consistent.  Once the master template was created I could now develop the navigation.  In order to create the navigation a site map that show each page and its relationship to adjoining pages was needed. Some of the pages decided on were these:

  • Home Page
  • My Story
  • Workshop
  • Workshop Descriptions
  • Registration
  • Date
  • Reviews
  • Contact
  • Site Map
  • Privacy Policy
  • Terms of Use

Because the site has under 20 pages it was build on a static rather than a dynamic platform.  A site with under 20 pages can be easily managed without a CMS.  However as the site grows it can be converted to a dynamic site that utilizes some kind of CMS.  PHP was used for the form submissions and JQuery was used  for form validation. Once all the pages were created and link through the Navigation system it was time to upload and test the site.

You can visit this site at http://www.kingdompresenters.com/ to learn more about this organization.

Need A Web Site?

Custom Web Design for Small Businesses by professional and experienced web designer and developer.

Here is what I can do for you…

  • Innovative Web Design
  • Graphic Design Logos
  • Maintain Your Website
  • Data Driven Content
  • Flash Applications
  • Build Shopping Carts for Ecommerce
  • Custom PHP Applications and Programming
  • WordPress Installation & Customization

Get an affordable, attractive great website today. Hire John Pape Web Designer For Your Web Design Solution. View my portfolio at http://portfolio.mediatunes.com

Technorati Tags: , , , , , , ,

Web Tip: Good Web Design Practices

Thursday, February 18th, 2010

Your website is where your business resides — it’s like the headquarter of an offline company. Hence, it is important to practice good design principles to make sure your site reaches out to the maximum number of visitors and sells to as many people as possible.

Make sure you have clear directions on the navigation of your website. The navigation menu should be uncluttered and concise so that visitors know how to navigate around your website without confusion.

Reduce the number of images on your website. They make your site load very slowly and more often than not they are very unnecessary. If you think any image is essential on your site, make sure you optimize them using image editing programs so that they have a minimum file size.

Keep your text paragraphs at a reasonable length. If a paragraph is too long, you should split it into seperate paragraphs so that the text blocks will not be too big. This is important because a block of text that is too large will deter visitors from reading your content.

Make sure your website complies to web standards at www.w3.org and make sure they are cross-browser compatible. If your website looks great in Internet Explorer but breaks horribly in Firefox and Opera, you will lose out on a lot of prospective visitors.

Avoid using scripting languages on your site unless it is absolutely necessary. Use scripting languages to handle or manipulate data, not to create visual effects on your website. Heavy scripts will slow down the loading time of your site and even crash some browsers. Also, scripts are not supported across all browsers, so some visitors might miss important information because of that.

Use CSS to style your page content because they save a lot of work by styling all elements on your website in one go.

Need A Web Site?

Custom Web Design for Small Businesses by professional and experienced web designer and developer.

Here is what I can do for you…

  • Innovative Web Design
  • Graphic Design Logos
  • Maintain Your Website
  • Data Driven Content
  • Flash Applications
  • Build Shopping Carts for Ecommerce
  • Custom PHP Applications and Programming
  • WordPress Installation & Customization

Get an affordable, attractive great website today. Hire Me For Your Web Design Solution. View my portfolio at http://portfolio.mediatunes.com

Technorati Tags: , , ,