Stages of the Graphic Design and Production Process

Posted: Friday April 8th

It is safe to say that a collaboration runs more smoothly when client and designer are on the same page. Seeing that no client, and no graphic design job, is the same, there aren’t any standard solutions. But there are a few steps that define the smooth running of a graphic design project.

Orientation
A logical starting point is the orientation. This usually takes the form of a meeting, where the scope of the project is determined. What would you like to achieve with your publicity, what are your concrete and indirect goals, what is your target market, what is your budget? All these questions, and more, influence the final result. Based on this, a proposal to the client is drawn up.

Proposal
The proposal outlines the cost of the design and production of the project from start to finish, including third party costs, like photography or illustration, as well as printing if desired. Because there is no set design at this stage, printers and other executors can’t make an accurate price. It is common for the initial design to develop and change during the course of the process. For this reason, it is advisable to leave the final executing or printing costs out of the initial proposal. A separate proposal is made when the design is set and ready to be carried out.

Sometimes unforeseen circumstances can influence the final cost. In this case the client is notified immediately, so that they can stay on top of the budget at all times. The proposal is not binding; without an agreement, no fees are due.

Agreement
On receiving written confirmation of the proposal from the client, the business agreement is official. Depending on the scope of the project, an advance payment may be asked for.

Design
Before the design process can be started, the designer will ask for additional information. With the proposal as a starting point, a detailed plan of action is drawn up in collaboration with the client.

During the design process itself, aspects from the client briefing, impressions, and information gathered from research is translated into shape, color, materials, typography, and photography. This is the creative part of the graphic design process.

Presentation
Next, the designer presents the client with a model or mock-up. Presentations are a way for both designer and client to keep the project on the right track. From initial sketches to full-color mock-ups, the client is involved in the design process. The final result of these presentations give the client a good idea of what the finished product will look like. This way of working assures a quality outcome and no surprises for the client.

At this stage, the total cost of the project will be known, when the designer asks the executor or printer to make a proposal based on the final mock-ups. Under normal circumstances, this final proposal doesn’t deviated much from the one made in the earlier stages. On agreement of the client to the model and the final proposal, the production process can be started.

Production Preparation
During the design process, replacement text can be used to create models, but at this stage the definitive text is needed. During the preparation, all material necessary for the design is gathered. This includes photography and illustrations. Often these are sourced from third parties. That is why it is important to plan well, and to make sure all materials are ready in time for the production process.

Corrections
The end result of the production preparation is presented to the client. This is called a ‘proof’. The proof is checked for content errors, so that any amendments can be made before final execution. This part of the process is standard, and the corrections are already included in the final cost. Once the design goes into production, however, changes do bear extra costs. When the final proof has been approved, the design is ready to go into production.

Production
The designer stays involved during the production process to ensure the end result matches the approved design. If any problems were to arise during production, the designer takes an advisory or problem solving role. The finished product is delivered to the client directly.

Evaluation
At the end of the production process an evaluation takes place. The evaluation measures the degree to which everything went according to plan, and identifies any areas that may need improvement. In the case of repeated projects, the evaluation can show where costs may be cut in future.

The graphic design process doesn’t have a directive approach. The stages are described here in a chronological order. However, depending on the circumstances, this order can be rearranged to suit a particular project.

Creating Your First Website? Avoid These Five Common Beginner Mistakes

Posted: Friday April 8th

It can be a lot of work to design your first website. With so much to do and think about, it can even become overwhelming. If like most people you are looking for a few pointers to get you started, then knowing about the five common mistakes often made by beginner web designers can be helpful. By avoiding these mistakes, you too can make a more professional and appealing looking website for your visitors.

1. Don’t use too many animated GIFs.

Too many animated images on a single page can be a big distraction for your visitors. Sure, animation can be fun and entertaining when used in moderation, but know your audience and know your limits. Most visitors will quickly reach for the back button when faced with a page full of blinking, moving, and spinning images.

2. Bigger isn’t always better when it comes to font size.

Another mistake made by a lot of new web designers is displaying the majority of their text using too large of a font size. It’s true that larger font sizes can be great for title areas, but it is best to use smaller sizes when working with the bulk of your text. Smaller font sizes are easier to read and take up less real estate on the page, reducing the need for scrolling. Just don’t take this to the opposite extreme by making your font sizes too small or no one will stick around and try to read what you have written.

3. Avoid using too many fonts.

It can be tiresome to read a website that uses many different fonts throughout its pages. It is best to stick with a maximum of three fonts if you are trying to look professional. Your main body of text should be in an easy to read font like Arial or Verdana. A second font can then be used to separate any title areas. Though it is not necessary to use a different font for headings, it is still acceptable. A third font can be used in your website’s logo.

4. Do not center everything on the page.

While we are on the topic of fonts, it’s also a good idea to talk about text alignment. Many beginner web designers center most or all of their website’s text. This isn’t a good idea because it goes against our natural way of reading. Centering titles or small excerpts is okay, but your main body of content should be aligned to the left.

5. Smart color choices can make all the difference.

When deciding on which colors to use throughout your website, take the time to really think about your color choices. One common mistake found on beginner websites is text that becomes unreadable because of an unsuitable background color. If you have to highlight the text to make it easier to read, then it’s time to consider new colors. If you are unsure, black text on a white background is always a safe choice.

Designing your first website can be an overwhelming task. Luckily, by avoiding a few common beginner mistakes, your website can be a step ahead of its competition. By carefully paying attention to your fonts, colors, and alignments, and by making sure not to use too many animated GIFs, your website will be more enjoyable for your visitors. Something your visitors are bound to appreciate.

Importance of Having Your Own Domain Name

Posted: Monday March 28th

