Artistic display of archived content

Context
Created within a 6-week time frame as a project for the Fall 2020 class entitled Visual Principles for the Screen.
This site displays an archive of graphic posters from the Paper Monuments public art and history project. {https://www.papermonuments.org/} The main goal was to emphasize the location of the Paper Monument posters in New Orleans, LA.
Example posters from the Paper Monuments public art movement:

Project Timeline
Week 1: Narrow down a concept, collect content and began field research
Week 2: Sketching and wireframing
Week 3: Draft prototyping and usability testing
Week 4: Visual language development
Week 5: Digital design iterations
Week 6: Finalize digital design and final prototype
Paper Wireframes

Mid-Fidelity Iteration #1
Exploration with the grid structure, navigation menu, and the amount of information shown on the page. Feedback was given through peer groups during class time.
Mid-Fidelity Iteration #2
The second iteration explored the main color palette, interactions between the home screen and interior pages, as well as information filters that allow for different ways to view the poster data. Feedback on these explorations was given through peer groups during class time similarly to iteration 1 and professor feedback.
Usability Testing
Process:
- Think Aloud protocol
- Zoom used as a method of communication
- Figma used to show prototype via screen share
- Interviews blocked for ~30 minutes
- Testing goals:
- Get initial reactions to layout and visual style
- Understand if homepage navigation is easy to use
- Test information architecture
- Valued information of audience
Key Insights:
- Feedback: Clickable interactions within the map interface were not clear
- Revision: create hover states for features to emphasize interaction capabilities
- Feedback: Make the site’s purpose more clear and upfront
- Revision: add site objective to site’s homepage with an option to view additional details
- Feedback: Lacking Poster details when individual posters where to be viewed
- Revision: add additional contextual information on poster detail pages, location, artist, and event history
Final Design
Homepage with “geography” filter: Information organized by geographical location Homepage with “alphabet” filter: Information organized alphabetically Homepage with “alphabet” filter: Information organized in a list format for accessibility Details about the site Poster detail page Poster detail page Poster detail page