Project3

PROJECT 1

 * project 1a - colour grids (6 Layouts)
 * project 1b - type on the web: using five text boxes of lorem ipsum to create compositions (4 Layouts)
 * project 1c - images on the web: using magazine cut-outs to create compositions of various designs (4 Layouts)
 * project 1d - type and images on the web: using random text and magazine cutouts to create compositions ( 5 Layouts)
 * Total Pages: 19**

PROJECT 2
 * project 2a - "Spaceship logo" recreate a logo using processing
 * project 2b - recreating static shapes and creating own static shape using processing
 * project 2c - creating animations that represented the words "Blast" and "Stretch" using processing
 * project 2d - created an interaction sketch using processing
 * Total Pages: 11**
 * Overall # of Pages: 30**

CONCEPTS/ ORGANIZATIONAL THEME

Idea: To split up the page into two projects and organize it in a professional design manner.

Project #1) To split up pieces using a slider; or to design a composition using various pieces from Project 1 to create a layout composition of my own. This layout will incorporate rollover shapes so that it connects to a desired project. Project #2) To split up pieces using interactive colours and shapes. Other Ideas: Time Duration: Splitting up projects in terms of time Arts and Crafts theme: Playful and serious

MOOD BOARD Theme: Grocery Shopping

SITE MAP This site map allows you to see how I will organize my website. It will be divided into two separate time sections and process, followed by the multiple project content pages.



Wireframes: Introduction Page Content Page Idea with Rollover Effect Process Page Idea