Animated Web Journal Development

I’m building an online journal that feels like a treasured vintage diary brought to life on screen. Visitors must be able to type directly onto each page, save their notes, then move effortlessly through the book by clicking either the page itself or the numbered tabs.

Visual experience
• Every turn reveals a realistic flip-page animation.
• As pages glide, flower petals drift and a hint of stardust trails across the spread—sometimes subtle, at key moments more dynamic, so the effect never feels repetitive yet never overwhelms.
• From the final entry readers can jump back to the cover or simply return to the previous page.

Technical notes
This is strictly a web application, so all effects should run smoothly in modern browsers, mobile-responsive if possible. I’m leaning toward lightweight libraries such as GSAP or Three.js for the particles, but I’m open to whatever you feel delivers the smoothest performance without heavy load times.

Design direction
The entire interface should echo a vintage, classic aesthetic—aged paper textures, soft palettes, serif typography—while keeping the UI clean enough that users focus on writing.

Deliverables
1. Fully functional web journal (HTML/CSS/JS or suitable framework) with:
• editable text fields on each page
• page-flip, petals, and stardust animations as described
• intuitive navigation (click page or page number; last page returns to cover/previous)
2. A short promo video (30–45 sec) capturing the key interactions for advertising purposes.

Once built, I’ll handle hosting; I just need the finished code, assets, and the video file. If you have questions about animation timing, asset sizes, or preferred codecs for the clip, let me know—happy to clarify so we can keep the vintage magic intact.