Classics of the Harlem Renaissance is a special digital book display in celebration of the 100th anniversary of the Harlem Renaissance. It seeks to help audiences understand not only African American history and culture, but the Harlem Renaissance as a significant step towards the American ideal of freedom and opportunity.
The design is to provide innovative solution to promote the curated Gottesman Libraries Book Colletion and to create online education experience in a short time, when the scheduled onsite display and events were postponed in light of the COVID-19 outbreak.
I led the concept development, design and front-end/creative code development. The project includes web multimedia interactions, a collaborative drawing app, and email marketing campaign.
» Targeting Audience: Teachers College students, faculty, and alumni and broader community in education industry
» Big range of user generations: From Baby Boomer, who are still learning digital tools, to Gen Z, who are mostly digital natives
» Gotteman Libraries has its own CMS. The page style, UI components and layout of any new webpage needed to comply with the existed structure.
» College needs to dealt with many unexpected changes in face of the COVID-19 crisis, which makes it slower to process new approaches.
» Users stay on digital platforms more often and are more willing to accept new products during the special time
» People have stronger desire to connect with each other and to be seen than usual. The digital platform can provide more space for users to create, customize and collaborate with others.
launching and promoting multiple approaches step by step
gradually help users who are not familiar with technoloy to get comfortable with the interactions.
and keep them coming back to the book collection.
Visual System from Harlem Renaissance
Visual Style Study
Interaction and Responsive Design
While hover/mouseover is a more intuitive interaction on desktops, it is not very accessible on touchscreens. Thus, the "Flip" button is designed to deliever the same fun.
User Feedbacks and Outcome
In the Collaborative Drawing App, users can save and submit their drawings through "save"/"submit" button. At the same time, in order to collect further data and study the user behaviour and expereince, a feedback system is built which sends canvas info to AWS.
Images below are some of the submissions. (Users have agreed to share the info)