Do you have a friend, family member, or loved one you wish you could send a heartfelt message to? Not just a text in a blue bubble, but something personal and intentional? Enter papertrail: where meaningful messages are no longer just 'sent,' but truly opened.

Inspiration

In a world of fast, disposable messaging, we wanted to recreate the intentionality of sending something thoughtful. At the same time, we recognized the environmental impact of paper production and physical mail. Papertrail reimagines the postcard as a sustainable, multimodal digital experience: preserving meaning without consuming physical resources.

We were also inspired by long-distance relationships, study-abroad experiences, and friendships stretched across cities; moments when connection matters most.

What is papertrail?

Papertrail is a multimodal digital postcard creator and sender that transforms a simple note into a curated sensory experience. Users can:

  1. Write a personalized note.
  2. Upload or select an image.
  3. Attach a meaningful song.
  4. Customize.
  5. Send it instantly to anyone, anywhere.

Instead of sending a quick text, users send a curated sensory experience: combining visuals, sound, and words into a single, shareable memory. It’s a sustainable alternative to traditional postcards that still captures emotion and intentionality.

How we built it

We built Papertrail as a web application focused on simplicity and emotional impact.

  • Designed wireframes and interaction flows in Figma
  • Spline animations
  • Built the frontend with modern web technologies (JavaScript + Tailwind CSS)
  • Integrated image upload functionality
  • Embedded music playback with the Spotify Embedded API
  • Structured a clean, responsive layout optimized for both desktop and mobile
  • Focused on lightweight performance to reduce digital energy usage where possible

We prioritized an intuitive creation flow: choose a template → add image → add message → attach song → preview → send.

Challenges we ran into

One of our biggest challenges was balancing the scope of this ambitious project with the time constraints of the 36-hour hackathon. When we first brainstormed a fully interactive 3D environment, we were painfully aware of our combined zero experience in 3D modeling and animation. The learning curve felt steep, and there were moments when the technical complexity seemed out of reach for a 36 hour project.

However, our passion for this concept pushed us to persevere. We spent hours troubleshooting coordinate systems and state-toggles to ensure the 3D physics felt natural rather than robotic

To ship a polished Minimum Viable Product (MVP), we had to make the difficult decision to scale back certain features, like the seamless Spotify auto-play soundscape we initially envisioned.

Accomplishments that we're proud of

Engineered a real-time pipeline that injects user-uploaded images and custom text into a unique, shareable 3D environment.

Replaced "robotic" linear transitions with spring physics to mimic the natural weight and "pop" of a real envelope.

What we learned

Digital communication works best when it honors the moment. We learned that "intentional friction" the steps required to open and flip the card creates a much stronger sense of anticipation and connection than a standard instant message. We also learned that 3D environments on the web are most effective when they feel tactile; the "pop" of a spring-loaded animation excites a user more than a simple fade-in. Mastered the fundamentals of Spline (3D design) and Supabase (backend/DB) from scratch within a single weekend.

What's next for papertrail

A lot of updates are in store for Papertrail, but here are a few:

  • Privacy between users and postcards
  • Added features: automatic music player
  • Additional customizations, such as postcard color, fonts, etc.
  • Allowing users to upload their own 3D postcard "templates" to choose from.
  • Integration with additional applications/sites for more personalization users can pin their sent & received 3D postcards to a virtual wall.

Built With

Share this project:

Updates