2D Animation – App Showcase
Creating a 2D Animation Video to Showcase an app’s interface.
Weavr Technologies is an innovative company dedicated to transforming the education landscape through smarter, simpler, and more connected communication solutions. Founded in early 2022, their mission is to enhance collaboration between parents, teachers, students, and school administrators by offering intuitive digital tools that make communication seamless and effective. They approached us to create a 2D animation and motion graphics showcase video that visually demonstrates how their platform works, highlighting its features, usability, and the value it brings to the education community.
Project Objectives
The primary objective of this project was to develop a video that clearly demonstrates the functionality and benefits of the new API, which connects customers directly to a unified procurement platform. The animation needed to effectively communicate a complex technical solution in a way that was simple and informative.
Key objectives included:
- Simplifying Communication: Clearly explain how the API streamlines part procurement and connects multiple teams through a single, integrated system.
- Enhancing Understanding: Help customers easily grasp how the new system saves time, reduces downtime, and improves operational efficiency.
The Creative Process
Our creative process began with a deep dive into the brand, their products, and the technical aspects of their API. The goal was to translate a sophisticated digital integration into a clear and concise visual.
- Client Consultation:
We conducted multiple strategy sessions with their marketing and technical teams to understand the new API’s purpose, workflow, and key customer benefits. This ensured that the narrative and visuals accurately reflected real-world functionality. - Research and Storyboarding:
We mapped out the customer journey, from crane breakdown to the streamlined part procurement process, illustrating how the API eliminates communication barriers and accelerates response times. The storyboard visually represented each step in the workflow, making a complex digital process easy to follow. - Script Development:
The script was written to be professional yet approachable, simplifying technical language while emphasizing the innovation and efficiency that define the Konecranes brand. - Design and Animation:
This was a bespoke 2D animation, designed entirely custom to match their modern and industrial aesthetic. Clean, dynamic visuals were used to represent the digital workflow, while motion graphics and iconography conveyed connectivity, automation, and collaboration between teams. - Voiceover and Sound Design:
A confident, authoritative voiceover was paired with modern sound design to support the clarity of the message. Subtle background music added energy without distracting from the technical explanation.
Want to showcase your new app? – let’s chat!
Execution
The execution phase focused on combining sleek design, clear narration, and smooth motion to create a cohesive and visually engaging app showcase.
- Animation Production:
The app’s interface was meticulously translated into a fully animated, interactive-feeling experience. UI elements were recreated as vector-based assets, allowing for precise scaling and high-resolution clarity across different device screens. Each interactive feature was animated using keyframes and motion paths. Dynamic transitions were employed to guide the viewer seamlessly between screens, including sliding panels, button feedback animations, and micro-interactions, which helped illustrate the app’s flow and usability. Layered compositions allowed for simultaneous animation of multiple elements, menus, icons, and content cards, while maintaining a clean, organized visual hierarchy. Finally, color grading, shadowing, and lighting effects were applied to maintain a consistent brand aesthetic, while optimized rendering settings ensured smooth playback across multiple platforms, from desktop presentations to mobile device previews. - Client Reviews:
Throughout the process, we collaborated closely with their team to refine the visual flow, ensuring that every feature was accurately represented and clearly understood. - Final Edits and Polishing:
The final animation was refined to ensure clarity, pacing, and a consistent brand tone, resulting in a polished, professional video optimized for use on the Weavr website and digital channels.
Results
The completed 2D animation video successfully communicated their purpose and functionality while engaging viewers with its modern, user-centric design.
Key outcomes included:
- Enhanced Understanding: Viewers gained a clear overview of the app’s features and how it simplifies communication within schools.
- Increased Engagement: The visually appealing and informative video captured audience attention across digital platforms.
- Stronger Brand Presence: The animation reinforced Weavr’s positioning as an innovative leader in education technology.
Conclusion
The video demonstrates our ability to translate complex digital platforms into visually engaging and accessible stories. Through a carefully crafted mix of animation, motion graphics, and storytelling, we delivered a showcase that highlights their mission to connect and empower school communities through smarter communication.
This project reflects our commitment to helping forward-thinking brands communicate innovation with clarity, creativity, and impact.
We are a leading video production company in Johannesburg and have one of the top learner management systems in South Africa.
We specialise in Video Production, Photography, Graphic Design, eLearning Development, Web Design, Animation and Creative Consultation. | info@oliverkarstel.co.za | www.oliverkarstel.co.za | IG.com/oliverkarstel
Need to book a consultation to discuss your next project?
Info
2D Animation
Weavr
Animation
22/10/2025
No Comments