sumario
introducao 05
04 publico alvo
estrategia de comunicacao
08
07
conceito de criacao
painel semantico 10 paleta de cores 12 logo block tv
09 tipografia 11 logo 13
conceito de navegacao
14
prototipo
15 layout
16 lapsus 24
20
abertura e encerramento
chamada e passagem de bloco
26
elementos sonoros
cartaz 29
28 embalagens e rotulos
argumento
30 creditos
36 tecnicas utilizadas 37
25
37
softwares utilizados
introducao
O projeto que será descrito ao longo desta proposta de desenvolvimento foi criado pelo grupo Block, que foi formado no intuito de realizar os projetos interdisciplinares do curso de Design Digital da Universidade Anhembi Morumbi. Este projeto do 4º semestre tem como objetivo criar um programa piloto para TV digital interativa com o tema Entretenimento Comportamental, Série de TV, do gênero suspense e drama, utilizando o design, as linguagens e narrativas com o auxílio do estilo artístico do Saul Bass, para desenvolver uma série interativa que entretenha o espectador, explorando as possibilidades de se trabalhar com a mídia interativa.
publico alvo
O público-alvo foi baseado nas faixas etárias que dominam o mercado do Entretenimento: Público-alvo principal e a faixa etária mais representativa desta indústria são pessoas de ambos os sexos, brasileiros de 25 a 34 anos (49%). Público-alvo secundário são internautas de ambos os sexos, brasileiros de 18 a 24 anos (23%).
5
Público-alvo principal
Público-alvo secundário
Nome: Fernanda Rubens / Roberto Luz Idade: 25 a 34 anos Formação: Engenheira de Produção / Designer Gráfico Interesses no site estudado: Entretenimento; Distração; Lazer; Temas preferidos: Mistério, Drama, Suspense. Perfil: Solteiros ou casados, que gostam de assistir televisão e acompanhar séries e novelas. Usuários de redes socias e interessados em tecnologia, entretanto não possuem muita afinidade com multi-telas.
Nome: Larissa Ferraz / Miguel Ângelo Idade: 18 a 24 anos Formação: Estudante ensino médio / Graduando em Psicologia Interesses no site estudado: Entretenimento; Distração; Lazer; Comportamento humano; Psicologia; Temas preferidos: Mistério, Drama, Suspense. Perfil: Solteiros, que gostam de assistir televisão e acompanhar séries e web-séries. Usuários de redes socias e interessados em tecnologia com facilidade em utilizar Second Screen, que estão sempre conectados na rede.
estrategia de comunicacao A partir do momento que identificamos nosso públicoalvo e analisando as melhores comunicações que poderíamos fazer com eles, decidimos criar uma conta no Twitter para que os mesmos possam acompanhar os episódios tuitando a hashtag #LapsusBlockTV e, assim, divulgar o programa para os seus seguidores enquanto nós seremos capazes de fazer uma contagem de telespectadores pela própria hashtag postada. Seguindo a tendência das hashtags, criamos um Hotsite de divulgação para um maior conhecimento sobre o programa, assim como detalhes sobre os personagens e acesso exclusivo aos bastidores dos episódios, criando uma sensação de aproximação
e intimidade com o navegador buscando atingir imersão nos detalhes da obra televisiva. Por se tratar de um público que passa mais tempo em seus smartphones do que no computador, o hotsite se ajusta para os mais diferentes tipos de tela, desde um smartphone até uma tela de computador, passando pelos tablets. Em seu rodapé, há um ícone de redirecionamento para a página oficial do Twitter para que a interatividade se torne rápida, fluida e confortável.
7
conceito de criacao
A identidade visual do projeto foi criada a partir das obras de Saul Bass. Designer gráfico e cineasta, mais conhecido por seu trabalho de design gráfico no cinema e abertura de filmes, pelo qual é considerado por muitos como um paradigma dessa atividade. Trabalhou com alguns dos maiores cineastas de Hollywood, entre eles Alfred Hitchcock, o mestre dos filmes de suspense. Saul Bass executava cada um dos seus projetos com um estilo aparentemente simples porém expressivo - que refletia sua fascinação pelo construtivismo, modernismo e surrealismo. Portanto, trouxemos para o nosso projeto a utilização das cores primárias em tons com ausência de luz, mais o preto e o branco que eram trabalhadas pelo artista e a utilização das formas geométricas simples trabalhadas em suas tipografias e ilustrações.
Na pós produção aplicaremos as características de Saul Bass na saturação das cores, criando um ambiente sombrio e aplicaremos uma iluminação puxando para o tom azul escuro para tornar a ambientação da série mais fria, com o objetivo de demonstrar sentimentos conflituosos e sem afeto do personagem principal da trama.
painel semantico
9
tipografia
Embasada nas obras de Saul Bass, escolhemos as tipografias usadas em seus trabalhos, como por exemplo, o pôster de Vertigo, filme do gênero suspense, dirigido por Alfred Hitchcock e considerado a sua maior obra-prima . As tipografias utilizadas por Saul Bass estão presentes ao longo do desenvolvimento do projeto, com exceção da tipografia utilizada para texto que é sem serifa, de bom entrelinhamento e pregnância, priorizando a legibilidade.
(fonte Hitchcock)
(fonte Vertigon)
Tipografias para Títulos: - Hitchcock - Vertigon Tipografias para texto: - Roboto. - Verdana
(fonte Roboto)
(fonte Verdana)
paleta de cores
A paleta de cores ĂŠ composta pelo vermelho, amarelo, verde, azul, branco e preto baseados nos pĂ´steres do artista Saul Bass, que as utilizava, em sua maiora, em tons neutros.
(pĂ´sters criados por Saul Bass)
11
logo
Lapsus é o latim da palavra “lapso” que tem como significados: a queda momentânea da memória; engano involuntário; decurso de tempo; erro cometido sem perceber. Com a intenção de representar esse significado aplicamos a tipografia “1942 report” no logo do nosso programa piloto, pois seu tema está relacionado ao drama e suspense vivido por uma pessoa que possui dupla personalidade e não consegue lembrar das coisas que faz quando a sua outra metade assume o controle. A tipografia “1942 report” possui serifa e o preenchimento das letras não é completo, acreditamos que são essas carateristicas que irão reforçar o significado da palavra.
(versão positiva do logo)
(versão negativa e prioritaria do logo)
logo block tv
O logo foi criado para aparecer no canto da tela como marca d’água, e para representar a emissora de TV fictícia do grupo.
13
conceito de navegacao Segundo Cannito (A televisão na era digital, 2010 p.146) para garantir uma boa interatividade, devemos considerar a vontade e interesse do interator, assim como o grau de facilidade do aplicativo. Pensando nisso trabalhamos a navegação do site em página única e com poucas seções para facilitar a visualização do conteúdo. Além disso, durante a votação, seção que aparece somente durante o intervalo, ela fica localizada no topo da página para facilitar a interação do usuário. Observou-se que essas características garantem o interesse de interação do espectador.
prototipos Através do protótipo desenhado da TVDI e do Hotsite, testamos a usabilidade dos mesmos com dois usuários, o 1º parte do público-alvo principal e o 2º parte do público-alvo secundário. Observou-se que os protótipos deveriam ser maiores para uma melhor exploração do usuário que está fazendo o teste. Durante a realização deste, recebemos algumas críticas pontuais dos usuários que podem melhorar a nossa usabilidade, como por exemplo, colocar o botão voltar no controle remoto da simulação e fazer o botão topo acompanhar a rolagem da página do hotsite. Além disso, o teste se mostrou muito importante para ajustar o layout a necessidade do usuário final, entretanto, o mesmo deveria ser realizado com mais antecedência durante o processo de criação do projeto.
(prototipo layout tv)
(prototipo layout site)
15
layout
hotsite No layout foram utilizadas cores e tipografias que remetem ao trabalho de Saul Bass, a principal inspiração para a identidade visual do projeto. A montagem em página única foi pensada priorizando o conteúdo e a facilidade de acesso para o usuário, além de uma melhor adaptação responsividade - para outras telas
(layout final)
(versão mobile)
(wireframe)
(wireframe mobile)
17
votacao Ao término da votação, o resultado será divulgado na tela do A proposta de interatividade programa. da série é deixar o usuário escolher o final do episódio, entre as opções disponíveis. Durante o programa, o espectador é avisado da abertura (resultado votação) da votação, e essas opções são disponibilizadas logo na primeira Após a exibição do final seção do hotsite. escolhido, o hotsite será atualizado,
com o episódio e ambas opções de final – tanto o escolhido quanto o outro – serão disponibilizadas para os usuários assistirem.
(votação)
(seção episódios)
A votação funciona com o banco de dados, registrando os votos em cada opção e o total dos votos.
tv A interação com o programa poderá ser feita de três formas. A primeira se dá através do menu do próprio programa, que pode ser ativado pelo controle remoto. O usuário será informado dessa interação pelo símbolo de interação que aparece no canto superior direito do vídeo. Esse menu dá acesso a informações sobre o programa, como a sinopse e os personagens, além de permitir que o usuário veja conteúdo sobre os bastidores. Ao final, está disponível um QR CODE que leva o espectador diretamente ao hotsite, onde acontece a segunda e mais importante interação.
No hotsite, acontecerá a votação para decidir o final do episódio. O usuário será avisado da abertura da votação pela janela de informação que aparecerá no vídeo. Dessa mesma forma também será anunciado o resultado com o percentual de votos, antes da exibição do final escolhido. A terceira interação também acontece na janela de informação, onde aparecem os tweets dos espectadores que estiverem comentando o programa na rede social Twitter com a hashtag do programa. Para simulação do programa no computador, um controle remoto virtual foi incluído ao layout.
(layout TV)
19
lapsus Sobre O estilo da fotografia, ilustrações e vídeo trazem o estilo simples, pórem expressivo de Saul Bass: As cores primárias com ausência de luz e as formas geométricas simples.
sinopse Artur, psicólogo, é designado para uma tarefa: avaliar um grupo de amigos e descobrir o que aconteceu naquela tarde de estudos que mudou suas vidas. O que, aparentemente era simples, se complica quando Artur percebe que há mais nesse caso do que estão lhe contando um assassinato, lapsos de memória, múltiplas personalidades. Uma história interativa de drama e mistério onde quem determina os rumos é você.
personagens ARTUR Psicólogo que está diagnosticando os jovens. Dedicado e preocupado com seus pacientes, Artur acabará se envolvendo muito mais do que ele imaginava.
FREDERICO Alto e animado, Frederico sempre esboça alegria entre seus amigos com seu jeito extravagante, ainda que as vezes possa se mostrar bastante convencido.
ALEX A pequena amiga da turma. Alex é muito leal aos seus amigos, apesar de ser insegura consigo mesma e ter problemas que ela própria desconhece.
JORGE Jorge sempre tem alguma piada pronta e os amigos já estão acostumados a ouvirem seus comentários. Apesar de ser facilmente irritado, ele sempre se revela um bom amigo.
21
TATIANE Tatiane é a mais quieta, mas ela sempre se faz ouvir. Preocupada e determinada, ela vive cobrando os amigos, não os deixando esquecer suas obrigações.
diagrama de interacao
(diagrama de interação da serie - vide pagina 30)
storyboard
(storyboard)
23
abertura e encerramento
A abertura da série foi inspirada nas vinhetas criadas pelo Saul Bass, usando as características já citadas ao longo desta proposta, como as cores, tipografia e ilustrações. O encerramento utiliza a abertura como fundo e traz as informações sobre direção, roteiro, elenco e pósprodução.
(Storyboards)
chamada e passagem de bloco Segue a linha de criação da abertura mais a simulação da rede de tv representada pelo grupo.
(Storyboards)
25
elementos sonoros
musica de abertura
A música de abertura tem um ar sombrio, remetendo ao acontecimento central. A repetição da melodia no piano é marcante, soando hipnotizante. A progressão da harmonia ajuda a manter uma atmosfera intensa, simulando o descontrole de uma mente perturbada. No final a melodia perde sua força e “morre”, e isso é representado pelo acorde dissonante.
trilha sonora
A trilha sonora baseia-se no tema principal com a intenção de reforçar o drama presente nas cenas. Quando associados à imagem, os efeitos sonoros transmitem a sensação de terror e o impacto emocional gera tensão no espectador. Foram introduzidos sons inesperados e dispersos na paisagem sonora, criando assim um ambiente de tensão e suspense, revelando o esclarecimento do enredo.
27
cartaz
O cartaz segue a identidade visual do programa. Obtivemos um fundo preto com os bonecos em contraste com o fundo e em simetria oposta. O boneco de cor azul foi posicionado propositalmente de ponta cabeça a fim de criar um ponto central de atenção especial para o logo e para que indiretamente a sequencia dos queixos e do pescoço crie uma sensação de ciclo, como se as personalidades do personagem fossem permutadas constantemente mostrando os seus altos e baixos. As informações foram disponibilizadas em cima da cabeça dos personagens para completar as colunas que o formato dos desenhos nos remeteu, completando, assim, um grid de informações. (cartaz)
embalagens e rotulos As embalagens seguem o estilo visual da série, um fundo preto com o logo em branco, mantendo a sensação de contraste e dualidade entre as cores e a personalidade do personagem.
Integrantes: Anhembi Morumbi - Paulista II 4° semestre Design Digital 2015
André Bruniera Beatriz Salazar Gabriel Vecchio Ingrid Schwinden Jessica Losano Renata Bueno Ricardo Cadima
André Bruniera Beatriz Salazar Gabriel Vecchio Ingrid Schwinden Jessica Losano Renata Bueno Ricardo Cadima
(adesivo cd)
Integrantes: Anhembi Morumbi - Paulista II 4° semestre - Design Digital 2015
(embalagem cd) (caixa)
29
Argumento
ARGUMENTO PILOTO Artur, psicólogo, observa a lista dos próximos pacientes que têm consulta marcada. Pelo que sabe, são todos amigos que acabaram de sofrer uma perda. Ele chama o primeiro paciente. O processo se repete até que todos os amigos tenham passado por sua consulta. Muito abalados com o trágico acidente, os pacientes, um a um, informam o que ocorreu no dia em que Frederico morreu. [FLASHBACK] Todos os suspeitos são amigos que estavam estudando na faculdade pouco antes do acidente ocorrer. Precisando terminar um trabalho importante, eles decidiram ficar por mais um tempo depois da aula. São eles: Jorge, Tatiana, Alex e Frederico. Em determinado momento, Frederico sai da sala, alegando precisar ir ao banheiro. Ele é seguido um pouco depois por Alex. Após um tempo Jorge e Tatiane, estranhando a demora dos amigos, saem para procurá-los. Ambos encontram Alex primeiro, e juntos continuam a busca pelo último amigo. Eles acabam encontrando o corpo de Frederico morto, caído da escada.
Artur, após ouvir o relato de todos os envolvidos, começa a traçar o perfil psicológico de cada um para melhor analisar a situação. Alex é a mais intrigante, já que não se lembra com clareza do que fez naquele dia. Cansado, o psicólogo decide dar uma pausa e voltar ao perfil de Alex mais tarde. Ele reorganiza sua mesa. Ainda que esta possa parecer organizada para um terceiro, Artur tem seus próprios rituais de organização. Depois de um período de investigação, Artur continua a notar falhas nos depoimentos de Alex, por vezes ela não se lembra do que estava fazendo. Ele decide fazer contato com familiares e antigos médicos dela e acaba confirmando suas suspeitas, ela sofre de dupla personalidade. O psicólogo analisa todas as informações que tem sobre o que ocorreu com Frederico, e acaba concluindo que não foi um acidente. Frederico foi empurrado por Alex. Ele decide considerar suas opções sobre o que fazer em seguida. Por fim, Artur convoca Alex para uma conversa particular em seu consultório. Ele... a) Decide que o melhor a fazer é entregar Alex para as autoridades, e aciona a polícia antes que Alex chegue ao seu consultório. Quando a garota chega, Artur revela que sabe que ela é a assassina e que irá entrega-la. Ela representa um sério risco. Ao expor essa conclusão, ele se dá conta do quanto foi ingênuo. Alex, antes assustada, agora se encontra sem expressão. Ele olha para sua mesa, em busca de algo que possa ajudá-lo, e sente falta de uma de suas canetas. Artur sempre nota se algo está fora do lugar. Antes que possa se defender, Alex o ataca com a caneta, perfurando seu pescoço. Ela limpa as mãos na calça, e foge logo em seguida.
31
b) Fica comovido pela sua situação, pelo fato dela estar cometendo os crimes sem se dar conta disso. Avisa que não irá contar nada sobre Frederico, e oferece ajuda com seu tratamento.
EPISÓDIO 2 – A Os policiais lotam o pequeno consultório. Investigam a cena do crime, embora todos saibam que a última paciente a ver o psicólogo é a principal suspeita. O Investigador observa a mesa de Artur, outrora minuciosamente organizada, agora uma bagunça de papéis, canetas e sangue. Ele percebe que o computador do psicólogo ainda está ligado. Reativa o sistema e vê que a ficha de Alex ainda está aberta e lê todas as observações que Artur fez sobre sua paciente. Solicita para que um dos outros policiais faça cópias daquele arquivo, pois toda informação sobre a suspeita será bem-vinda. Alex está em um apartamento desconhecido. Não é a primeira vez, e nem provavelmente será a última, em que ela volta a si sem saber o que aconteceu ou onde está. Com medo, ela anda pelos cômodos. Não há ninguém além dela mesma lá. O ambiente não lhe possui nada de familiar. Ela decide procurar essa familiaridade em outro lugar, com pessoas que possam ajudá-la a aliviar esse sentimento de confusão. Alex pega o celular na bolsa, encara o aparelho por alguns segundos, até perceber que o mesmo está sem bateria. Acaba deixando o apartamento sem avisar Tatiane que está indo procurá-la.
Ao chegar na casa de Tatiane, Alex percebe que a amiga se surpreende bastante ao vê-la ali, e que com certa relutância a deixa entrar. Quando chega na sala, Alex nota que Jorge também está em casa. Ao contrário de Tatiane, ele não fica assustado com sua presença, e sim tomado de raiva. Uma discussão se inicia. Jorge começa a berrar com Alex, a acusá-la de coisas terríveis e questiona como ela ousa aparecer ali. No começo, ela se mostra bastante confusa e ainda pergunta porque ele está agindo daquele jeito, mas ao perceber que um diálogo civilizado não será possível, Alex passa a usar o mesmo tom de voz dele. Ela não acredita em tamanha traição vinda da parte de Jorge, em como ele é capaz de acusá-la de estar envolvida com a morte de Frederico, ou pior, de ter feito algo a Artur, o qual ela nem sabia que havia sido atacado. Alex olha para Tatiane, procurando o apoio da amiga, mas esta continua a olhando assustada. Ao cobrar uma resposta dela, Tatiane acaba respondendo que o que Jorge fala faz o total sentido, já que policiais entraram em contato com os dois, procurando por Alex. Ela é incapaz de acreditar no que os amigos estão falando. Antes de tentar se defender novamente, ela escuta sirenes. Olha para Tatiane, incrédula ao notar o celular na mão da amiga. Os policiais entram na casa e dão voz de prisão para Alex. Ela continua encarando os dois amigos enquanto é algemada. Neste momento, é tomada por sua personalidade má. Antes de ser arrastada para fora da casa, lança um último olhar para Jorge e Tatiana, e sussurra que eles serão os próximos. EPISÓDIO 2 - B Ainda dentro da sala na consulta com o psicólogo, Alex decide aceitar a proposta do mesmo de receber ajuda para seu problema de múltiplas personalidades que era desconhecido por ela até então.
33
Entretanto, mesmo não confiando totalmente em Artur, ela decide aceitar, pelo motivo de querer entender mais sobre si mesma, além da oferta de que o psicólogo irá encobrir o assassinato para a polícia. Após essa conversa, Alex se despede e deixa o seu consultório, porém, por estar muito perturbada por essa revelação de suas múltiplas personalidades e mais do que isso, por descobrir que ela mesma cometeu um assassinato, Alex passa a refletir. Ainda insegura consigo mesma, logo começa a ter vagas lembranças sobre um passado que era desconhecido por ela e após alguns flashes extremamente confusos, Alex recobra sua consciência e percebe que se encontra em um apartamento completamente estranho, coberta de sangue e com um cadáver ao seu lado. Alex entra em desespero e... A) Tenta ocultar as evidências e limpa o que pode de sangue de si mesma e em seguida foge do local. Após sair correndo do apartamento desconhecido, Alex começa a se desesperar novamente e em seguida tem mais flashes confusos em sua cabeça, e quando se dá conta está em frente à sua antiga casa de infância, ela nota que está com outras roupas, roupas limpas. Alex sente uma sensação horrível por dentro, um calafrio, mas por alguma razão ela decide bater na porta e uma voz grossa e rouca permite sua entrada na casa. Ao caminhar pela sua casa, ela passa a se recordar de uma parte de sua infância, uma parte que a muito foi esquecida, uma época sombria em sua vida. Após caminhar pelo corredor, ela entra em uma sala de estar aonde pode ver um homem de cadeiras de rodas assistindo TV. Alex nota que este homem é seu pai. Em seguida, ela tem um estalo em sua mente, como se uma lembrança que foi perdida e agora é encontrada, uma lembrança de maus tratos e abusos, ainda confusa em sua mente. O homem olha para o rosto da filha e lhe recebe com um sorriso sarcástico e
logo começa a discursar para sua espectadora, que está em choque. O homem revela para Alex que quando era menina ele a abusava sexualmente, além de maltratar sua mãe, ele o diz de forma rude sempre, a ofendendo quando lhe é possível. Também revela que após uma briga entre pai e filha, Alex o derrubou da escada, deixando-o na cadeira de rodas. Sem aguentar mais o monólogo do pai, Alex tomada pelo desespero e conflito interno, acaba pegando uma faca de um prato que estava em cima da mesa e acaba matando o próprio pai. Após o choque, Alex se dá conta do que fez e, sem saber o que fazer, acaba ligando para Artur contando sua situação e pedindo ajuda. Nesse meio tempo, Alex começa a andar pela casa, até chegar no quarto de seu pai. No fundo do guarda-roupa, encontra uma arma. Ela a leva consigo. Cerca de meia hora depois, Artur chega e presencia a cena. Ele fica chocado com o que vê e pede calma para Alex. Em seguida, ouvese sirenes e sons de viaturas da polícia. Indignada a adolescente discute com o psicólogo, questionando porque ele havia traído a sua confiança. Em resposta, Artur afirma que se ela se entregar agora, poderá pegar uma pena reduzida, além de lhe oferecer tratamento. Inconsolada, Alex pega a arma e atira em Artur. Após ouvir o disparo, a polícia entra no local e prende a jovem. B) Aflita, e sem opções, liga para talvez a única pessoa em que possa confiar, Artur, e pede sua ajuda. Artur chega no apartamento e presencia a cena horrível, com Alex toda suja de sangue e o cadáver no chão. Ambos sentam ao redor de uma mesa e conversam. Alex tenta explicar como chegou ali e de repente ela acaba se lembrando de todo o seu passado e o revela para Artur. Este a acalma e, depois de uma longa conversa, a convence se entregar para a polícia e iniciar um tratamento intensivo.
35
creditos Professora Orientadora: Maria Salete Souza dos Santos Integrantes: AndrĂŠ Ferreira Bruniera Beatriz Cardoso Salazar Gabriel Amorim Vecchio Ingrid Mayra Brasil Schwinden Jessica Silva Losano Renata Bueno Pires Tassinari Ricardo Braz Garrido Cadima
Tecnicas utilizadas
Softwares utilizados
37