- Case Studies
- Animated Ad-Banner for cobalt shares
Designing a Dynamic Animated Banner to Promote Share Investments
Our client, a German investment firm, sought to promote cobalt shares to potential investors. They required an eye-catching animated banner that would highlight the growing importance of cobalt in the electric vehicle industry.
We designed and developed a modern, animated banner showcasing the charging process of an electric vehicle battery at an electric 'gas station'. This visual metaphor effectively communicated the increasing demand for cobalt in the production of electric car batteries.
The final animated banner successfully captured viewers' attention with its sleek, modern design and smooth animation. It effectively conveyed the investment opportunity in cobalt shares, linking it to well-known tech and automotive companies like Tesla and Apple.
The Challenge
We needed to visually represent the connection between cobalt investment and the electric vehicle industry in a clear, quickly understandable manner.
The Solution
Metaphorical Visual Representation
We created a clean, modern animation of an electric car battery being charged at an electric 'gas station', visually linking cobalt to the growing electric vehicle market.
Strategic Animation Timing
We carefully timed the animation sequence to draw attention to the charging process while ensuring the text message remained visible and legible throughout.
Professional Color Scheme
We utilized a color palette that aligned with the client's brand and conveyed a sense of professionalism and innovation, appropriate for financial investment.
Optimized Asset Creation
We used a combination of vector graphics and optimized raster images to ensure the banner remained visually crisp while minimizing file size for quick loading.
Responsive Text Placement
We designed the layout to accommodate the German text, ensuring it was prominently displayed and easily readable within the animated sequence.
Technical Details
Adobe Illustrator
Employed for creating vector graphics and initial design elements
Adobe Photoshop
Utilized for image editing and creating raster elements of the design
Google Web Designer
Used to create the final animated banner, integrating all design elements and adding interactivity
Animation Techniques
Applied to create smooth transitions and engaging visual effects
Responsive Design Principles
Implemented to ensure the banner displays correctly across various devices and screen sizes