Você está na página 1de 25
gallery of art and interactivity
gallery of art and interactivity

DOCUMENTAÇÃO - GAI

gallery of art and interactivity
gallery of art and interactivity

Documentação

DOCUMENTAÇÃO - GAI

Introdução

Este documento tem como objetivo apresentar todo o processo de planejamento, criação e produção do

projeto final do 3º semestre do curso de Interface Digital

do Centro Universitário Senac. O projeto foi implementado pela disciplina “Projeto Informar Compartilhar e Armazenar” e contou com a integração de todas as disciplinas do semestre.

Sumário

Briefing

1

Solucionando

.........................................................

2

Proposta

................................................................

3

Etapas de Produção

Pesquisa 4 ................................................................ Conteúdo 6 .............................................................. Arquitetura da informação 9 ........................................

Wireframe 10 ............................................................ Criação da Marca 11 .................................................. Layout 14 ................................................................. Pesquisa de contéudo 15 ............................................ Acessibilidade 16 ......................................................

Mídia Offiline

Proposta

..............................................................

17

Especificações

18 ......................................................

Localização

.........................................................

20

Créditos 21 ..............................................................

1

1 Briefing O briefing proposto pelos professores foi criar uma mídia online e uma mídia offline
1 Briefing O briefing proposto pelos professores foi criar uma mídia online e uma mídia offline

Briefing

O briefing proposto pelos professores foi criar uma mídia online e uma mídia offline dentro do tema:

“Cidade do Futuro”.

DOCUMENTAÇÃO - GAI

2

Solucionando

Após um brainstorm que incluiu desde anomalias genéticas até um site de criação do seu próprio parceiro sexual, optamos por um tema mais próximo ao nosso conhecimento para facilitar e potencializar o desenvolvimento do conteúdo. Em um primeiro momento escolhemos a área da arte urbana por estar conectado diretamente à cidade e por ser um tema visualmente bom de se trabalhar.

Partindo dessa idéia começamos a desenvolver melhor a proposta e optamos por abranger mais nosso plano e trabalhar não diretamente com arte urbana mas com a arte em geral, dentro do cenário urbano. Acreditamos que futuramente a concatenação das áreas da arte, cidade e tecnologia será ainda mais explícita do que hoje em dia e por este motivo seria interessante pensar como será a relação dessas áreas no futuro.

DOCUMENTAÇÃO - GAI

3 Proposta
3
Proposta

GAI – Gallery of art and Interactivity

Galeria dinâmica e adaptável que procura explorar as possibilidades tecnológicas tanto na arte quanto na forma de exibição da mesma.

Composta de distintos espaços expositivos que carregam desde sua essência o uso do que há de mais novo na área tecnológica, as galerias estão espalhadas pelas principais cidades ao redor do globo mas mantém a conectividade entre si em tempo real assim como a conectividade entre o público, a arte e todas as galerias existentes.

O principal intento da galeria é promover o entendimento, a interação e imersão do público com a arte produzida e exposta dentro dos espaços físicos e digitais da GAI.

Objetivos GAI:

  • - Não apenas expor mas informar

  • - Trazer a participação do público

  • - Dar voz ao público

  • - Incentivar a arte e o conhecimento

  • - Expor o real significado das obras

  • - Explorar as possibilidades tecnológicas tanto na arte

Oquanto na exibição da mesma e as possibilidades de

Ointer-conexão com outros países

DOCUMENTAÇÃO - GAI

4 Etapas de Produção
4
Etapas de Produção

Pesquisa

Após a definição do nosso tema passamos a definir os

possíveis conteúdos e funcionalidades do site. Nossa primeira etapa foi procurar referências para fundamentação

e embasamento do projeto, para isso fizemos uma pesquisa

sobre museus e galerias já existentes, depois passamos a uma

pesquisa mais específica na qual cada integrante pesquisou

uma área distinta.

Pesquisas realizadas em um primeiro momento:

  • - Manifestações Populares

  • - Formas de manifestação

  • - Tecnologia para a construção da galeria (Materiais, Inovação, Novas plataformas)

  • - Tecnologias emergentes como plataforma para exibição

Odas obras

  • - Tendências artísticas e panorama da arte na sociedade

Ocontemporânea

  • - Tecnologia na arte

  • - Arte Eletrônica

*Segue em anexo a esse documento um resumo da pesquisa de cada integrante e a análise de similares.

4 Etapas de Produção Pesquisa Após a definição do nosso tema passamos a definir os possíveis
Análise de similares
Análise de similares

DOCUMENTAÇÃO - GAI

5 Etapas de Produção
5
Etapas de Produção

Pesquisa

5 Etapas de Produção Pesquisa Discussão e anotações da pesquisa DOCUMENTAÇÃO - GAI

Discussão e anotações da pesquisa

5 Etapas de Produção Pesquisa Discussão e anotações da pesquisa DOCUMENTAÇÃO - GAI

DOCUMENTAÇÃO - GAI

6

Etapas de Produção

Conteúdo

Nesta etapa reunimos nossa pesquisa e discutimos as possibilidades de conteúdo e ferramentas das mídias offline e online.

