This project presented several key challenges, primarily revolving around achieving high visual fidelity while ensuring optimal performance across different platforms. Crafting animations for elements like loading screens and app motions demanded extreme efficiency to avoid user frustration, requiring meticulous optimization of file sizes and frame rates without compromising visual quality. A significant hurdle was translating Pep Guardiola's distinct brand—known for its strategic depth and attention to detail—into abstract motion graphics. This involved extensive experimentation with timing, easing, and visual metaphors to convey concepts like precision, fluidity, and impact. Furthermore, maintaining a cohesive aesthetic across diverse animation types (from subtle app motions to dramatic video intros) required a robust design system for motion, ensuring consistency in style, color, and pacing. We overcame these by employing vector-based animations where possible, utilizing efficient rendering techniques, and establishing a strict set of animation principles derived directly from the core brand values.