CRANK

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.*

Want to learn more?

Reach out, I would love to chat about my experiences.

Let's Chat!
Copyright © 2024 Alex Bazan. All rights reserved. Designed and developed by me.