Project 3 presentation
-
Upload
matt-wujek -
Category
Design
-
view
14 -
download
0
Transcript of Project 3 presentation
![Page 1: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/1.jpg)
Project 3: E-WasteLocation-based Media
![Page 2: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/2.jpg)
What is E-waste
Pretty much anything that is electronic or electric.
You probably own over 30 electronic devices
![Page 3: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/3.jpg)
Designing for this website1. Researching, gathering, and organizing content2. Sketching ideas and layout on paper and Illustrator3. Using a third-party framework (Bootstrap 3) to minimize
development time4. Making a "skeleton template" and filling in content
afterwards
![Page 4: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/4.jpg)
Sketches / Wireframes
Sketchbook and Illustrator
What will the user be trying to accomplish, what are their motives? What’s the context?
![Page 5: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/5.jpg)
Navigation
It’s important, so there should be a plan.
User Experience (UX)
![Page 6: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/6.jpg)
![Page 7: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/7.jpg)
![Page 8: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/8.jpg)
v
![Page 9: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/9.jpg)
navigation continued
![Page 10: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/10.jpg)
more bootstrap elements
![Page 11: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/11.jpg)
encouraged iteraction
![Page 12: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/12.jpg)
encouraged interaction
![Page 13: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/13.jpg)
Locations
![Page 14: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/14.jpg)
Donations
![Page 15: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/15.jpg)
Consquences
![Page 16: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/16.jpg)
list of items
![Page 17: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/17.jpg)
recycling process
![Page 18: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/18.jpg)
External References
![Page 19: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/19.jpg)
![Page 20: Project 3 presentation](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a4f4081a28ab2e188b46df/html5/thumbnails/20.jpg)