Primeiro esboço do conteúdo

Etapas de Produção Conteúdo Nesta etapa reunimos nossa pesquisa e discutimos as possibilidades de conteúdo e

DOCUMENTAÇÃO - GAI

7 Etapas de Produção
7
Etapas de Produção

Conteúdo

Em um primeiro momento optamos por dividir o site em quatro

seções, além da área privada do usuário.

Cada seção teria sua sub-divisão, após desenvolver mais

profundamente o projeto decidimos retirar algumas funcionalidades

por questões como limite de tempo e sobrecarregamento do

site.

Definição de seções e sub-seções

7 Etapas de Produção Conteúdo Em um primeiro momento optamos por dividir o site em quatro

DOCUMENTAÇÃO - GAI

8

Etapas de Produção

Conteúdo

Ao final desta etapa decidimos as seguintes funções e seções para nossa mídia online:

  • - Sobre nós:

    • - Objetivo do Projeto

    • - Tecnologia Utilizada

    • - Localização

  • - Exposições:

    • - Exposição em cartaz

    • - Participe

    • - Edicões Anteriores

  • - Conteúdo:

    • - Artigos / Matérias / Tutoriais

    • - Novidades

  • - Galeria Comunitária:

    • - Enviar Trabalhos

    • - Ver Trabalhos

  • - Área privada:

    • - Enviar trabalhos

    • - Criar galerias online

    • - Favoritar artístas, conteúdo ou obras

  • Definição de seções e sub-seções

    Etapas de Produção Conteúdo Ao final desta etapa decidimos as seguintes funções e seções para nossa

    DOCUMENTAÇÃO - GAI

    9 Etapas de Produção
    9
    Etapas de Produção

    Arquitetura da Informação

    9 Etapas de Produção Arquitetura da Informação DOCUMENTAÇÃO - GAI

    DOCUMENTAÇÃO - GAI

    10

    Wireframe

    Wireframe Etapas de Produção DOCUMENTAÇÃO - GAI

    Etapas de Produção

    Wireframe Etapas de Produção DOCUMENTAÇÃO - GAI

    DOCUMENTAÇÃO - GAI

    11

    Criação da Marca

    Nesta etapa trabalhamos na criação da marca e definição da

    paleta de cor.

    *Segue em anexo a esse documento o Manual da Marca com

    explicações detalhadas sobre essa etapa de produção.

    Etapas de Produção

    Estudo de cores

    Criação da Marca Nesta etapa trabalhamos na criação da marca e definição da paleta de cor.

    DOCUMENTAÇÃO - GAI

    12

    Criação da Marca

    Etapas de Produção

    Estudo de marca

    DOCUMENTAÇÃO - GAI

    • 1 3

    Etapas de Produção

    Criação da Marca

    1 3 Etapas de Produção Criação da Marca Estudo de marca Estudo de tipografia DOCUMENTAÇÃO -

    Estudo de marca

    1 3 Etapas de Produção Criação da Marca Estudo de marca Estudo de tipografia DOCUMENTAÇÃO -

    Estudo de tipografia

    DOCUMENTAÇÃO - GAI

    Layout

    • 1 4

    Começamos a produção do layout a partir dos wireframes,

    fazendo testes de usabilidade e as correções que julgamos

    necessárias.

    Layout 1 4 Começamos a produção do layout a partir dos wireframes, fazendo testes de usabilidade

    Exemplos do layout

    Etapas de Produção

    Layout 1 4 Começamos a produção do layout a partir dos wireframes, fazendo testes de usabilidade
    Layout 1 4 Começamos a produção do layout a partir dos wireframes, fazendo testes de usabilidade

    DOCUMENTAÇÃO - GAI

    • 1 5

    Pesquisa de Conteúdo

    Etapas de Produção

    Nessa etapa iniciamos a procura por conteúdos específicos

    para o site, como matérias, tutoriais, imagens e partimos para

    a criação das exposições fictícias e o conteúdo textual do

    site.

    Lista de conteúdo a ser preparado

    1 5 Pesquisa de Conteúdo Etapas de Produção Nessa etapa iniciamos a procura por conteúdos específicos

    DOCUMENTAÇÃO - GAI

    1

    6

    Acessibilidade

    Para garantir o acesso do maior número possível de pessoas

    independente de suas limitações pensamos em criar alguns mecanismos a fim de garantir o acesso por todos. Alguns dos elementos pensados foram: Possibilidade de mudança do tamanho da fonte na mídia online, filmes na língua

    de sinais para todo o conteúdo da mídia online, nomes nas

    imagens para garantir a eficiência dos programas de leitura de tela, rampa e elevador nas construções da mídia offline.

    Infelizmente, devido a falta de tempo não pudemos botar em

    prática a criação dos filmes nas línguas de sinais.

    Etapas de Produção

    1 6 Acessibilidade Para garantir o acesso do maior número possível de pessoas independente de suas

    Elevador em um GAI

    DOCUMENTAÇÃO - GAI

    • 1 7

    Proposta

    Nossa proposta para a mídia offline é a construção da galeria

    física. GAI funcionaria como uma rede de galerias presentes

    nos principais pólos de cultura do mundo sendo que em cada

    cidade estaria presente em três pontos específicos.

    Tomamos como um importante aspecto o fato de que apenas uma galeria na cidade limitaria o acesso e elitizaria o público. Fazendo alusão ao triângulo presente em nossa marca definimos que em cada cidade GAI deveria estar presente em pelo menos três pontos estratégicos delimitando uma área de difusão de cultura e conhecimento assim como propondo abranger diferentes públicos e espaços da cidade.

    Outro aspecto importante da GAI é a proposta de interação com o público, além de desenvolver aplicativos para celular que avisa o usuário quando ele se encontra próximo a uma GAI e informa qual é a exposição em cartaz e o que mais ele poderá encontrar na galeria, o aplicativo dá a possibilidade do usuário mandar mensagens, fotos ou vídeos para qualquer GAI e terá essa informação sendo projetada nas paredes da galeria ou em tubos informacionais.

    Mídia Offline

    1 7 Proposta Nossa proposta para a mídia offline é a construção da galeria física. GAI
    Fachada GAI Aplicativo GAI
    Fachada GAI
    Aplicativo GAI

    DOCUMENTAÇÃO - GAI

    • 1 8

    Especificações

    De uma maneira geral, toda galeria GAI deve conter:

    Sala de administração Sala de segurança Banheiros Loja Lanchonete Auditório Espaço para exposição

    Lounge para Interação real time

    Acesso para deficientes

    1 8 Especificações De uma maneira geral, toda galeria GAI deve conter: Sala de administração Sala

    Mídia Offline

    1 8 Especificações De uma maneira geral, toda galeria GAI deve conter: Sala de administração Sala
    1 8 Especificações De uma maneira geral, toda galeria GAI deve conter: Sala de administração Sala
    1 8 Especificações De uma maneira geral, toda galeria GAI deve conter: Sala de administração Sala
    1 8 Especificações De uma maneira geral, toda galeria GAI deve conter: Sala de administração Sala

    DOCUMENTAÇÃO - GAI

    1 9

    Mídia Offline

    9 Mídia Offline Fachada GAI Tubos Informacionais - Real Time DOCUMENTAÇÃO - GAI

    Fachada GAI

    9 Mídia Offline Fachada GAI Tubos Informacionais - Real Time DOCUMENTAÇÃO - GAI
    9 Mídia Offline Fachada GAI Tubos Informacionais - Real Time DOCUMENTAÇÃO - GAI

    Tubos Informacionais - Real Time

    9 Mídia Offline Fachada GAI Tubos Informacionais - Real Time DOCUMENTAÇÃO - GAI
    9 Mídia Offline Fachada GAI Tubos Informacionais - Real Time DOCUMENTAÇÃO - GAI

    Salas de imersão 3D

    DOCUMENTAÇÃO - GAI

    20

    Localização

    Mídia Offline

    Os locais foram pesquisados e escolhidos com base em

    Três pontos principais em atividade cultural de São Paulo:

    rankings de IDH e nos conceitos de cidade global.

    Parque do Ibirapuera; MASP; Estação da Luz.

    América Latina:

    Estes três pontos que contornam e agregam o centro principal

    São Paulo, Buenos Aires, México

    de atividade artística e econômica da cidade.

    América do Norte:

    O Parque do Ibirapuera é um local de intensa atividade cultural, onde localizam-se espaços como o MAM, o MAC e

    New York, Washington, Vancouver

    a Fundação Bienal; Os arredores do MAM, na Av. Paulista, que representa um centro

    Europa:

    financeiro e cultural significativo na cidade;

    London, Paris, Berlin, Venezia

    E o espaço da estação da Luz, onde encontram-se a Pinacoteca

    Ásia:

    do Estado e o Museu da Língua Portuguesa. A ligação entre esses três pontos abrangem o circuito principal

    Hong Kong, Tokyo, Seoul

    de atividades culturais, artísticas e econômicas da cidade, circundando os arredores da Av. Paulista, dos Jardins e do centro, que alojam os principais espaços de exibição e produção artística da cidade. Como os diversos museus e galerias da região da Cidade Jardim, proximidades dos espaços da Av. Rebouças, como o MIS, o MUBE; a Fundação Cultural Ema Gordon Klabin e o MCB nos Jardins; os espaços da Casa Das Rosas, do Itaú Cultural e do Sesc na Av. Paulista.

    DOCUMENTAÇÃO - GAI

    • 2 1

    2 1 Centro Universitário Senac 3º Semestre de Design de Interface Digital Créditos Este trabalho foi

    Centro Universitário Senac

    3º Semestre de Design de Interface Digital

    Créditos

    Este trabalho foi uma realização dos alunos:

    Caio Simon Daniella Parra Daniella Tanaka Julia Aurea Pagu Senna Rafael Oliveira

    Com o apoio dos professores:

    Beatriz de Almeida Pacheco Eduardo Cardoso Braga Elisangela Botelho Franceli Guaraldo João Cesar Lopes Toledo Nelson José Urssi Péricles Eugênio Martins Polise Moreira de Marchi Rodolfo Prata

    DOCUMENTAÇÃO - GAI