How to build for those who prefer motion and for those who don't

Web designers, like superheroes, wield significant power and must exercise responsibility, particularly when using platforms like Webflow to create visually appealing and innovative websites. This narrative reflects on the delicate balance between innovation and accessibility, emphasizing the importance of considering the potential harm of motion-heavy designs, especially for individuals with motion sensitivities. The author discusses their experience working on the No-Code Conf 2021 website, where they integrated animations that enhanced storytelling while being mindful of accessibility. Despite Webflow's ongoing efforts to enhance accessibility features, the author devised a low-code solution to accommodate users' motion preferences by using SVGs and CSS media queries to switch animations to static illustrations for those who opt out of motion. This approach underscores the commitment to creating inclusive web experiences that cater to diverse audiences.