RELATÓRIO DO PROJETO 1003 "EI! AQUI TEM ARTE"

MEMORIAL G2 DSG 1003 - 2019.1 BÁRBARA FROES ISADORA VALENTE JHESSIKA ALVES MARIA CLARA ZOBARAN ORIENTADORAS: EVELYN GRUMACH BARBARA CASTRO

CONCEITO DO PROJETO O EI! AQUI TEM ARTE é um projeto de incentivo à cultura sem fins lucrativos financiado pela Prefeitura do Rio de Janeiro, pautado no mapeamento de 47 centros culturais cariocas.

Os objetivos do projeto são estimular o desenvolvimento cultural e social daqueles que moram e/ou visitam a cidade, bem como promover visibilidade aos centros de arte e cultura locais. Para isso, atua por meio de cinco suportes de divulgação e apoio ao usuário: Aplicativo, Site, Passaporte físico e digital, Cartazes e Sinalização Pública.

Além disso, o projeto foi realizado levando em conta a multiplicidade do público, já que temos o intuito de abranger todos aqueles que possuem curiosidade e interesse sobre a arte.

SIMILARES

Com o conceito do projeto fechado, a próxima etapa do desenvolvimento foi a de pesquisa.

Para isso, intensificamos buscas relativas a projetos similares ao nosso, para servir de inspiração não apenas nas representações visuais, mas também de informação.

SIMILARES AO PROJETO

“A proposta do projeto é mapear e divulgar as principais manifestações culturais dos 92 municípios do Rio de Janeiro, realizado pela Secretaria de Estado de Cultura, com patrocínio da Petrobras, e coordenação e conteúdo da agência Diadorim Ideias.” http://mapadecultura.rj.gov.br/

“Um portal de conteúdo especializado com o objetivo de facilitar o acesso do interessado aos diversos locais onde encontrase a manifestação artística em suas diversas formas, profissionais relacionados as diversas áreas correlatas, bem como divulgar artigos, ensaios, entrevistas e resenhas de colaboradores, pesquisadores, marchands, artistas e demais participantes do mercado de arte.” http://mapadecultura.rj.gov.br/

Um site e aplicativo de celular com mapeamento dos principais espaços culturais de Belo Horizonte: museus, bibliotecas, cinemas, centros culturais, teatros e galerias de arte – de todas as regiões da capital mineira. A partir deste mapa, o cidadão belo-horizontino poderá usufruir da oferta cultural da cidade de outra maneira, É uma forma de se redescobrir a cidade que habita. https://www.santaterezatem.com.br/

LOGOTIPO

ESTUDOS INICIAIS Bárbara Froes

“Em um primeiro momento, meus estudos de logotipo se pautaram na representação dos centros culturais já na própria identidade visual do projeto: como uma espécie de “mosaico” ilustrado dos centros culturais, que poderiam ser apresentados graficamente de diferentes formas. Mas achei que, dessa forma, o mapa pudesse não se integrar tão bem à proposta pela enorme quantidade de informações.

