Tive — Website scroll animation
Hi Dribbble!
Happy to share with you the result of our partnership with Tive, a growing Boston-based startup responsible for best-in-class tracker software and hardware. They are providing in-transit visibility solutions, helping shipping and logistic professionals manage their shipment, eliminating preventable delays and damages. In an interconnected world that is increasingly dependent on logistics services, this sounds like a significant mission.
Andy Fercu, Tive’s VP of Product, entrusted us with the mission to rethink and build their whole new website. He told us their concern about their product meeting the highest demands of logistics managers, transportation directors, and warehouse workers. Something they didn’t exactly know how to translate into a website. But we did 🤓.
We started working with them from scratch, completely changing their previous web architecture. We made visible success stories that were previously hidden, and unified related sections to have fewer pages thus facilitating navigation. Regarding the look & feel, we relied on the dark mode to highlight the white UI of Tive’s dashboard, which also provided a stylish interface.
The most challenging part of building Tive’s new website was the animations though. Inspired by Apple’s site, we suggested the idea of a scroll animation that runs smoothly along with the product narrative. Everybody loved it.
We made the design on Figma, the animations on Lottie, and implemented everything on Webflow, using only its integrations . The three of them are just amazing together!
The result is a beautiful site that takes you on a journey with Tive's helpful information you can easily follow, like the service they provide, while traveling alongside a container in the supply chain.
Special kudos to César Álvarez, Víctor Ramón, Luisa Jara, Laura de la Calle, Marta García, and the rest of the amazing Z1 team. ✨ Remember to press "L" if you enjoyed this shot, and stay tuned for more nice pieces on Z1's profile 😉.