PROJECT 3 RESPONSIVE MUSEUM SITE Step 1 Hand-drawn Roughs – Draw three sets of hand-drawn roughs. Your goal is to start defining the design and organization of your MOCA site, and how it will appear on various size devices. Your website must present well on a mobile phone, tablet, and laptop/desktop machines. Do at least three roughs for each design direction. Presentation Critique. Please hand draw roughs on plain white paper in black ink, then photograph or scan, and create multipage PDF. Upload to class server. Due Week 10, March 26 | 10 points possible Step 2 a Create a wireframe of your chosen design direction in at least three widths (phone, tablet, desktop). I will supply an Illustrator file with three appropriately sized artboards which you may modify to your needs. b In the same file – on a new layer – create a comp for each size using the images and copy which I’ve supplied. The comp probably won’t match your wireframe exactly as you’ll need to adjust to the reality of actual content. Presentation Multi-layered Illustrator file, plus placed images, zipped and uploaded to class server. Due Week 11, April 9 | 20 points possible Step 3 Using Adobe Dreamweaver, create your flexible and responsive MOCA website. I will review your final webpage on a desktop computer, tablet and smartphone. Your website must work equally well on all of these devices. Note Menu items in header and footer of page must behave like links (e.g. pointer cursor and hover effects), but do not need to actively link to other pages. Presentation Uploaded to your web server. You should have a link in your Projects dropdown. Due Week 12, April 16 | 30 points possible
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
PROJECT 3RESPONSIVE MUSEUM SITE
Step 1 Hand-drawn Roughs – Draw three sets of hand-drawn roughs. Your goal is to start defining the design and organization of your MOCA site, and how it will appear on various size devices. Your website must present well on a mobile phone, tablet, and laptop/desktop machines. Do at least three roughs for each design direction.
Presentation Critique. Please hand draw roughs on plain white paper in black ink, then photograph or scan, and create multipage PDF. Upload to class server.
Due Week 10, March 26 | 10 points possible
Step 2 a Create a wireframe of your chosen design direction in at least three widths (phone, tablet, desktop). I will supply an Illustrator file with three appropriately sized artboards which you may modify to your needs. b In the same file – on a new layer – create a comp for each size using the images and copy which I’ve supplied. The comp probably won’t match your wireframe exactly as you’ll need to adjust to the reality of actual content. Presentation Multi-layered Illustrator file, plus placed images, zipped and uploaded to class server.
Due Week 11, April 9 | 20 points possible
Step 3 Using Adobe Dreamweaver, create your flexible and responsive MOCA website. I will review your final webpage on a desktop computer, tablet and smartphone. Your website must work equally well on all of these devices. Note Menu items in header and footer of page must behave like links (e.g. pointer cursor and hover effects), but do not need to actively link to other pages. Presentation Uploaded to your web server. You should have a link in your Projects dropdown.
Due Week 12, April 16 | 30 points possible
Related Documents
