nav pages

Web Services:
Web Design

Web Design | Web Coding | Web Master

Website structure development
Web Project Strategic Plan

  • Front Analysis: Define project, purpose and intention
  • Project Analysis: Create content outline with statement of project purpose
  • Plan of Action: Initiate detailed client survey to define the plan of action, identify the target audience, create branding, perception, content, technical specifications and target communication strategy
  • Project Brief: Define goal and target audience from initial client interview and survey
  • Project Identity:  Design and create template to reach the primary audience assembling photos, names, quotes, descriptions, demographics, technical profile, top user goals, top business objectives to build the website structure
  • Technical Specifications: Create the necessary material resolution, compatibility, web standards, download of file times, and accessibility to pages, protected pages, and browsers
  • Project Timeline Plan: Task timelines, due dates, resources needed for each step in each phase of the project
  • Website Maintenance Program: Frequency of updates, upgrades, and maintenance requirements for successful development of the website

Website Structure

  • Web design Architecture: Using Project Analysis content outline, define the website content.  Generate detailed list of content in brainstorming sessions with the client. Delete superfluous content, cross-check content for relevancy to the original front analysis goal.  Create additional pages for future growth, develop categories of content,   then the content outline. Careful review of this process is necessary with the client
  • Site Diagram:  Part of the website structure, the site diagram creates a visual representation of the website flow
web design

  • Page Description: The page description diagram (PDD) visually determines where content is placed. Prior to creating the mockup or wireframe (handk wireframe), the hierarchy of importance is placed in three separate columns from highest to least importance, but contains no content

Visual Design

  • Create a paper structure of each page using sketches of ideas to better illustrate to the graphic design team the visual look of the website
  • Graphic design team begins the process to create the visual look and flow of the website using previously completed branding and corporate identification. On-going team discussions include all branding, technical requirements, browser concerns, download times and screen resolution, web standard requirements and specific access to the information. Particular attention is paid to how the website needs to flow.  This creative time follows the project guidelines and structure
  • Design team has a clear understanding of the purpose of the project, the content flow, and the architecture of the website
  • Design team creates specs for the design elements: color, typography, line use, usability, rhythm of the navigation, flow of the pages

Website Wireframe (Mockup)

  • With content and information, create a paper layout showing the functionality of each page starting with the main/home/index page and secondary (second level) pages
  • Wireframes include the major elements of each page and all the containers for the information as will be displayed on the main page and each additional page. It might contain the information that will be displayed in the footer and header, including the navigation area and navigation content
  • wireframe web design

Visual and Graphic tasks

Draft of visual ideas for home and secondary page
  • Review of designs with client
  • Second draft with the changes recommended in the first meeting with the client
  • Third draft with detailed design for the home page and all the secondary pages
  • Client feedback meeting
  • Final graphic designs for the index page and all of the secondary pages
  • Client design approval