Santander ArTeMs

Traduzindo em um site a experiência de visita a uma exposição de arte urbana com 30 artistas e 90 obras no aniversário de 467 anos da cidade de São Paulo.

Os caixa-eletrônicos (ATMs) não são lá estruturas muito poéticas. Apesar de trazerem praticidade ao dia-a-dia, eles representam uma face mais pragmática e fria do viver urbano. No aniversário dos 467 anos da cidade de São Paulo, o Santander quis utilizar justamente essas máquinas para trazer um pouco de cor ao cotidiano dos paulistanos.

Em uma ação ao estilo CowParade, o banco convidou 30 artistas para customizarem 90 caixas-eletrônicos pelos quatro cantos da cidade. Em meio à pandemia de COVID-19, que afastava as pessoas das agências bancárias, coube ao time de Meeg produzir uma galeria digital que mostrasse a exposição ao grande público sem desrespeitar as medidas sanitárias.

Telas inicias do site

A pesquisa

Mas como traduzir em um site a experiência de visita a uma exposição? Nós fomos pesquisar como isso vinha sendo feito ao redor do mundo e encontramos em sites de museus e em grandes arquivos de arte a inspiração perfeita para executar o trabalho.

Em paralelo a isso, fomos estudar os manuais de recomendação que o Santander aplica a produtos digitais como aplicativos e hotsites promocionais. A ideia era criar um museu digital que tivesse uma cara especial o suficiente para apresentar a exposição, mas ao mesmo tempo pudesse ser vista e percebida como uma extensão da marca que assinava o evento.

Mas como traduzir em um site a experiência de visita a uma exposição? Nós fomos pesquisar como isso vinha sendo feito ao redor do mundo.

A galeria de arte do Internet Archive mostra algumas informações prévias da obra já na listagem, como nós. Isso faz o usuário saber melhor no que está clicando, e depois apresenta uma interna da obra dividida em duas faixas, onde o cabeçalho mostra a obra em si, e a parte branca do corpo mostra informações gerais sobre a obra.

Internet Archive Tela interna do site

Analisando outros sites de acervo encontramos duas referências que acabaram sendo muito importantes para os desdobramentos visuais do projeto, são eles o Google Arts & Culture e o site do Museu do Louvre. A ideia da responsividade dos mosaicos da home do Santander ArTeMS foram inspirados pela UI e UX do Google e as diagramações de texto, pela forma como o site do Louvre descreve suas exposições.

Tela do Google Arts e Culture Tela site Museu do Louvre
Guia visual Santader

Além das referências externas, o manual de marca do Santander foi um dos principais norteadores do projeto, já que toda ação rodava dentro de uma página interna do banco, mantendo padrões visuais que tornassem a navegação o mais fluída possível.

Gerando uma identidade própria

Tela com prévia das obras dos artistas Tela com listagem dos nomes dos artistas

Em parceria com a agência Suno, que assina a autoria dos materiais gráficos da ação, criamos um site valorizava a diversidade de cores, texturas e materiais proporcionada pelo amplo casting de artistas, embalando tudo isso com as cores, as tipografias e as famílias de ícones características do Santander.

Para completar a experiência de visitação à exposição digital, fizemos com que as informações de obras sempre viessem acompanhadas de informações sobre o artista que a executou. Saber mais sobre os artistas e sobre a sua biografia oferecia contexto à ação e ajudava a conectar as artes à cidade.

Interface do sistema

Integração Google Maps

Com muita gente não podendo ir às agências por conta da pandemia, era preciso criar algum recurso que trouxesse um pouco de regionalidade à exposição digital, afinal, a cidade de São Paulo era o grande cenário para aquilo tudo.

Inspirados pela história do menino que decidiu viajar o mundo através do Google Street View, resolvemos trazer o mapa da cidade de São Paulo para a história. Através de uma integração com o Google Maps, cada arte instalada em diferentes pontos da cidade virava um pequeno ponto no mapa digital exibido no site, o que permitiu reforçar a cidade de São Paulo como cenário da arte urbana e demonstrar ao público visitante a abrangência geográfica da ação.

Tela de mapa no sistema

Tracking de mídia

Todo produto digital publicado pelo Santander precisa contribuir com a política de aquisição de dados da companhia, e com o site do Santander ArTeMs não foi diferente.

Em parceria com a equipe que coordena as ações de mídia e dados de tráfego digital do Santander, o site foi todo configurado para entregar dados minuciosos sobre as visitações que receberia. Através de códigos implantados pelo time de Meeg, foi possível rastrear as visitações e o comportamento do usuário na exposição digital, transformando isso em dados de comportamento do usuário a serem utilizados futuramente por outras ações da marca.

Mapa de calor no site Mapa de calor no site

Alimentação do site

Como a ação era comemorativa ao aniversário de São Paulo, todos os caixas-eletrônicos receberiam a intervenção dos artistas na madrugada do dia 24 para o dia 25 de janeiro. Coordenados pela equipe da Vista, que produziu a parte física da ação, os artistas realizariam as instalações; em seguida, essas instalações seriam fotografadas e enviadas ao time de Meeg, que trataria as fotos e as aplicaria no site, que já estava pronto à espera das artes.

Em uma ação conjunta entre artistas, produtores, designers e programadores, 90 obras de 30 artistas diferentes foram colocadas no ar enquanto a cidade de São Paulo dormia, para que tanto as agências quanto o site estivessem prontos para as comemorações quando o sol chegasse.

© 2021 Meeg Lab Entretenimento e Tecnologia Ltda. CNPJ: 25.065.983/0001-75.