Se está preparando un nuevo caso, y esta vez se trata de una historia de ilustraciones que apoyan fines publicitarios. Te invitamos a familiarizarte con la colaboración del equipo de tube y Devpost, una plataforma para brillantes hackatones. En este proyecto trabajamos la idea de narración visual empaquetada en imágenes y compartiendo la atmósfera de espacios y procesos creativos.
Creación de una colección de ilustraciones temáticas para la sección de héroes en la página principal del sitio web de la plataforma hackathon.
Devpost es una plataforma internacional de hackatones fundada en 2009 que ayuda a los profesionales de TI a participar en concursos de software (hackatones) y a involucrarse en la comunidad creativa mundial. Ayuda a los participantes del hackathon a crear productos, practicar habilidades, aprender tecnología, ganar premios y hacer crecer sus redes. La plataforma tiene asociaciones con muchos gigantes tecnológicos como IBM, Microsoft, Qualcomm, Oculus y más. El público objetivo del sitio es bastante amplio y cubre diferentes categorías de edad, desde jóvenes, estudiantes de escuelas secundarias, colegios y universidades hasta profesionales adultos y profesionales experimentados.
El equipo de Devpost quería renovar la apariencia de la página principal con ilustraciones brillantes e informativas en la sección de héroes. Además, para que la interacción con la página fuera aún más dinámica, eligieron un conjunto de imágenes que reflejarían las diferentes etapas del hackatón general y cambiarían según la hora del día. Otro problema que complicaba la tarea era que la sección del héroe era un espacio horizontal bastante estrecho. Por lo tanto, el ilustrador necesitaba pensar en la composición, que en tales condiciones se vería bien, dinámica y animada.
Después de hablar con el equipo del cliente e identificar sus preferencias, el ilustrador se sumergió en los hackatones para capturar el estado de ánimo y encontrar detalles visuales que pudieran capturarlo. Para ello, estudió muchas fotografías de hackatones reales con el fin de desarrollar personajes y objetos que dieran una imagen clara del evento. El equipo del cliente proporcionó un moodboard y una gran cantidad de información para capturar la esencia de los hackatones. Los hackatones crean una atmósfera única que combina alta tecnología e innovación con enfoques tradicionales para la resolución de problemas complejos y pruebas de hipótesis, diseño y programación, lógica comprobada con experimentación etérea, seriedad con diversión, trabajo en solitario con colaboración. mando. Empuja los límites, lo que permite a los participantes descubrir nuevas ideas y soluciones inusuales, así como descubrir las posibilidades ocultas de sus mentes. Esto es exactamente lo que quería reflejar en el conjunto de ilustraciones-héroes: no solo atraían la atención de los visitantes del sitio, sino que también eran informativos y representaban una especie de historia. Gracias a la gran cantidad de información y la discusión detallada, el ilustrador recibió un poderoso impulso para encontrar rápidamente el estilo y la línea de comunicación visual correctos a través del arte con los visitantes del sitio, lo que ayudó a construir un flujo de trabajo claro y eficiente.
Además, las ilustraciones podrían complementar de manera efectiva la naturaleza internacional de este tipo de eventos, representados por una amplia variedad de personajes humanos, por lo que el equipo creativo puso mucha atención y esfuerzo en mostrar la diversidad de apariencias, personalidades y nacionalidades. Para lograr una representación clara de cada personaje, el equipo creativo desarrolló la narrativa detrás de cada personaje como una pequeña parte de la historia que cuenta quiénes son, de dónde vienen, qué hacen y qué los hace especiales.
El conjunto final de imágenes incluyó cuatro artes organizadas junto con el cambio de fases diarias y las fases de hackathon, respectivamente. Echa un vistazo al paquete junto con las miniaturas a continuación.
Mañana
La ilustración de la mañana muestra la fase de registro cuando los asistentes se reúnen en el espacio del evento. Aquí verás una variedad de personajes, algunos durante el proceso de registro, mientras que otros se toman selfies, duermen la siesta después del vuelo, para no perder ni un minuto de espera. El artista utiliza varias tomas pictóricas para hacer que la pintura sea más profunda y rica, permitiendo que los visitantes se interesen en los detalles.
Tarde
La siguiente figura muestra el día cuando el hackatón se encuentra en su fase creativa activa. Aquí, todos los personajes están inmersos en el proceso: algunos trabajan en sus computadoras portátiles, mientras que otros prueban dispositivos, comparten ideas y generan ideas juntos.
Aquí hay un fragmento de screencast para darle una mirada más profunda al proceso creativo.
Noche
La ilustración nocturna refleja la etapa de discusión y presentación de resultados creativos.
Noche
La ilustración nocturna es más relajada y muestra el ambiente después de la fiesta. Los indicios de dispositivos conectados para cargar baterías reflejan la necesidad de recarga de los participantes del hackatón.
Por lo tanto, es fácil ver que el conjunto de ilustraciones es una parte integral de una narración visual en capas con una amplia variedad de personajes y detalles, unidos por coherencia visual e integrados armoniosamente en el diseño de la página de inicio.
Otro factor al que se debe prestar atención al crear uniformidad e integridad en todo el conjunto de imágenes son los pequeños detalles menores: puede encontrar mascotas como un gato y un perro que agregan diversión y simpatía a la atmósfera, drones y cables de dispositivos, numerosos adhesivos. en portátiles, incluyendo una pegatina con la marca Devpost, juguetes de mascotas que algunos miembros llevan consigo, mochilas con insignias, ropa y zapatos típicos, etc. Las ilustraciones buscaban mostrar diferentes estilos de trabajo (solos o juntos, extrovertidos y de comunicación (offline y , escenificando personajes, que es una seña de identidad de cualquier hackatón. Aquí encontrarás personas sentadas y de pie en todas las posiciones posibles. Además, encontrará indicios de respeto por el medio ambiente, indicios de juegos y ciertos rasgos de carácter. Todos los detalles recopilados de fotos de hackatones reales anteriores permiten a los visitantes verse en los personajes de las ilustraciones. Eche un vistazo más de cerca a continuación.
Al trabajar en los gráficos, el ilustrador tuvo que tener en cuenta la versión móvil del sitio, y rápidamente quedó claro que se necesitaba un conjunto diferente de ilustraciones debido a las proporciones completamente diferentes. Las capturas de pantalla a continuación muestran que, si bien mantuvo una fuerte consistencia visual con las imágenes web, la adaptación móvil requirió diferentes composiciones, selección de detalles mayores y menores, combinaciones de primer plano y fondo, y poses de personajes.
Otro breve video screencast le permitirá sumergirse en el proceso creativo de la adaptación móvil de obras de arte.
Este caso fue un gran ejemplo de meticulosa creatividad en el concepto de ilustraciones de personajes, apoyada en una estrecha y fructífera comunicación con el equipo del cliente para conseguir el máximo detalle posible y proporcionar un resultado lleno de detalles interesantes y una atmósfera cautivadora.
Próximamente nuevos estuches de diseño de nuestro equipo. ¡Manténganse al tanto!
Aquí hay otro conjunto de estudios de casos que hablan sobre decisiones de diseño y enfoques de algunos de los proyectos de diseño realizados por el equipo de Tubik.
OOP. Diseño de identidad corporativa para un mercadillo online
Carricare. Diseño de identidad y UX para un servicio de entrega seguro
Otozen. Diseño de aplicaciones móviles para una conducción segura
diseño de página de destino uni para servicio fintech
Uplife. Diseño de identidad corporativa para la app Salud
Bitcoins reales. Creación de ilustraciones para sitios web.
Culpar. Ilustraciones para el sitio web Wine Service
Bennet. Identidad y diseño del sitio web de la marca Tea
Pásalo. Diseño de página de destino para la aplicación de entrega.