Desktop and mobile wireframes were created in Figma to establish the overall visual structure and animation system. To ensure accuracy and maintain visual fidelity with the actual product, I also imported live instances of the platform into Figma using
HTML.to.Design. This provided clean, vector-based recreations of the interface that could be animated with significantly more flexibility than traditional screen recordings.