1) When you have your own domain name, the address of your web site will be of the form http://www.yourcompany.com. On the other hand, if you put up your site on one of the free servers, the address of your web site will be something like http://www.somefreewebsite.com/yoursite/. Which of these two sounds more professional? Which of these two is smaller and is hence easier to remember? I leave you to make the judgement.

2) The only way to make money online is to build up credibility among your customers. Having your own domain name is the first step in doing that. Your customers will feel more comfortable buying whatever it is that you are selling if you have your own domain name. It makes your customers feel that they are dealing with a large, established company, rather than with some fly by night operator.

3) When you have your domain name, you can have multiple email aliases of the form [email protected]. This allows you to assign different email aliases to different functions, all of them pointing to your actual email address. Hence, for example, for questions related to the products and services that you sell, you can have an email address like [email protected]. For questions related to the newsletter that you publish, you can have an email address like [email protected]. For comments/suggestions about your web site, you can direct your customers to [email protected] or [email protected]. Having different email addresses for different functions not only makes it easier for you to filter your email using your email client program (Eudora Pro, Pegasus Mail, Outlook Express etc.), but also gives your customers the impression that yours is a large, established company with whom it is safe to do business.

4) Many search engines give a lot of emphasis to the home page of a particular domain, i.e. other things remaining the same, a home page of a domain will often rank higher for a particular keyword than any other page. When you use some of the free hosting services, your index.html page is the home page of your site, but not of that domain. Hence in these search engines, your site will find it very difficult to make it to the top 20 or top 30, let alone the top 10 for some of the really competitive keywords. Just think of the amount of traffic that you will lose if this happens.

5) Some search engines are now refusing to spider the web sites which are hosted by the free web hosts. For instance, if you have a site hosted by the free web hosts, you would, until recently, have got the infamous error message saying that too many pages have been submitted from your site if you tried to submit your site to AltaVista. While Altavista now says that “your URL has been submitted for processing” if you try to submit your site, rest assured that it will not spider any site belonging to many of the free web hosts even though it says that your site has been accepted. Can you afford that?

6) When your site is hosted by some of the free web hosts, you will find it very difficult to get it listed in a major directory like Yahoo!. Although Yahoo! will never admit that it won’t add a commercial site which is hosted by one of the free web hosts, in practice, it will be a miracle if you can get your site listed by Yahoo!. Listing your site with Yahoo! is difficult enough even when you have your own domain. Don’t make your task more difficult than what it needs to be.

If you do not currently have a domain name, are you convinced that you need one right now? The small fee that you pay per year for your own domain name is peanuts compared to the benefits that you get.

The main elements of web design

Posted: Wednesday July 28th

What constitutes a good website design? Does it showcase your design prowess? Does it prove what a brilliant graphic designer you are? Does your web design fetch you designing awards? Or does your website design exist to establish a platform for you and your visitors to interact with each other unhindered by usability glitches? I think the last point is the most important factor that establishes the basic difference between a successful and an unsuccessful website.

Although the perception of good website design changes from person to person, there are some established conventions that you can follow and these conventions can make sure that your website reaches out to all possible people. When you are designing your website, especially these days, you have to be constantly conscious of the fact that there are numerous browsers and numerous devices that people may use to access your website. No longer do people browse the Internet just through their PCs and laptops; there are many handheld devices that can directly connect to the Internet and enable people to browse your website; people can even browse your website using their mobile phones. And gone are the days when people used just the Internet Explorer as their primary Internet browser.

Your website design also depends on what you are planning to showcase through your website: will you include videos, images just text or maybe a mixture of all three? You have to design your website accordingly. If it is merely text that you plan to publish then try to make it as less graphical as possible as people coming to your website will be interested in your text and not your images and videos. Similarly a website showcasing your Flash animation expertise will expect lots of Flash work so you needn’t worry about making your website textually accessible.

So when you are designing your website you have to take all these parameters into consideration. But does it mean that you’re always accommodating browsers and devises and do not focus on your own business, whatever that is? No, I’m not suggesting that. Just take care of the following website design guidelines and you will make sure that 95% people (well, there will always be those odd 5% who can never browse the web easily no matter what they try) surfing the Internet can access your website:

1) Create a lighter design. Where possible do not overuse either Javascripts of Flash that effect the major functionality of your site, including menus. For instance if there is some crucial information on your website and people need to access that information before doing business with you then don’t make that information accessible only through a JavaScript on an image file or a Flash animation. It goes without saying that possible you important text should be available as text and not images, if this is not possible then you need to consider image replacement techniques.

2) Don’t use colors that cause strain to the eyes. If you want people to come to your website again and again and consume your content or do business with you then you must make their stay over your website as pleasant as possible. No matter how awesome your design looks if the color combinations are strain-full, after a while they will tire of your website and stop coming. Always take care that your background behind the text is far lighter than the text, and vice versa.

3) Plan a carefully considered (from the users perspective) navigation system. If you have multiple pages on your website then there should be a prominently defined navigation system that is easily accessible to everybody. As mentioned above don’t let your navigation depend on images, JavaScripts, or Flash animation. If possible create just a text-based navigation bar. With CSS designing you can create great looking navigation bars.

4) Design your website using CSS because then you can make your content and your navigation bar appear in a linear fashion. Since all the layout-related placements take place through CSS definitions no matter how your text appears texturally, graphically it will appear as a pleasant layout. The CSS designing techniques also enable you to dabble with intricate layouts without making your website inaccessible. CSS designing will always help you arrange your main content before the navigation link despite making it visually appear beneath the navigation bar or to the right of it.

Follow these basic web design principles and you will have a good website design to boast of. Never forget that the main purpose of your site design should be to create a good user experience for your visitors, the design is not there to indulge your design whims.