.avif)
A few highlights regarding the project
%20(1).avif)
Line animation along with the scroll
In the Fiona project, I implemented a line animation that activates as the user scrolls through the page. Using Webflow’s scroll-triggered interactions, I set the line to gradually draw and extend in sync with the scrolling motion. This created a smooth, visually engaging effect that adds depth to the design, helps guide the viewer’s eye, and enhances the overall storytelling experience.
Hover and press to view more information
I created an interactive hover-and-press feature that allows users to reveal more information seamlessly. Using Webflow’s interaction settings, I set elements to respond to hover with subtle animations and added a click/press trigger to expand hidden content. This approach made the design more engaging while keeping the layout clean and user-friendly, ensuring visitors could access details only when they wanted to.
.avif)
%20(1).avif)
Smooth hover animation over the entire website.
I implemented smooth hover animations across the entire website to create a consistent and engaging user experience. By using Webflow’s interaction tools, I added subtle motion effects such as color transitions, scaling, and opacity changes that activate on hover. These animations were designed to feel natural and fluid, enhancing interactivity without overwhelming the design, ultimately making the site feel more modern and dynamic.
.avif)
%20(1).avif)
