Web Design & Development


  • Hoping for a handsome-looking website?
  • Don’t know languages like HTML, CSS, Javascript, PHP or MySQL?
  • Need someone who knows those things?


The Process

Stage 1 – Consultation: Tell us your goals, needs and ideas… (learn more)

Stage 2 – Design Proofing: The team will draft several proofs (images of what the website would look like) with several different styles and layouts. After you select the one you like best, we’ll tweak it to your liking as needed… (learn more)

Stage 3 – Development: We start on building the foundation of the website. This is when you sit back for a little while and let the code monkeys work their magic… (learn more)

Stage 4 – Content:Now we add the text, images and other forms of content (typically provided by the client)(learn more)

Stage 5 – Testing: Gotta make sure everything works… (learn more)

Stage 6 – Final Approval: This is when we show the client their (possibly) finished product… (learn more)

Stage 7 – Launch: Your new website is introduced to the world… (learn more)

 

Consultation

We need to know what you are looking for in a website. After all, it’s your website, not ours! In order to provide you the most awesome service possible, we will need a bunch of information from you upfront. Some of the questions our project manager my ask you include, but are not limited to:

  • What is the purpose of your website? (online commerce, entertainment, information, etc.)
  • What goals do you hope to achieve? (boost revenue, improve brand awareness, increase donations, etc.)
  • What design style are you going for? (simple, elegant, corporate, etc.)
  • How is your current website falling short? (poor functionality, too few visitors, few online sales, unsightly, etc.)
  • What features would you like your website to have? (online store, discussion boards, blog, photo gallery, etc.)
  • Do you want to be able to update your own content? (upload photos, edit text, write blog entries, etc.)

(return to top)

Design Proofing

Example of a website's structure

Our designers will hear a concept and make it happen, as if we pulled it right out of your head. We use these handy little programs called Photoshop and Illustrator to take an idea and turn it into an screenshot of what the finished website would look like with that design style and structure. Assuming there is ample communication between the team and client, we can have a final design ready within a few weeks or even a few days.

Our designers are constantly keeping current with standards and trends in order to produce a website that is sure to please your visitors. Their expertise includes user experience (UX) and user interface (UI), so they know what web users expect and prefer in a website.

Some of the most important factors to consider when planning  a website’s design and structure include:

  1. Ease of navigation: The flow of a website should be simple and straightforward. The most important areas of the site should be accessible within (at most) one click of the homepage.
  2. Content-focused:  Let’s face it. Visitors tend to look at websites for the content, not the design. Therefore, the design and layout should cater to the content (while also looking pretty, because that’s still important). Content should be featured in a way that intrigues people and catches their attention.
  3. Keep it simple: Too much of anything is no good, and elements of web design are no exception. Images, flashy animations and other jazzy bits should be used in moderation as to not confuse or overwhelm the visitor.  The space in between content and elements, also known as “white space,” is a definitely a good thing in a website’s look (nope, it doesn’t have to be white).
  4. Clear hierarchy: Content should have an obvious structure. Headings, paragraphs and footers should be distinctive from each other, making everything nice and easy to read.
  5. Browser & media compatibility: Although most people are using Internet Explorer, many are also using the likes of Firefox, Chrome, Safari, Opera, and a few others. Not only should a website should look great on the major browsers, but it should also be optimized for mobile phones and tablets as people become more and more reliant on them. They certainly aren’t going away anytime soon. Thank goodness.

If you prefer that Pitt Bull take the reigns by making all design and layout decisions based on your goals, target audience, industry and brand, we’ll be more than giddy to do so. Our web team includes experts in web & graphic design, business, advertising, marketing and public relations, so the websites we create will be all-together attractive, efficient, memorable and persuasive.

(return to top)

Development

Code monkeys are BANANAS for web development.

The development stage of a web project takes the design idea that was once stuck safely inside our brains and brings it to life using a series of boring functions and coding. We specialize in a variety of languages and technologies in order to produce your website in the most sensible way…

  • HTML / XHTML, CSS
  • Javascript
  • PHP, MySQL
  • XML, RSS
  • Flash
  • jQuery, Ajax
  • Linux, Apache

Pitt Bull will also provide quick and reliable website maintenance and support, by managing your website’s code and fixing unforeseen problems. For instance, an update to a web browser like Internet Explorer might cause something on a website to look all.. wonky. Our developers take the steps to both prevent and patch any bugs.

We know this part sounds boring, and that’s because it is, but it’s also kind of cool what a bunch of letters, numbers and symbols can do when arranged in a particular order. What a whirlwind of excitement and grandeur.