Já em um segundo momento, optei por estudar componentes gráficos do GPS como icon/pin, setas e tracejados, já que estão diretamente ligados ao nosso conceito (mapeamento de museus, aplicativo, etc. Busquei explorar bastante as suas formas, inclusive digitalmente.”

ESTUDOS INICIAIS Isadora Valente

“O começo dos meus estudos em relação aos logos do Ei! Aqui Tem Arte, consistiram em: traços, negativos, rabiscos, balões, exclamações, caixas baixa e alta e etc. Nesse inicio, eu estava buscando representar movimento e fluidez nas palavras.”

ESTUDOS INICIAIS Jhessika Alves

“Meus estudos iniciais para a construção do logo ‘Ei! Aqui Tem Arte’ foram voltados pra uma tentativa de brincar com tipografia e simbolo de gps e/ou ateção afim de que Logotipo ganhasse um destaque no meio urbano do Rio de Janeiro.”

ESTUDOS INICIAIS Maria Clara Zobaran

ARTE

ARTE

ARTE “Com o objetivo de incentivar a cultura brasileira, desenvolvemos o projeto ‘ei! aqui tem arte’ - chamativo e instigante, buscando conquistar os moradores e turistas do Rio. O “Ei!” estava presente no meu trabalho da g1, e escolhemos mante-lo para a g2, mas aprimorando a frase “ei! tem arte por perto” para “ei! aqui tem arte, como o projeto envolve o mapeamento dos centros culturais do Rio de Janeiro, e utiliza o GPS, comecamos pesquisando simbolos presentes em mapas, mas o unico que parecia encaixar lembrava muito o balão do Oi Futuro, o que nos fez abandonar a ideia do simbolo. Testamos setas e caminhos, e por fim, escolhemos trabalhar na exclamação do ‘ei’, trazendo energia para o nome, a partir daí fomos testando diferentes layouts e comparando entre nós, até chegarmos ao logotipo final.”

DESENVOLVIMENTO Estudos de Forma - Barbara Froes

DESENVOLVIMENTO Estudos de Tipografia

DESENVOLVIMENTO Estudos de Layout

!

VERSÃO FINAL

EI

EI

POSITIVO E NEGATIVO

EI

EI

TIPOGRAFIA

A escolha da família de fontes tipográficas Futura pautou-se no fato de serem fontes sem serifa e essencialmente geométricas, transmitindo os valores de objetividade e informalidade intencionais da linguagem do projeto.

Para o logotipo, a fonte escolhida foi a Futura Condensed ExtraBold, por ser grossa e impactante, além de facilitar a representação de nosso logotipo em formato retangular e com traços retos.

Já para as peças gráficas suportes do Projeto, são utilizadas variações de peso das fontes da família Futura, tais como a Futura Regular, Futura Medium, Futura Bold e Futura Condensed Medium. Esse posicionamento a respeito da utilização de apenas uma família tipográfica em diferentes pesos está ligado à elaboração de uma hierarquia visual nas peças gráficas, mantendo a unidade visual em todo o projeto.

TIPOGRAFIA FUTURA Futura Regular

Futura Condensed Medium

abcdefghijklmnopqrstuvxwyz ABCDEFGHIJKLMNOPQRSTUVXWYZ 0123456789

abcdefghijklmnopqrstuvxwyz ABCDEFGHIJKLMNOPQRSTUVXWYZ 0123456789

Futura Medium

FUTURA CONDENSED EXTRABOLD

abcdefghijklmnopqrstuvxwyz ABCDEFGHIJKLMNOPQRSTUVXWYZ 0123456789

abcdefghijklmnopqrstuvxwyz ABCDEFGHIJKLMNOPQRSTUVXWYZ 0123456789

Futura Bold abcdefghijklmnopqrstuvxwyz ABCDEFGHIJKLMNOPQRSTUVXWYZ 0123456789

PALETA DE CORES

A paleta de cores do projeto se desenvolveu por meio da realização dois estudos de cor (um individual e um em grupo), orientados pelo professor Cláudio Werneck.

O exercício individual consistia na escolha de cores a partir dos três conceitos principais do projeto (multiplicidade, urbanidade e informalidade). Os critérios utilizados foram: associações intuitivas, referências externas e referências da literatura/natureza.

Ao final dos resultados individuais, filtramos as cores semelhantes de cada estudo e montamos uma paleta de cores base. Fizemos alterações de saturação e matiz nesta paleta base e chegamos ao resultado pretendido.

PALETA DE CORES Isadora Valente

PALETA DE CORES Barbara Froes

CONCEITOS

MULTIPLO

URBANO

INFORMAL

ASSOCIAÇÃO

REFERÊNCIAS

LITERATURA/ NATUREZA

RESULTADOS

PALETA DE CORES Jhessika Alves

PALETA DE CORES FINAL R: 192 G: 31B: 24 C: 17 M: 99 Y: 100 K: 8

R: 241 G: 171 B: 59 C: 4 M: 36 Y:88 K: 0

R: 255 G: 255 B: 255 C: 0 M: 0 Y: 0 K: 0

R: 2 G: 109 B: 156 C: 91 M: 53 Y: 20 K: 2

R: 219 G: 101 B: 39 C: 10 M: 73 Y:100 K: 1

R: 124 G: 125 B: 125 C: 53 M: 44 Y:44 K: 9

R: 63 G: 47 B: 89 C: 10 M: 73 Y: 100 K: 1

R: 0 G: 0 B: 0 C: 0 M: 0 Y: 0 K: 100

Optamos por uma paleta principal viva e ampla (5 cores) justamente por remeter aos conceitos de urbanidade (pela necessidade de chamar atenção quando no espaço público), informalidade e multiplicidade do projeto. Além disso, o número de cores coincidiu com as informações principais de nossas peças gráficas: os centros culturais, o mapa, a agenda, o perfil e o passaporte. Por isso, designamos atribuir uma cor para cada informação: vermelho para os centros culturais, laranja para o mapa, amarelo para a agenda, roxo para o perfil e azul para o passaporte.

PALETA DE CORES SECUNDARIA R:161 G: 29 B: 36 C: 29 M: 100 Y: 96 K: 20

R: 44 G: 43 B: 43 C: 70 M: 64 Y: 63 K: 65

R: 251 G: 213 B: 164 C: 1 M: 17 Y: 38 K: 0

R: 173 G: 224 B: 240 C: 29 M: 0 Y: 4 K: 0

R: 250 G: 180 B: 155 C: 0 M: 35 Y: 35 K: 0

R: 146 G: 131 B: 190 C: 45 M: 50 Y: 0 K: 0

R:191 G: 42 B: 39 C: 18 M: 97 Y: 99 K: 7

R: 124 G: 125 B: 125 C: 53 M: 44 Y: 44 K: 9

R: 253 G: 190 B: 100 C: 0 M: 28 Y: 70 K: 0

R: 125 G: 197 B: 225 C: 48 M: 6 Y: 6 K: 0

R: 246 G: 241 B: 100 C: 0 M: 35 Y: 35 K: 0

R: 107 G: 88 B: 166 C: 68 M: 75 Y: 0 K: 0

R:232 G: 67 B: 68 C: 3 M: 89 Y: 76 K: 0

R: 158 G: 158 B: 159 C: 41 M: 33 Y: 33 K: 0

R: 210 G: 145 B: 57 C: 17 M: 46 Y: 91K: 1

R: 37 G: 136 B: 176 C: 81 M: 35 Y: 18 K: 0

R: 217 G: 101 B: 39 C: 10 M: 73 Y: 100 K: 1

R: 83 G: 64 B: 143 C: 82 M: 89 Y: 7 K: 1

R:232 G: 67 B: 68 C: 3 M: 89 Y: 76 K: 0

R: 196 G: 196 B: 196 C: 23 M: 18 Y: 19 K: 0

R: 177 G: 124 B: 48 C: 27 M: 51 Y: 96 K: 9

R: 10 G: 82 B: 111 C: 95 M: 63 Y: 38 K: 19

R: 175 G: 73 B: 37 C: 22 M: 82 Y: 100 K: 13

R: 56 G: 43 B: 81 C: 84 M: 88 Y: 39 K: 36

ELEMENTOS GRÁFICOS DE APOIO

ELEMENTOS GRĂ FICOS DE APOIO Para a composicao da identidade visual, incluimos elementos como ilustracoes de centros culturais e uma malha urbana, deixando o projeto mais flexivel em relacao a seus layouts, assim, exploramos variacoes de escala para os elementos, usamos sangrando, cortados, ou inteiros.

APLICATIVO

O Aplicativo EI! AQUI TEM ARTE, é um app responsivo e é uma peça–síntese do Projeto, já que une o mapeamento dos centros culturais cariocas às localizações individuais do público.

Para tanto, possui como página principal um mapa automático, que informa os centros culturais mais próximos ao usuário, bem como a distância, o tempo de duração e a rota detalhada até o ponto escolhido. A tecnologia funciona da seguinte forma: os dados de localização das ruas e centros culturais são captados via satélite e são enviados para os programas de GPS, presentes nos dispositivos móveis. Para isso, o aplicativo possui uma parceria com o serviço de visualização de mapas via satélite da empresa Google, o Google Maps, e com os órgãos públicos brasileiros, permitindo unir a figuração das ruas e rodovias e as condições de trânsito em tempo real, juntamente aos seus respectivos pontos finais.

Conta também com uma adaptação digital do passaporte físico do projeto, para que assim os usuários possam levar as lembranças das suas exposições favoritas no próprio celular.

REFERÊNCIAS Layout do Aplicativo

https://uxdesign.cc/forget-consumers-think-people-dd4c33c0ba3e

https://dribbble.com/shots/5489447-MNW-mobile

h t t p s : / / w w w. b e h a n c e . n e t / g a l l e r y / 8 1 8 1 1 2 6 7 / M o u n t a i n - B l o g ? t r a c k i n g _ source=search%257Cinterface%2Bde%2BsiteMountain

Como o projeto possui um público alvo muito amplo, procuramos analisar quais layouts já existente, funcionam e que se adequariam aos conceitos do nosso projeto priorizando um layout fácil e intuitivo para o usuário. Dentre as referências que coletamos, essas foram as mais importante, pois conseguimos estudar um layout com hierarquia clara entre texto em imagem, sabendo que imagem seria um recurso gráfico muito utilizados no Site e Aplicativo.

ESTUDOS INICIAIS Maria Clara Zobaran

EI!

EI!

arte

arte

EI! EI! arte

arte

EI! EI! arte

arte

“Testamos usar o “ei!” como chamada principal do aplicativo, e comecamos a pensar na malha urbana como elemento presente em nossa identidade”

ESTUDOS INICIAIS Barbara Froes

EI

EI

EI

EI

A proposta inicial para a tela 1 do aplicativo possibilitando uma costumização da cor.

EI

DESENVOLVIMENTO

Menu

Opção 01 - “hamburguer” mais utilizados nos apps atuais

Opção 02 - barra inferior mais intuitivo, porém atrapalaharia visualização de uma parte do mapa

Estudo mais próximo ao nosso resultado final

DESENVOLVIMENTO Páginas de Conteúdo

Nas páginas de Centros Culturais, onde tem um breve resumo sobre e sua agenda de eventos, estudamos colocar um recurso em que, caso o usuário construa um interesse de visitar o museu, o aplicativo trace a rota maia rápida para o Centro Cultural desejado.

DESENVOLVIMENTO Perfil

DESENVOLVIMENTO Perfil

A partir da maturação do projeto, fomos identificando que um layout mais clean conversaria mais como a nossa identidade e proporcionaria um maior conforto, sem tornar a leitura e/ou seu uso prolongado cansativo para os usuários dos nosso aplicativo.

PLATAFORMA DIGITAL

O Site do projeto é uma plataforma responsiva, que foi pensado para proporcionar interatividade de maneira intuitiva, com o objetivo de facilitar seu acesso para todo o público, até mesmo para aqueles que não possuem familiaridade com a navegação em sites. Nele, é possível encontrar informações sobre os os centros culturais, passaporte, a agenda de eventos e o perfil do usuário, além de um pouco sobre o projeto EI! AQUI TEM ARTE.

DESENVOLVIMENTO Página Inicial

Para o site do Ei! Aqui Tem Arte, buscamos proporcionar ao usuário uma navegação interativa e divertida afim de engajar-lo cada vez mais ao projeto. Concentramos a maior parte da interatividade na página inicial onde encontra-se o “menu”, em que utilizamos ilustrações representativas de centros culturais como elementos gráficos base. A partir disso, começamos a estudar como os elementos que integrariam a página inicial conversariam de maneira que gerasse uma harmonia visual.

Estudamos questões como o logotipo se encaixaria dentro do layout, se manteríamos ou não a malha do mapa (um do nossos elementos gráficos de apoio na página inicial), e acima de tudo como construir um layout intuitivo.

DESENVOLVIMENTO Centros Culturais

PASSAPORTE

O Passaporte é uma peça colecionável e com grande valor emocional. Este contém informações como os Centros Culturais conveniados, seus endereços, horários de funcionamento e contatos. Possui também uma área designada a carimbos e anotações, onde o usuário pode colar ingressos, fotos, ou quaisquer outros elementos que sirvam como lembrança das experiências vividas durante a visita. Seu objetivo é incentivar as pessoas a conhecer os centros culturais do Rio, trazendo benefícios de acordo com a quantidade de exposições e/ ou centros culturais visitados, como entradas gratuitas e descontos.

Essa peça possui dois formatos: um físico e outro digital. O passaporte físico poderá ser retirado no centro cultural conveniado mais próximo. Já o virtual, encontra-se no nosso app EI! AQUI TEM ARTE.

PASSAPORTE

EI

AQUI

TEM

ARTE

PASSAPORTE

SINALIZAÇÃO PÚBLICA

A sinalização é mais um suporte de divulgação do projeto. Este suporte, por sua vez, encontrase no chão e é materializado por meio da colocação de um conjunto de peças: pegadas e pequenos avisos no piso de estações de metrô (localizadas próximo aos centros culturais conveniados ao projeto). O público, ao sair do metrô, irá se deparar com as pegadas, que traçam rotas desde o piso do vão do metrô, até o piso das saídas, passando pelo Cartaz explicativo do projeto, bem como por avisos indicativos dos centros culturais mais próximos, juntamente ao tempo até chegar lá. Além disso, há também a colocação de peças com o logotipo do projeto em frente aos centros culturais conveniados.

As peças de sinalização têm como intuito suscitar a curiosidade das pessoas que passam por ali. Afinal, como dito em nosso slogan, o Ei! Aqui tem Arte traz os centros culturais a um passo de você.

SINALIZAÇAO PÚBLICA

“Escolhemos apresentar tanto o cartaz quanto a sinalização em mock ups, deixando as peças em escala e contextualizando o projeto, a fim de traze-lo o mais próximo da realidade possivel”

CARTAZ

O Cartaz é um suporte de divulgação do projeto, distribuído pelos pontos de ônibus e estações de metrô próximos aos Centros Culturais da cidade, informando, de forma resumida, quais as plataformas do projeto. O objetivo por trás desta peça gráfica, é instigar a curiosidade da população acerca do projeto e, com isso, procurar conhecer as plataformas disponíveis.

COMENTÁRIOS

BÁRBARA FROES A conceituação do “Ei! Aqui tem Arte” se desenvolveu a partir do projeto concebido por mim e pela Maria Clara na G1, o “Ei, tem arte por perto”. O conceito se manteve muito parecido, já que o grupo havia gostado da nossa proposta anterior e topou continuar e aprimorar a partir de onde paramos.

Pensando na nova demanda de um sistema maior, substituindo os 3 cartazes da G1 por 5 peças gráficas, fizemos uma nova identidade visual para o projeto, além de alguns ajustes em brainstorming como revisão de conceitoschave e do público-alvo, novo naming, escolha da paleta de cor, etc.

Com a identidade visual já aprovada e definida pelo grupo, dividimos os encargos de cada uma e partimos para a mão na massa.

Ao longo do processo, elaborei os primeiros layouts do aplicativo, pesquisei conteúdo para as peças (selecionei os centros culturais para convênio e suas respectivas informações, o conteúdo da agenda e as fotos dos centros culturais e das exposições). Fiquei responsável pela peça gráfica do aplicativo, portanto montei e prototipei todo o aplicativo e gravei o seu protótipo e também o do site para a apresentação em sala. Também elaborei junto à Maria Clara a 5ª peça gráfica, a Sinalização Pública, antes comentada com o grupo.

O desenvolvimento desse projeto foi muito enriquecedor para mim, pois tive a oportunidade de aprender um novo software (o Adobe XD), além de ter aprimorado o meu olhar para a unidade visual em sistemas, e ampliado as minhas referências, sobretudo pelas aulas dos professores colaboradores. Como fui eu quem realizou a pesquisa acerca do conteúdo, também me atualizei e aprendi muito sobre a cultura do Rio em si, o que foi muito gratificante (e importante! :)

ISADORA VALENTE No projeto Ei! aqui tem arte, tive a oportunidade de aprender e desenvolver algumas das habilidades que nunca havia experimentado antes.

Com isso, ao realizar o cartaz pude ver o quanto os exercícios anteriores me auxiliaram para realizar nossa peça gráfica. Pude experimentar, diversificar e apurar meu olhar em relação aos layouts.

O desenvolvimento da nossa marca foi cansativo mas gratificante, nós como grupo nos esforçamos para ver a o Ei! Aqui Tem Arte ganhar forma.

Por fim, o DSG 1003 não só trouxe bons ensinamentos mas também grandes conquistas. Sinto que o nosso projeto representou a ideia inicial muito bem e nos fez superar alguns desafios. Assim, termino o projeto satisfeita com o resultado das nossas peças e feliz pela trajetória percorrida.

JHESSIKA ALVES Participar dessa G2 específicamente, foi uma experiencia interessante. Tive a oportunidade de me desenvolver e aprender novas tecnicas e ferramentas de trabalho, contudo aprendi também a superar o meu limites.

Desenvolver um sistemas gráfico de identidade visual é algo muito complexo e que requer muita dedicação. Foi muito prazeroso trabalhar em uma peça que nunca havia desenvolvido antes, como o site. Com ele pude aprender a mexer o Adobe XD, hierarquia visual e proporção de tela, pude aprender maisd de leyouts.

Como eu havia dito antes, esse projeto foi especialmente feito para nos desenvolvermos não somente como profissionais, mas tamém como pessoas dentro de uma equipe, sabendo interpertar os limites e habilidades dos outros e assim somar forças.

MARIA CLARA ZOBARAN A nossa G2 de projeto foi a continuação e aprimoramento da nossa ideia para a G1, conceituada por mim e pela Bárbara. O grupo da gostou da ideia e escolhemos trabalha em cima dela dela, mas o que antes eram 3 cartazes, viriam a ser 5 peças gráficas. Desenvolvemos uma nova identidade visual juntas, e dividimos nossas tarefas após a identidade ter sido aprovada pelo grupo. Fiz o início de desenvolvimento do aplicativo e layouts que estariam presentes nas peças gráficas, como a malha urbana. Depois desenvolvi as ilustrações dos centros culturais apresentados nas nossas peças, e fiquei responsável pelo passaporte. Tudo o que fazíamos apresentávamos para o grupo opinar, e assim melhoramos cada peça. Após terminar arquivo do passaporte, imprimi e montei ele físico, além de passar para a versão do aplicativo junto com a Bárbara. Passaporte terminado, desenvolvi a 5a peça com a Bárbara, previamente comentada com o grupo. Fiz os layouts e os mock-ups da mesma, além de fazer a sinalização em sala de aula. Fiz os mock-ups para do cartaz e montei a apresentação final, com o conteúdo feito pelo grupo.

O Projeto foi super interessante de desenvolver! Pela primeira vez pensei em layouts para plataformas digitais e estou aprendendo a usar o XD (!!!!!!!) e sinto que meu olhar está muito mais aguçado em relação a analise e layouts de peças gráficas.

BIBLIOGRAFIA

BIBLIOGRAFIA

LEIVA, João; MEIRELLES, Ricardo. Cultura nas capitais: como 33 milhões de brasileiros consomem cultura e arte. 1a edição. São Paulo: 17 Street, 2018. Disponível online em: <https://static.poder360.com.br/2018/07/10810_Livro_Web.pdf> https://www.nexojornal.com.br/expresso/2018/07/25/O-que-esta-pesquisa-revela-sobreo-acesso-à-cultura-no-Brasil http://cultura.rj.gov.br/lei-de-incentivo-a-cultura/ Datafolha Instituto de Pesquisas. Hábitos culturais dos cariocas: População residente no Rio de Janeiro com 12 anos ou mais. 2013. Disponível online em: <http://www.rio.rj.gov.br/ dlstatic/10112/4478506/4113215/HabitosCulturaisCarioca.pdf>