Priscilla Moulin.. Projeto Integrador II Profª. Silvia Schnaider

Transcrição

1 Priscilla Moulin. Projeto Integrador II Profª. Silvia Schnaider

2 Introdução Todo projeto tem início em pesquisa. Toda pesquisa tem sua metodologia. Ao longo do curso, foram estudados métodos de pesquisa e experimentação a fim de serem aplicados ao Projeto Integrador. Estes métodos têm, por objetivo, aprimorar a navegação em sites a partir do estudo e montagem da arquitetura dos mesmos. Esta compilação de trabalhos mostra alguns desses métodos e seus resultados, aplicados ao projeto final de criação de um site para um artista plástico, que, neste caso, é Hieronymus Bosch.

3 Briefing Sobre o cliente Nome do cliente: Jeroen Van Aeken Ramo de atuação: Artes plásticas Tempo no mercado: 36 anos Concorrentes diretos: Artistas plásticos renascentistas e surrealistas. Vantagens sobre os concorrentes: Exibe um estilo próprio, fantástico e único. Mistura o real e o surreal e aborda temas sinistros que nenhum outro artista de sua época abordava. Desvantagens sobre os concorrentes: Não possui nenhum concorrente totalmente direto, por ter uma abordagem muito singular. Mas em relação aos seus concorrentes renascentistas, pode-se considerar uma desvantagem (dependendo do público) o seu próprio tema macabro e ousado, que causa ainda hoje e, provavelmente mais em sua época, um incômodo e até repúdio por parte dos expectadores religiosos. Ex.: Leonardo da Vinci, Martin Schongauer e Albrecht Dürer.

4 Briefing Sobre o projeto Peça a ser criada (site, hotsite, redesign de site): Site Público alvo (idade, classe, profissão, sexo, etc): jovens, adultos e idosos, aproximadamente dos15 aos 60 anos, desde que tenha acesso à internet. Historiadores, estudantes e professores de arte, artistas gráficos e plásticos, designers. Ambos os sexos, das classes A, B e C. Regiões geográficas a serem cobertas (estados, regiões, países, etc): Brasil. Imagem a ser transmitida (moderno, tradicional, amiga da natureza, amiga da cultura, etc.): Surrealismo, religiosidade, ousadia, sinistro, mistério. Objeções (não utilizar tal cor, tal estilo, etc): Evitar muitas cores e muitos elementos nas páginas para não mesclar com as telas. Quantas e quais páginas internas (inicial, sobre a empresa, sobre os produtos, contato, etc): 10 páginas. Home; Sobre: Vida e Influência, Processo Criativo; Sites Relacionados: Sites de compra, Sites sobre Bosch, Sites com Galerias; Museus: Museus na Europa, Museus na América; Jogos; Obras.

5 Brainstorm

6 Benchmark

7 Benchmark

8 Inventário de Conteúdo Sobre Obras Home Sites Relacionados Museus Jogos Contato

9 Inventário de Conteúdo Identificação Numérica Nome Descrição URL 0 Home Página inicial. 1 Sobre Conta a história do artista. permanencia-e-a-forca-de-hieronymus-bosch- 2 Obras Galeria de imagens das pinturas Sites Relacionados Lista de sites de compra, galeria e história Museus Lista de museus com obras de Bosch. 5 Jogos Jogos que interagem com as obras. 6 Contato Lista de redes sociais e .

10 Inventário de Conteúdo Nível 3 Nome da funcionalidade Descrição da funcionalidade Tipo de usuário 1.1 Vida e influência Conta a história do artista. Usuário primário 1.2 Precesso criativo Conta suas técnicas. Usuário primário 3.1 Sites de compra Lista de sites com miniaturas e quadros. Usuário primário 3.2 Sites com galerias Lista de outras galerias online. Usuário primário 3.3 Sites sobre Bosch Sites que também contam sua história. Usuário primário 4.1 Museus na Europa Museus europeus com suas obras. Usuário primário 4.2 Museus na América Museus americanos com suas obras. Usuário primário

11 Questionário Questionário realizado online com 43 pessoas. Ao início do questionário, disponibilizei duas amostras de obras do autor, por saber que era pouco conhecido ou não lembrado de nome. Desta forma, integrei a possibilidade do primeiro contato com a obra ali. E, desta forma, confirmando que o artista era pouquíssimo conhecido.

12 Questionário Após ter separado de minha dupla inicial por ela não se sentir bem trabalhando com as obras de Bosch, achei de extrema importância uma pergunta assim, até para saber o quanto, não apenas as obras, mas tembém um layout poderia afetar o expectador. Sendo os mais votados Curiosidade e Admiração ao artista, há uma menor preocupação com a interação com o público. Entretanto, ainda há um parcela, não grande, mas importante de se levar em conta, de público que sente-se angustiado com as obras.

13 Questionário Esta pergunta finaliza o impacto do expectador com a obra, ao passo que se ele não gosta dos trabalhos do artista, ou tampouco se interessa em descobrir o porquê de seus temas, dirá não. O resultado mostra uma curiosidade por parte do público em saber mais sobre o artista, então é importante dar um bom conteúdo sobre a forma de pintar e criar de Bosch.

14 Diagrama de Navegação Início 1.0 Sobre 1.1 Vida e Influência Processo criativo Obras 1.2 Obra x Início 0 Museus 1.3 Museus na Europa Museus na America Jogos 1.4 Links 1.5 Links de compra Links de galerias Links sobre Bosch

15 Lista de Telas e Elementos Padrão (Todas as páginas) Cabeçalho Logo Background Imagem flutuante em flash, à esquerda superior e fundo cinza. Principal Menu de horizontal Menu horizontal e sinalizador de página Mídias digitais na lateral inferior esquerda Rodapé Copyright

