Freelancers using Barba.jsFreelancers using Barba.js
Projects
People
Cover image for I recently built a custom
I recently built a custom SVG page transition inspired by the attention to detail found in many Awwwards-winning websites. Instead of relying on a simple fade or slide, I wanted the transition to feel like part of the experience. I designed a hand-drawn scribble animation that flows between pages, with the stroke color changing based on the destination. It gives each page its own personality while keeping the overall experience connected. The interaction was built with GSAP, Barba.js, and custom SVG path animations. I spent a lot of time fine-tuning the timing, easing, and typography animations to make everything feel smooth, natural, and intentional. This isn't a full website, just a small interaction experiment. It was a chance to explore creative page transitions, refine animation techniques, and push my front-end motion skills a little further. I'd love to hear your thoughts or feedback.
2
106
Cover image for Hello community 👋 I’m really excited to share my new person...
Hello community 👋 I’m really excited to share my new personal website, valeriosound.com (http://valeriosound.com) - a space where I showcase my work as a sound designer. What makes this one special for me is that I designed and coded the entire site myself. I’m not a full-time front-end developer, so learning and building everything from scratch was both challenging and super rewarding. I know a lot of you here use amazing tools like Framer or Webflow, but this project was about pushing myself to understand the craft a bit deeper, and honestly, I’m just proud that it came together the way it did. If you’d like to check it out, here’s the link again: valeriosound.com (http://valeriosound.com)Would love to hear what you think; any feedback is welcome! 🙌
2
16
331
Cover image for Frames from the Direct Design
Frames from the Direct Design web experience. Direct Design is a digital-first creative agency built around a simple idea: there’s always a clearer, more direct way forward. For the website, I worked on translating that identity into a complete digital experience, from interface design through Webflow development. The visual language carries across the layouts, navigation, interactions, motion, and responsive behavior while keeping the experience clear and easy to explore. Custom interactions and animations were used throughout the site to reinforce the idea of movement and direction. Page transitions, scroll-based motion, hover interactions, and smaller interface details help connect each part of the experience without overwhelming the content. The website was developed in Webflow with additional custom development where needed to create more tailored animations, transitions, and interaction behavior across the experience. A lot of attention went into the details, from responsive behavior and interaction states to the timing and movement between pages.
2
3
181