Web Design Process

Examples of what we have discussed so far.

  1. Sitemap (not needed for this project)
  2. Wireframe

    wireframe-gallery
    Example of wireframe
  3. Design

    design-template
    Design Layout
  4. Code (XHTML and CSS)

Visual Narrative – Wireframe Options

  1. Write the narrative for your journey based on each the images.
    (It must flow like a story!)
  2. Two Layout Options:
    1. Layout 1 – Create wireframes for the home page and second page.
    2. Layout 2- Create wireframes for the home page and second page.
  3. Navigation only consist of 2 pages: Home and Story.
  4. Applications: Wireframe.cc or Google Drawing.
  5. References: Show images or links used.

Place files into a folder and name: LastName_FirstName-Visual_Narrative-Wifreames
Share the folder to the Google Classroom > Visual  Narrative – Wireframes

Due: Thursday November 17, 2016.

Advertisements