16 Lista de Telas e Elementos Home Sobre Obras Cabeçalho Background Principal Introdução com texto e imagens Menu e sinalizador default Cabeçalho Background Principal Texto e imagens na área central Menu e sinalizador default Cabeçalho Background Principal Miniaturas de imagem e descrição embaixo na área central Menu e sinalizador default Mídias digitais defaut Rodapé Mídias digitais default Rodapé Mídias digitais default Contador de páginas da galeria sob a área central Rodapé

17 Lista de Telas e Elementos Museus Links Jogos Cabeçalho Background Principal Texto e links para sites de museus Cabeçalho Background Principal Texto e links para sites externos Cabeçalho Background Principal Animação de jogo em Flash Menu e sinalizador default Menu e sinalizador default Menu e sinalizador default Mídias digitais default Rodapé Mídias digitais default Rodapé Mídias digitais default Rodapé

18 Cardsorting 1º colaborador presencial home sobre obras sites relacionados museus jogos contato vida e influência sites de compra museus na Eropa facebook processo criativo galerias online museus na América orkut leia mais sobre Bosch twitter

19 Cardsorting 2º e 3º colaboradores presenciais home sobre obras sites relacionados museus jogos contato vida e influência galerias online sites de compra museus na Eropa facebook processo criativo museus na América orkut leia mais sobre Bosch twitter

20 Cardsorting solução pelo cardsorting presencial home sobre obras sites relacionados museus jogos contato vida e influência sites de compra museus na Eropa facebook processo criativo sites com galerias museus na América orkut Conclusão: Os nomes do submenu estavam um pouco subjetivos, então, de forma que não congestionasse as outras páginas com textos e hiperlinks, a ideia da aba sites relacionados foi mantida e seus submenus renomeados. sites sobre Bosch twitter

21 Cardsorting Resultados do cardsorting online

22 Cardsorting solução pelo cardsorting online Início 0 Início Sobre Obras Vida e Influência Obra x Processo criativo Conclusão: O item Contatos foi retirado do menu e será posto na home como elemento. O item Sites Relacionados, por fins estéticos (como todos os outros itens têm nomes curtos), foi resumido a Sites e depois a Links para não haver subjetividade, já que é mais fácil para o expectador relacionar a palavra link a fereências externas ao lugar onde se está. Museus 1.3 Museus na Europa Museus na America Jogos 1.4 Links 1.5 Links de compra Links de galerias Links sobre Bosch

23 Wireframe e Descrição Funcional Página Obras 1 elemento giratório em Flash Elemento giratório, que exibe uma pintura muito conhecida, em flash, apenas ilustrativo. Localização da marca, que ao clicar volta para a Home. foto 4 3 foto foto 3 Sinalizador de página. Uma marca que permanece sob o menu referente a página que se está e não possui link nenhum. Não aparece ao passar o cursor. mídia digital mídia digital descrição descrição descrição foto foto foto 4 Espaço de miniatura com descrição embaixo. Ao clicar na miniatura, amplia a imagem. mídia digital descrição descrição descrição Sinalizador de página e link do resto da galeria por número da página. Muda a cor no número da página que se encontra (que também perde o link) e leva às outras páginas da galeria ao clicar no número de página referente.

24 Wireframe e Descrição Funcional Página Sobre elemento giratório em Flash 6 Submenus que abrem pra baixo por rolagem sobre o item de menu e levam a páginas específicas do site. Permanece embaixo do menu principal o item de submenu referente a página em se está. mídia digital mídia digital mídia digital 7 Vida e Influências Processo Criativo 6 Área para texto e foto Localização das mídias digitais: Twitter, Facebook e , que dão link direto para fora do site e abrem novas páginas em pop-up. Espaço reservado às mutações das páginas comuns que levam texto, hipertexto e imagens. Ex.: na página Sobre>Vida e Influência há uma foto redonda do pintor que abre maior ao clicar e um texto ao redor da imagem redonda.

25 Marca C = 28, M = 37, Y = 57, K = 16 R = 172, G = 144, B = 106 WEB: #AC906A C = 7, M = 20, Y = 50 K = 0 R = 241, G = 208, B = 144 WEB: #F1D090 Cardinal ABCDEFGHIJKLMNOPQRSTUVWXYZ Gutember Texture ABCDEFGHIJKLMNOPQRSTUVWXYZ

26 Defesa de Marca Bosch, entre suas quarenta obras não datadas, assinou apenas cinco. Sua assinatura acompanhava o estilo: gótica e latina. Entre seus quadros mais famosos, se destaca sua assinatura em Hermit Saints Triptych, onde a mesma parece ser de ouro ou flamejante, localizada no rodapé da pintura. A combinação das fonts Cardinal e Gutenberg Textura reproduziu quase perfeitamente a assinatura de Bosch e permitem manter o misticismo, o estilo medieval, e o teor gótico que só as obras dele retratam com tanta firmeza.

27 Layout Final

28 Layout Final

29 Layout Final

30

31

32

33

34 Conclusão Bosch é um artista plástico com uma criatividade admirável, grande senso de humor e sarcástico ao extremo com a forma que retrata sua visão de mundo, mas ainda assim é pouquíssimo conhecido e suas obras são extremamente incomuns. Ao fazer o site, me deparei com diversas limitações que me fizeram repensar, quase desistir. Mas, apesar de toda a dificuldade, pude contar com meus amigos, e família para me apoiar, criticar, iluminar e, muitas vezes, tirar completamente minha cabeça disso. E até que enfim, cheguei aqui. Obrigada, todos os meus anjos, que eu amo muito! Sem vocês, e não só nesse projeto, eu estaria perdida.