Textile Recycling Visualization
2019 • Interaction Design
Tools + Skills — Invision Studio, Adobe Illustrator, Microsoft Excel
Duration — 3 weeks
A exploratory web-based data visualization depicting the textile recycling process. The visitor of the site can learn how industry players and systems affects textile waste output, the overall recycling process, and what you can do as a consumer to help.
Creating a web-based data visualization that specifically visualizes a linear process, such as recycling. The goal of this project was to practice and hone my data visualization skills, especially for a more complex web-based visualization that would include multiple pages, visualizations, and animations. This project was my first time creating a web-based data visualization project and my second time designing a data visualization. It was also my first time trying out Invision Studio.
I chose to visualize the recycling process of textile recycling, as I think I am very interested in fashion and the global impact the fashion supply chain can have on the world. Some specific topics I had originally wanted to focus on include:
• Differences between post-consumer and pre-consumer textile waste.
• Use of deadstock material and presence of pre-consumer waste recycling markets and industries.
• Global impact of fashion's supply chain, perhaps with specific case studies.
RESEARCH & PLANNING
From the topics I had stated above, I started doing research. Based on the amount of information and data I found I started to sketch out the visualizations and website wireflow. During this research phase, the amount of information I found was far greater than I could fit into the final prototype.
Original layout + design for the site. I had an idea to do a "choose your own adventure" type of site, where the visitor can choose to explore up, down, or sideways and learn different things surrounding textile visualization. However, I scrapped the idea because I found it hard to tie the different information and segments I wanted to present together.
I made three visualizations to use in the site.