- Proyectos destacados
- Banner Animado para Acciones de Cobalto
Diseñando un Banner Animado Dinámico para Promover Inversiones en Acciones
Nuestro cliente, una firma de inversión alemana, buscaba promover acciones de cobalto entre potenciales inversores. Necesitaban un banner animado llamativo que destacara la creciente importancia del cobalto en la industria de vehículos eléctricos.
Diseñamos y desarrollamos un banner animado moderno que muestra el proceso de carga de una batería de vehículo eléctrico en una 'estación de servicio' eléctrica. Esta metáfora visual comunicó eficazmente la creciente demanda de cobalto en la producción de baterías para coches eléctricos.
El banner animado final capturó exitosamente la atención de los espectadores con su diseño elegante y moderno, y su animación fluida. Transmitió eficazmente la oportunidad de inversión en acciones de cobalto, vinculándola con empresas tecnológicas y automotrices conocidas como Tesla y Apple.
El Desafío
Necesitábamos representar visualmente la conexión entre la inversión en cobalto y la industria de vehículos eléctricos de manera clara y rápidamente comprensible.
La Solución
Representación Visual Metafórica
Creamos una animación limpia y moderna de una batería de coche eléctrico cargándose en una 'estación de servicio' eléctrica, vinculando visualmente el cobalto con el creciente mercado de vehículos eléctricos.
Temporización Estratégica de la Animación
Cronometramos cuidadosamente la secuencia de animación para llamar la atención sobre el proceso de carga, asegurando que el mensaje de texto permaneciera visible y legible en todo momento.
Esquema de Colores Profesional
Utilizamos una paleta de colores alineada con la marca del cliente y que transmitiera una sensación de profesionalismo e innovación, apropiada para la inversión financiera.
Creación de Activos Optimizados
Usamos una combinación de gráficos vectoriales e imágenes raster optimizadas para asegurar que el banner mantuviera una nitidez visual mientras se minimizaba el tamaño del archivo para una carga rápida.
Colocación de Texto Responsive
Diseñamos el layout para acomodar el texto en alemán, asegurando que se mostrara de manera prominente y fuera fácilmente legible dentro de la secuencia animada.
Detalles Técnicos
Adobe Illustrator
Empleado para crear gráficos vectoriales y elementos de diseño iniciales
Adobe Photoshop
Utilizado para la edición de imágenes y la creación de elementos raster del diseño
Google Web Designer
Usado para crear el banner animado final, integrando todos los elementos de diseño y añadiendo interactividad
Técnicas de Animación
Aplicadas para crear transiciones suaves y efectos visuales atractivos
Principios de Diseño Responsive
Implementados para asegurar que el banner se muestre correctamente en varios dispositivos y tamaños de pantalla