Animarama

abstract line art illustration Event logo

// Sobre este Proyecto

Resumen del proyecto

Animarama es una startup de LATAM que busca construir una comunidad y un marketplace de activos de animación, dirigido a pequeñas y medianas empresas. Los artistas pueden enviar su trabajo y generar ingresos por descarga, mientras que los usuarios pueden suscribirse para acceder a contenido personalizado.

  • Marketplace de activos de animación
  • Landing page
  • Startup

“Innovando en la industria publicitaria al generar nuevas oportunidades de mercado para las PYMES y creadores, democratizando el acceso a la animación...”

Extracto del manual de Animarama.

Animarama Logo

Logotipo de Animarama. Tomado de su manual.

// El Reto

El Problema

El equipo de Animarama necesitaba una página de aterrizaje que comunicara claramente su estilo, propuesta de valor única y potencial de mercado a los inversionistas para una próxima reunión de presentación.

Contexto

Como una startup con recursos limitados y una fecha límite ajustada, el equipo necesitaba un sitio web que destacara sus habilidades y propuesta en el lapso de una semana. El diseño debía equilibrar creatividad con viabilidad de implementación, asegurando que la página pudiera servir eficazmente como un punto de entrada para los inversionistas.

Mi Rol

Fui responsable de diseñar y prototipar la página de aterrizaje. También contribuí a la creación y diseño de varios activos de animación presentados en el sitio. Trabajé en estrecha colaboración con el desarrollador para asegurar que el sitio pudiera implementarse en un corto periodo de tiempo.

Tecnologías utilizadas:

  • Figma
  • Miro
  • React
Website mockups

Maqueta de sitio web real.

Illustrated character using computer

Diseño de personajes para la página.

// Solución

Mi Propuesta

El objetivo principal de la página de aterrizaje era presentar el proyecto e incentivar a los visitantes a suscribirse al boletín.

Elegí un diseño que combinaba una página de "squeeze" con un enfoque de "Comenzar ahora". La sección principal introduce la empresa y su propuesta de valor, seguida de un video que muestra su trabajo y fomenta la participación. Debajo de esto, hay información sobre cómo la plataforma beneficia tanto a los artistas como a los usuarios, culminando en un llamado a la acción (CTA) para la suscripción al boletín.

Screenshot of wireframe min Miro webapp

Captura de pantalla de un Wireframe realizada en Miro.

Mi flujo de trabajo:

  1. Desarrollar una estrategia para el diseño de la página de aterrizaje.
  2. Crear un wireframe y discutirlo con el equipo, incorporando sus comentarios.
  3. Diseñar el sitio y los activos de animación.
  4. Construir el prototipo en Figma.
  5. Colaborar con el equipo para refinar el prototipo.
  6. Apoyar al desarrollador durante la implementación del sitio.
  7. Realizar pruebas de calidad con el equipo.
Website prototype in figma app

Captura de pantalla del prototipo realizado en Figma.

Illustrated character using computer

Diagrama de movimiento de activos de animación para artista de gráficos en movimiento.

// Impacto

El diseño recibió comentarios muy positivos del equipo y logramos implementar la página de aterrizaje dentro del plazo establecido. Se presentó durante la reunión con los inversionistas, ayudando al equipo a asegurar recursos cruciales para la startup.

  • En agosto, el sitio atrajo 134 suscriptores al boletín.
  • El equipo aseguró una fracción de la inversión esperada tras la presentación.
Website mockup

Visita la Página

Set of assets created for social media and publicity Set of assets created for social media and publicity Set of assets created for social media and publicity

// Citas clave

Lecciones clave

Este proyecto me permitió expandir significativamente mis conocimientos de React mediante una estrecha colaboración con el desarrollador. Trabajar en un equipo multidisciplinario en un entorno de startup también mejoró mis habilidades en marketing digital y desarrollo web. A pesar del corto plazo y las altas expectativas, la experiencia me brindó una profunda sensación de logro y crecimiento.

Character saluting

Diseño de personajes para recursos de animación.

Testimonios

Mel Izanami picture

"Alonso fue un elemento crucial en el desarrollo de la página web de Animarama. Sus propuestas creativas y su buena disposición para construir en conjunto con nuestro equipo nos dio la posibilidad de implementar todo lo que planificamos y más. Al final, nuestra imagen fue renovada para una mejor aplicación dentro de los entornos web gracias a Alonso."

Mel Izanami

CEO Animarama

¡Gracias por leer!