Seeking Expertise for Interactive Scrollstory Development

Hi 👋 all - just a quick shout out to see if anyone is able to give some advice on the best method of building an interactive and engaging scrollstory. I am looking for a very experienced dev in lottie animations and timed interactions on a web page so that one can "tell a story" as the page is scrolled... also wanting the page to load efficiently and work across devices. Whether for some quick consultancy with my team or to actually build... I am open to input. Mike

4 comments

Mike C.
·
Hello again - bringing this to the top of the list as I would really appreciate any input and guess it drops down the thread quickly?! Thank you. Mike
Anand M.
·
Hello, i have experience with scroll based interaction (gsap) both with Lottie and threejs. I can definitely help give a few pointers and brainstorm ideas
Mike C.
·
Thank you - we have a couple of conversations going on at the moment, but let me catch up with my dev tomorrow and if appropriate I will connect you. 🙏
Anand M.
·
Sure, I understand, hope you get a effective solution for the vision you have! Just in case I will drop a few library names and tips, even if not for yourself might help others.
Theaterjs https://www.theatrejs.com - Its not only for 3D, can be used to retime lottie animations too
Sprite sheet/s are better than image sequences
Using Threejs can really help with motion graphics - https://logartis.info, https://www.dffrntera.com, https://persepolis.getty.edu
GSAP scrolltrigger is your best bet for scroll animation.
Break your animation into stages, where someone could pause. Use scroll snapping for these locations.
Start loading assets asap. Use a custom load function to get assets async without blocking render.
Avoid relative movement or change of shape for 3d objects, bake lighting when possible
Only sharing this to help anyone. I am not available for web-dev at the moment. Connect with me if anything I have shared is interesting or anyone needs help.
🙏1