Digital Scrapbook
My digital scrapbook encourages users to explore scrapbooking in a commitment-free way, while being able to collaborate with users on the same website. As someone who scrapbooks, keeps a journal with me at all time, and works with a lot of physical documentation of life, I was inspired to weave my personal items into a digital interface. The main functions of my project include dragging images around to the desired location on the page, and generating randomly placed stamps like stars and grid tape.
October 2024
ROLE
Interaction Designer
JavaScript
HTML/CSS
WebSockets
Sketching the Plan
Goals
- Bring collaboration to a primarily individual activity
- Inspiration of a collage builder on top of the user’s webcam
- Accurate representation of my own scrapbooks
Execution
- Scanned receipts, movie tickets, and doodles
- Import assets into HTML and modify with JavaScript and CSS
First Draft and Refinement
Coding Integrations
- Drag all of the scrapbook elements across the page
- Date will always be updated to the current day!
- Star button generates a randomly placed purple star
- Tape button generates a randomly placed grid tape
Product
In all my works I aim to bring a sense of humanity and connection, but in this one particularly, I focused on capturing intentional roughness in a digital and seemingly “perfect” medium.