The Catholic Web Design Approach


The planning and logistics that go into building a professional website can be somewhat overwhelming, but the Catholic Web Design approach will make it all a breeze, by guiding you through the decision-making process step by step. We know which choices need to be made and when, and we also know what elements or components should be the focus at any one time.

This means you won’t be overwhelmed, in fact, you will only have one or two decisions (along with our suggestions and the reasons behind them) to make at a time. You will receive our PDF guide which outlines the process and gives you a heads-up on your options and the choices you will eventually need to make.

We will keep you fully informed of what is happening at all times as we proceed together, element by element, all the way through to completion and beyond. In the end, you will think that it was all way too easy, and you will have a stunning new website that looks and functions exactly how you wanted. We can guarantee that because we simply won’t class your project as finished until you are 100% delighted with it.

Following is an overview of our design and construction methodology.

Phase 1. Sitemap and Hierachy.

Catholic Web Design sitemap imageIn this first step, we plan out the approximate number and type of pages that will be included in your new website as well as the linking hierarchy.

This step also grants you the opportunity to get the ball rolling on the written content and images that will populate each page.

Phase 2. The Wireframe Prototype.

Catholic Web Design wireframe imageWireframes are diagrams that display placeholders indicating the intended positions of various structural elements and content blocks.

This step is critical for responsive design purposes. It allows us to plan the fluid grid system which is needed to make your website work seamlessly on devices of all sizes.

The completion of this phase will give us a blueprint of the entire site structure and as well as the content layout for individual page types. It will also include tablet and mobile phone variants of the design.

Phase 3. The Full Prototype.

semi wireframe imageWith the position of the structural elements (header, navigation, sidebar, and footer, etc.) and the separate page content layouts now decided, it is time to add some color and texture.

Whether the general appearance of your new website will be light or dark, or a combination of both, we will guide you through the process of intelligent and balanced color selection.

Phase 4. Design Prototype Approval.

Catholic Web Design approval stampAs your Design Prototype nears completion, it is time to take stock and make the final decision on . . . well, everything really.

Up to this stage, it has been relatively easy to make major and minor changes to the design, however, any alterations going forward may require some major reworking of the code to accommodate the changes. In the interests of strictly adhering to our quote, it is best that any final changes be made here.

Before proceeding to the next phase, a final design approval is sought.

Phase 5. Coding and Development.

Catholic Web Design coding imageThis phase is where we make sure the coffee jar is full and our sleeves are firmly rolled up.

Now is when your new website is actually created. All the various types of code (HTML5, Css3, PHP, and Javascript) are all brought together to work seamlessly and efficiently to power your new site and display it visually in a way that is identical to the design prototype. It is during this phase that any CMS (Content Management System) like WordPress is also integrated.

Depending upon the degree of complexity and functionality, this development stage is usually the most lengthy of all the phases of your project.

Phase 6. Launch Day.

Catholic Web Design website launchToday is a good day. Once you are delighted with all aspects of your new website it is time to upload all the folders and files that make up your website, to your hosting company’s servers.

Once uploaded a final series of tests is initiated and once free of any gremlins your new website is there for the World to see.