H-E-B Pharmacy
CRANK
Timeline: 5 Weeks
Course: Intro to Interaction
Tools: Figma, Glitch, p5.js, Photoshop
Overview: The CRANK is a creative code project that focuses on giving users control back on their scrolling. In a world of addictive, invisible interfaces, the CRANK works to add friction to endless scrolling. This project is a playful monologue about the importance of visible interfaces.
Role: I created the entirety of this project including the inspiration of the CRANK, Figma prototyping, teaching myself p5.JS, and coding the final iteration.
Process Blog
Final Result
*Click and drag the crank handle counter-clock wise to scroll down! It is recommended to view the embed link in full screen.*