1. Information Gathering The first step in designing a successful website is gathering information. Many things need to be considered when conceiving the look and feel of a site.
Warren Camp starts by asking a client preliminary questions so he can understand the client's business or organization and the needs and expectations for the new or redesigned website.
• Purpose Why build this site? Will you sell a product or service? Provide information?
• Aims and Goals What do you want the site to accomplish? Will e-commerce be needed?
• Target Audience Who is your ideal end-user? Have you considered his or her age, sex, interests?
• Content What will you provide? Information? Products or services? Photos? Videos? A blog?
Click here for Warren's comprehensive list of information-gathering questions.
Warren also asks his clients to produce a simple paper version of their site. Each drawn page should suggest what will be included in these elements: the company header; a navigational menu system; a suggested column structure for various pages; areas for contents, photos and images; and a footer.
A client's collection of well-thought-out, detailed page-layout drawings on graph paper is a valuable first step when planning the design or renovation of a website.
Client's detailed web page layouts;
click to enlarge
Nine paper pages of hand-drawn layouts suggest how and where a variety of elements (e.g., header, navigation menus, columns, images, graphs, charts, etc.) are to appear on a new site.
Nine pages of paper layouts;
click to enlarge
2. Planning Using the information gathered in phase one, Warren puts together a plan for each page, including specifications for column numbers and sizes, header and footer configurations, and content area sizes and shapes. (Click the three images below to see examples.) At this point he also creates a rough draft of the site map — a list of a site's main topic areas and sub-topics, if applicable. Essential to developing a consistent, understandable navigational system, a site map is a guide to what and where content will appear on a site.
End-users — often customers — must be kept in mind throughout the planning phase because they are, after all, the people who'll learn about and hopefully want the featured service or product. A good user interface can produce an intuitive, enjoyable navigation for an entire site. When designing a user interface, web designers create a site-wide structure that includes a site's theme, as well as addressing how readers will know what to click and what path to take through its pages.
A standard two-column layout — one column for the navigation menu, the other for page contents — includes header and footer designations.
Standard two-column; click to enlarge
This rounded-corner-style layout shows the navigation menu in the right column, while specifying width percentages for key elements.
Rounded corners; click to enlarge
A three-column plan permits the navigation menu to go in either side column. Colored borders can help define a site's page elements while complementing its color theme.
Three-column bordered; click to enlarge
3. Visual Elements During the design process, web designers imagine, create, and homogenize a site's visual elements: the look and feel of the site, including graphics, colors, styles, and layout.
Which visual elements to include is determined by a site's target audience. A site aimed at teenagers, for example, will look much different from one meant for a financial institution. As part of the design phase, it's also important to incorporate elements, such as a brand logo and complementary colors, to help strengthen the site's identity.
Warren usually creates one or more design prototypes of a proposed home page to show clients how the preliminary design looks. He often sends clients email with mockups throughout the design and the development phase, providing them the opportunity to express their likes and dislikes. Clear, prompt communication is essential throughout the three-part web-design process.
The client — an architect — specified on colored paper the way he wanted to lay out photos and text for a specific page. For each page, his paper drawings suggested sizes and locations for text and image blocks, as well as how to justify photo placement in those image blocks.
Phase 1: Initial concept; click to enlarge
Because the finished web page would be given a black background, text and image blocks were accurately placed on a black, sample work page to enhance visibility.
Phase 2: Page layout; click to enlarge
Warren cropped, sized, optimized, and accurately positioned the client's before-and-after photos, justifying their corners according to his drawn specifications.Phase 3: Photo mix; click to enlarge
Click to see the client's finished web page.
Whether it's a new design, redesign, or renovation, your website will become an online extension of your organization, church, company, brand, and product. It's critical that your site stands out from the crowd, commanding attention while encouraging return visits. Warren Camp Design specializes in designing and building attractive, user-friendly, interactive sites. Warren uses only the very best standards-based coding practices.
Need a New Site? Warren would enjoy helping you build your site into a high-quality, attractive site in today's competitive online marketplace. See the large collection of Warren's recent web page creations in the left column.
Already Have a Site? Whether you want to add a little punch or commission a complete makeover, Warren would enjoy designing, developing, and executing custom solutions that meet your needs and objectives. Using proven design techniques, Warren creates small or highly complex sites that reflect a client's unique brand while making visitors feel comfortable visiting it again and again.
Perhaps your existing site needs only some freshening up and a little restyling. Warren will evaluate your site's look, feel, and usability and suggest ways to improve it. He might propose a new color theme, a striking header image, a more appropriate menu system, or a few new photos; he might show you how basic copyediting and proofreading of your text would improve its readability; or he might see only the need to edit existing photo images to enhance your message.
Check out Warren's web-specific pages:
If your website doesn't stand out and do a lot of things right, chances are it's not going to achieve your goals. If you need a new site, discuss the possibilities with Warren to get a feel for the effort and cost involved. If you want to renovate an existing site, Warren can examine it to see what you’re doing right and wrong and what you’re forgetting to do. New or existing, his insights and recommendations can help make a difference in the success or failure of your site.
If you'd like Warren Camp Design to create a new site, redesign or freshen up your existing site, or evaluate your site objectively, or call WCD at 209-795-7661.
Warren Camp offers a variety of design services.
. . . . . . . . . . . . . . . . . . . .
Websites (latest shown
below) and Portfolio
Direct Marketing
and Email Marketing
Custom Print Bookmarks, Brochures, Postcards, Business Cards, Posters, Newsletters, Door Hangers
Custom Digital Prayer Requests, Greeting Cards, Website Launches, Invitations, Real-Estate Listings, Newsletters, Bible Studies
• Creation Calls
— Are You Listening?
• "Amazing Grace,"
sung by Il Divo
• World Changers
Academy: South Africa
• Warren's "Bearing Your
Cross" Devotional Study
• Vusi Kweyama:
Mission in South Africa
• Wildlife Photography
Albums and Slideshows:
California Creatures,
African Game,
Kenyan Safari
Kenyan Wildlife
• All-Church Bible Study
of Romans 12
• Dale Fisher: Campus
Crusade for Christ
Contact WCD by or phone, 209-795-7661.
Parents! Teachers!
If you'd like to access numerous free, high-quality Christian coloring pages for your children, see what Warren Camp Design offers you on this page.