(return to top)

Content Insertion

At this point we may need some of your help, unless we get everything we need for the new site up front. We will ask you for text, images and other media you have for us to feature on the different pages of the site. If you need some help or do not have time to draft content, Pitt Bull offers copy writing services that you could take advantage of.

When it comes to images, our web designers typically rely on clients to provide them. However, there are these wonderful, beautiful things called stock images that can be used (some free, some not) in order to pretty up a website.

We do have to be careful about what images we can use and which ones we can’t, as there are strict copyright laws to consider. Our team is only allowed to use images that are:

  1. Owned by the client
  2. Acquired by stock photo websites
  3. In the public domain
  4. Otherwise authorized for commercial use

(return to top)

Testing

Our team will then put ourselves in the visitors’ shoes and thoroughly test and troubleshoot the website. Most of our clients agree it’s best to solve any possible problems before the website is launched. And it happens. If you’ve never looked at a typical website’s code, it looks a little something like this, times a thousand:

<?php fjidoafu8e935.,”03resfes[[[]]f]dsfi940584905ufr8fdf”””d’s’df’dsfdsfvbb

fdjkffdskjakf   vvv+. [”.% $fhuids. }

if else gjfogtu5485043598405 { fjkd8390_] “?>

Okay, it doesn’t look exactly like that, but you get the idea. With all that mumbo jumbo there is bound to be a missing quotation mark somewhere. Our testers will make sure there are no errors, broken links, or navigational road blocks.

(return to top)

Final Approval


This is where we go “ta-daaaaa!” and wave our jazz hands. This is also when you say, “WOW! It’s perfect! I wouldn’t change a thing!”

But seriously, this is the last review before we take the site live. This is usually not a lengthy process as we tend to do things right the first time, but sometimes clients think of some ideas along the way and decide they want to add, change or remove some things on the site. Basically this is when we find out if your as happy with the functioning site as you were with the jpeg we sent you in stage 2.

Some things to ask yourself during this stage:

  • Does it look like the original proof? (yes)
  • Is it easy to navigate? (yes)
  • Is there anything missing that I asked for? (nope)
  • Is it everything I dreamed it would be? (yes)

(return to top)

Launch

If all is well, we prepare for lift-off. Domain and hosting arrangements are made using the information your provided during consultation, and then we reveal the finished product to the world. Finally, you are free to tell everyone how great your brand new website is. Post it on Facebook, add it to all your business cards and fliers, and show it to people at parties.

(return to top)

Special Features

The "Dog Blog"

  • Content Management System (CMS): This is a wonderful tool that allows you to make content changes to your website. So if you happen to notice a misspelled word, you don’t have to call us and ask us to change it for you. You can login and do it yourself. How convenient! Take note though that your CMS is for content changes only and not for any design or structural changes.
  • Form: An interactive application that contains fields to be filled in by the site visitor. For example, many people have Contact forms on their sites so their users can submit questions or comments. The form is then submitted to a specific email address (or addresses) directly from the website.
  • Blog: A tool for regularly posting articles, news, and announcements on a website. Site visitors may read the articles and comment on them, making it another interactive feature of a website.
  • Shopping Cart: A system that facilitates buying and selling online. If you sell products on a website, visitors can browse and add items to their “shopping cart” and then “checkout” by paying online through the website.
  • Event Calendar: A digital calendar that contains details of significant dates and events. Users can click on a specific day on the calendar and see the details of that day’s event.
  • Gallery / Photo Album: A way to post photos and images in an organized way on a website. Typically, a gallery is presented usingthumbnails, which are smaller versions of images. The user clicks the thumbnails to be able to see the larger, full-sized images.
  • Image Slider: A fancy box with clickable images that transitions (slides) after a number of seconds. They are often placed at the top of a site’s homepage to promote the more popular areas of the website. Users may also click through the “slides” to get to the one they want.
  • Discussion Boards: Also known as forums, or message boards, this website feature is fueled by user-generated content – meaning your visitors write and submit their own thoughts, information and ideas. How it works is one person will start a topic, and then other people can read and reply to the topic. It’s delightfully interactive and fun.

(return to top)

Alright, I want one! What do I do?

Fill out the Request a Quote form. After receiving your request, we will contact you within 2 business days.

Or, you can give us a buzz directly. You can either e-mail us at [email protected], or call us at (866) 315-2306. We will want to talk with you about what you are looking for in a website so we can give you an accurate price quote..