The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Built an interactive “Video Stories” experience for Manulife: a full-screen, mobile-first kiosk-style web app that starts on a CTA screen, then lets users swipe through short colleague videos to explore “Tech @ Manulife.” I also implemented session analytics (play/leave/pause/resume, watch time, idle detection) and persisted engagement data to Firebase Firestore for reporting.
Stack: React + TypeScript (Vite), Tailwind CSS, Firebase (Firestore), react-idle-timer
Notable details: 1080×1920 vertical layout, custom Manulife typography/assets, idle timeout auto-resets the experience
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Custom liquid interaction built in Framer.
Turning a static hero into a responsive visual surface through cursor-driven distortion.
How do you adapt the cursor-driven effect for touch screens?
New case study just dropped 💙 EvenUp — an expense-splitting app design
Ever been the one who remembers who paid for what? 💸 That's the problem EvenUp was designed to solve — because splitting costs with friends was never really about math. It was about the awkward conversation after.
Full UI/UX case study includes:
✅ User research & personas
✅ User flow mapping
✅ Complete design system
✅ Full UI — light & dark mode
✅ Edge cases & error states
✅ Interactive prototype
Full case study on Behance — link in bio ⬆️
Perfect