SITE NOW UP!
http://digital-locker.design.yorku.ca/~bertuzzo

Adriano Bertuzzo

I tried to approach the task of organizing the website into two strong parts, one for each project completed.
I wanted the user to travel through the projects the same way I did, but also be able to access relevant information in relation to the page they were on.



Information Inventory:

Welcome - Introduction to me, my topic, and my work.
Home - Main navigation.

Proj 1 - Intorduces project, breif and goals.
Iron - Explains the product and gives a quick preview of images to assist.
Research - Info collected about the iron and the experience of ironing.
Table - Pros and cons of iron and interaction.
Gallery - Images of iron and its features.

Proj 2 - Introduces project, breif and goals.
Sketches - Showcases all rough ideas for new interactions.
Videos - Videos of refined interactions.


Site Map Sketches



Fig 1.1 Site Map

bertuzzoflow2.gif





Wireframe Sketches

Fig 2.1 Wireframes

bertuzzowirehome.gif


bertuzzowireproj.gif

bertuzzowiregal.gif







Fig 3.1 Mockups


bertuzzomock_home.jpg

bertuzzomock_proj.jpg

bertuzzomock_gal.jpg























































































Return to Top

Fig 1.2 Site Map Original Sketches

bertuzzositemap.jpg
bertuzzoflow.gif







Return to Top

Fig 2.2 Wireframe Original Sketches

bertuzzowire1.jpg

bertuzzowire2.jpg

bertuzzowire3.jpg