LSA Motion Website

Leading Swiss Agencies (LSA), representing top communication agencies in Switzerland, sought to attract young talent to careers in advertising, graphic design, and marketing. They envisioned a dynamic, interactive website to showcase their campaign in a way that reflects the creativity of these professions and resonates with a younger audience. To achieve this, I started with in-depth brainstorming sessions to understand the campaign's tone and reviewed initial assets from Wirz, including their bold, playful illustrations. From there, I sketched initial concepts, focusing on ways to integrate these visuals effectively within a web layout that would engage young visitors.

In the planning phase, I moved into Figma to develop wireframes, which mapped out the site’s structure and user flow. This step was crucial for visualizing how to present information in a way that kept users exploring. I paid special attention to designing a responsive layout that would work seamlessly across devices, ensuring accessibility and ease of navigation. Through iterative feedback sessions with the LSA team, we refined the wireframes until they aligned perfectly with the campaign goals and provided a strong foundation for the visual design.

With the wireframes approved, I focused on creating the visual design, incorporating the vibrant colors, playful typography, and dynamic layouts that would appeal to the target demographic. In this phase, I animated key elements using After Effects, bringing life to the illustrations and ensuring they felt immersive and interactive. By using Airbnb's Bodymovin plugin, I exported the animations as .json files, which were lightweight and developer-friendly. This allowed us to set animations that would respond to user interactions rather than looping passively, creating a more engaging experience without impacting page load time.

TFinally, I worked closely with the development team, providing detailed design assets, animation files, and guidance on implementing interactions to match the original vision. This collaboration ensured that the final product captured the creativity and energy we aimed for while maintaining functionality and responsiveness. The completed website successfully highlighted the innovative spirit of communication professions, capturing young users' interest and encouraging them to explore career opportunities in the industry.

• COMPANY: at Maxomedia AG for Leading Swiss Agencies
• RELEASE DATE: March 2022
• TAGS: Figma, 2D Animation, Adobe After Effects, Lottie JS, Blender 3D, 3D Modeling