Proposta de Desenvolvimento Projetual

PROJETO BITUCA Universidade Anhembi Morumbi Desenvolvido por: Alef Oliveira, Ana Zunkeller, Erika Carvalho, Jade Souza, Julia Moura, Matheus Dias e Rafael Souza

sumĂ rio

1

22

2

24

público-alvo

problematização

4

estratégia de comunicação

6

design de informação e navegação

paleta de cores

tipografia

27

painel semântico

28 roteiro

12

36

16

38

logotipo

bituqueiro

20

42

projeto de interface

mixed media

storyboard

tecnologias

pÚBLICO aLVO Moradores de áreas urbanas, usuários de smartphone. Segundo uma pesquisa da We Are Social realizada em 2015, 54% da população brasileira (110 milhões) são usuários da internet e 47% utiliza pelo menos uma rede social.

Também brasileiros fumantes e não-fumantes, de 18 à 40 anos que usam celular em locais públicos.

O intuito é gerar a mudança de comportamento através da informação e incentivo realizado nas redes sociais e com o aplicativo.

1

PROBLEMA O Projeto Bituca tem como objetivo melhorar o quadro ambiental nos grandes centros urbanos focando nas bitucas, um mal praticamente invisível, porém com grandes impactos.

conceito de criação

O descarte indevido de bitucas pode parecer inofensivo, mas não só agrava a formação de enchentes como também é um grande poluente do solo e da água devido aos seus muitos elementos químicos.

2

TIzação Este é um problema ambiental que pode ser resolvido com uma mudança de hábitos da população, ou seja, tem como aliada a educação ambiental e as novas tecnologias, que cada vez mais obtém sucesso em apontar comportamentos a serem mudados e gerando melhoras significativas na sociedade.

Através da divulgação de informações e de um sistema de recompensas por cada ação verde no descarte, queremos que os usuários sintam que o poder de mudança está ao seu alcance para, assim, melhorar a qualidade de vida de todos que habitam as grandes cidades brasileiras.

3

Estratégia de comunicação Com o desafio de uma ação ciberativista de foco ambiental, a estratégia utilizada para gerar mudança de comportamento é criar um aplicativo que, unido às redes sociais para divulgar informações com vídeo, dados e imagens, instigará as pessoas a participarem e o utilizarem como auxiliar a uma nova postura.

Além disso, é possível avançar no aplicativo e ganhar pontos de acordo com sua interação nas redes e divulgando e encorajando as pessoas a se engajarem também, tendo potencial para gerar uma mudança em cadeia e alcançar um público maior.

Não fumantes também contribuem para a poluição causada por bitucas no meio urbano. Conheça o projeto Bituca e saiba como transformar este cenário!

/campanhabituca

4

Baixe o aplicativo e torne-se um cidadão consciente para melhorar o meio ambiente!

Faremos uso de duas redes socias: facebook e instagram.

O Facebook será usado como se fosse um blog informativo dividido em seções, por exemplo, posts de curiosidades, nos quais traremos informações provocativas e posts sobre o App, já com um toque mais publicitário para poder “vender”nosso produto, chamar atenção do público para com nosso projeto. Nos posts, uma parte do conteúdo será em texto (descrição), e outra parte com dados

visuais, na imagem com links da fonte onde as informações foram retiradas.

O Instagram terá os mesmos posts encontrados no facebook, porém também com fotos urbanas autorais para mostrar como encontramos as ruas da cidade de São Paulo e onde há maior concentração de bitucas e uso de hashtags para marcar o tema do conteúdo e fazer ser encontrado por diversas pessoas.

LINGUAGEM Para atingir os usuários de forma mais impactante e com o intuito de “cutucar” e até alcançar o ponto da hipocrisia dos fumantes, a nossa aposta é a linguagem provocativa com um toque de humor ácido e de caráter informativo, para apresentar dados que afetam o cotidiano das pessoas e gerar uma reflexão de seus atos.

5

design de infor mação e naveg ação

6

DINÂMICA do aplicativo Usuário poderá escolher dentre os animais delimitados para utilizar como um pet virtual.

O aplicativo tem como função principal, ajudar na conscientização do descarte correto de bitucas através da dinâmica onde o usuário necessita cuidar de um animal para que a poluição causada pelas bitucas não o afete o fazendo perder o jogo, e sim avance as fases, alcançando o último mundo, que seria o mundo “ideal” onde todos têm consciência do descarte correto, fazendo com que consequências ruins causados pela bituca, deixem de acontecer.

7

GANHANDO PONTOS PARA Inserção do Código Ao descartar a bituca em nosso bituqueiro o usuário receberá um código pelo visor, que deverá ser introduzido dentro de nosso aplicativo, gerando pontos.

Cápsulas Informativas Toda vez que o usuário abrir o aplicativo, na tela de carregamento inicial, aparecerão 8

informações em microtextos para leitura rápida sobre bitucas, informando o usuário sobre seus perigos.

Estas poderão ser compartilhadas, fazendo com que a notícia escolhida seja compartilhada na rede social desejada.

Convite de Amigos O usuário que convidar amigos recebe não só um

evoluir no jogo conjunto de pontos pelo convite, mas também uma porcentagem dos pontos que este amigo receber no aplicativo.

Medalhas Certas conquistas renderão ao usuário medalhas (bronze, prata ou ouro). Cada uma possui categorias que distribui pontos conforme a dificuldade de ser alcançada.

Descartador Consciente

Bitucas descartadas popular

Posts compartilhados Chamado

Convites para amigos

Influente

Pontos pelos amigos

Bituca Dourada

Níveis alcançados

9

Wireframe e Fluxograma Introdução

Cadastro/Login cadastro

Bem vindo ao

Bem vindo ao

Nome

Sobrenome

Email

Descarte bitucas corretamente e ganhe prêmios

Descarte bitucas corretamente Senha e ganhe prêmios Fumante

começar

10

Nao Fumante

começar Avançar

Pรกgina Principal Como ta?

Compartilhe Ideias

Jade Souza Tsan

Convidar Amigos Ranking

600

pontos

6

medalhas

Minha Fase

Plano Futuro Multiplus

Inserir Cรณdigo

Perfil

Como ta?

Jade Souza Tsan

Jade Souza Tsan

Insira seu cรณdigo

Pontos

2430

|

Medalhas

Enviar

Pontos Como ta?

Jade Souza Tsan

Pontos

2430

Exibir Histรณrico

Descarte de Bitucas

500

Ideias Compartilhadas

1500

Amigos Convidados

350

Porcentagem de Amigos

80

Fase

600

pontos

6

medalhas

Mundo Verde Minha Fase

11

projeto de interface

12

interfaces

Etapa do cadastro onde o usuário escolherá um dos 5 animais para cuidar.

Dentre eles: coala, onça, panda vermelho, pinguim e zebra. Esses animais correm risco de extinção e cada um deles em continentes diferentes, por isso a escolha deles para inserção no projeto.

13

interfaces

1- Página principal (pontuação, medalhas obtidas e a fase em que se encontra o usuário); 2- Tabela de pontuações obtidas pelo usuário e sua soma total exibida; 3- Tela mostrando o perfil do usuário optado pela exibição de sua foto e animal escolhido + seus pontos, medalhas e fase; 4- Tela para inserção de códigos; 5- Tela para o usuário se cadastrar no app.

14

Interface introdutória do aplicativo A apresentação do app divide-se em 5 seções: Bem-vindo, Ganhe Pontos, Impactos Ambientais, Conscientização e Seja Influente.

A introdução é apresentada em forma de slides sequenciais com descrições curtas para melhor compreensão sobre o que o usuário encontrará no app e dicas de seu sistema de recompensas.

15

logotipo palavra bituca

Ao definir o nome do projeto, foi escolhida uma palavra que contém simplicidade, boa pronúncia e fácil alusão ao tema central: Bituca.

O logotipo é composto pelo elemento gráfico que representa a bituca somado ao texto "Bituca", escrito com a fonte Bonkers, que foi disposto com sílabas separadas para associar a dispersão e aleatoriedade dos descartes das bitucas no ambiente urbano, assim como a inclinação do logo, que traz sensação de movimento.

16

VersĂŁo Definitiva

17

18

versões anteriores Processo de criação

19

Mixed mEdia Mixed media foi o movimento escolhido como base para a linguagem visual do projeto. É a arte que une elementos visuais de diversas mídias distintas em uma só obra, como por exemplo, a ilustração digital com o grafite ou a colagem com a pintura.

Para ajudar na elaboração da identidade visual do projeto, foram 20

filtradas referências dentro do próprio movimento, nos quais foram encontradas obras que possibilitaram identificar os elementos que as compunham.

Com essa base, nossa identidade compõe-se dos seguintes elementos: fotografia, ilustração vetorizada e tipografia, sendo possível assim, identificar cada elemento da composição.

21

paleta de cores

Cinza #D3D5D5

Laranja #D3802D

Chumbo #383838

Branco #ffffff

cinza #7E7E7E

cinza claro #E0DFDE

CMYK 20 13 15 0

CMYK 14 52 91 4

CMYK 68 58 55 62

CMYK 0 0 0 0

CMYK 0 0 0 50

CMYK 14 11 12 0

22

23

tipografia NEXA RUST SANS BLACK A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 0 1 2 3 4 5 6 7 8 9 @ ¨ & ` ´ . , ?

Escolhida para títulos e postagens. É uma fonte sem serifa e caixa alta, no qual sua escolha foi com base em referências de embalagens antigas de cigarro e às ruas, já que são onde concentram-se maior parte das bitucas.

A fonte possui arestas levemente serrilhadas, lembrando os escritos desgastados, devido à aspereza, nos asfaltos de ruas e seus caracteres possuem vértices suavemente arredondados e com forma mais retangular remetendo a uma bituca.

24

tipografia SUGARCUBES ABCDEFGH IJKLMNOPQRS TUVWXYZ abcdefgh ijklmnopqrs tuvwxyz 0123456789 ‘^~!@#$%¨&*_-+= ` ´ { }[ ] ( ) “ ; : . , | \ / ? < >

Escolhida para textos corridos.

Uma fonte serifada do grupo slab serif, geométrica, que dá uma ótima leitura e possui simplicidade, assim como a atitude de descartar adequadamente uma bituca é, simples e eficiente.

25

tipografia BONKERS ABCDEFGH IJKLMNOPQRS TUVWXYZ abcdefgh ijklmnopqrs tuvwxyz 0123456789 !@#$&-= ();:.,/?

Escolhida para a criação do logotipo, Bonkers é uma fonte sem serifa projetada para títulos, cartazes e manchetes. É uma fonte marcante, bold e de ótima legibilidade. Perfeitamente aplicável ao projeto.

26

PAINEL SEMANTICO

27

au dio vi sual ro teiro

Sequência 1

Você já reparou nas bitucas nas ruas da sua cidade?

Você sabe os danos que o ato de jogar bituca nas ruas causam na sua vida?

Ilustração : logo do projeto Vídeo Background: timelapse calçada 29

Sequência 2

No mundo são descartadas anualmente 5,6 Trilhões de bitucas de anualmente Em um dia São Paulo descarta aproximadamente 34 Milhões de bitucas indevidamente Ilustração : bituca sendo jogada Vídeo Background: rua movimentada

Sequência 3

Isso é equivalente à um cômodo de uma casa de 72m² cheio até o teto Já imaginou essa quantidade em sua casa?

Ilustração : chuva de bitucas dentro de uma sala Vídeo Background: rua movimentada 31

Sequência 4

Bitucas jogadas pelas calçadas compõe grande parte do lixo dos esgotos O que impede a vazãO da água dentro das tubulações levando a enchentes?

Ilustração : um fluxo de água azul entra na cena pela direita preenchendo o fundo da animação e fica suja com bitucas e lixo boiando. Depois desce para entrar a próxima animação.

Vídeo Background: cidade

Sequência 5

Em um cigarro são encontradas mais de 4000 substancias

Entre elas produtos altamente poluentes

Ilustração : bituca com nome das substâncias compostas ao redor: Arsênico – Chumbo – Mercúrio - Cádmio Vídeo Background: cigarro sendo apagado 33

Sequência 6

Essas substÂncias degradam o ambiente como um todo

Ilustração : mar poluído e árvore pegando fogo Vídeo Background: montanhas com árvores

Sequência 7

Baixe nosso aplicativo, e descubra como ajudar a tornar seu ambiente mais saudável.

Ou nos encontre pelas redes sociais para saber mais

Ilustração : logo do projeto e celular com tela do aplicativo Vídeo Background: pessoa usando computador 35

story board

Sequência 1

Você já reparou hoje ?

Sequência 2 Um dia em São Paulo

Sequência 3

Um dia em São Paulo

Isso é equivalente á um cômodo de uma casa de 72m² cheio até o teto

por ano

POR DIA

Sequência 4

Sequência 5

Bitucas jogadas pelas calçadas compõe grande parte do lixo dos esgotos

Arsênico Chumbo

O que impede a vazão da água dentro das tubulações levando a enchentes

Cádmio Mercúrio

Sequência 6

Sequência 7 Baixe nosso aplicativo, e descubra como ajude a tonar seu ambiente mais saudável.

Essas substancias degradam e destroem o ambiente como um todo

destroem e degradam o ambiente

Ou nos encontre pelas redes sociais para saber mais!

37

bituqueiro 10 cm

10 cm

70 cm

70 cm

20 cm

30 cm

20 cm

O Bituqueiro desenvolvido para o projeto trรกs a funcionalidade da coleta de bitucas de cigarro em troca de cรณdigos que poderรฃo ser trocados por pontos dentro do aplicativo.

De forma simples, o usuรกrio ganharรก pontos a cada bituca que depositar no bituqueiro.

38

bituqueiro Display de Interação

Insira aqui sua bituca!

Entrada de bituca

A cada bituca inserida, um código randômico será gerado e exibido posteriormente para o usuário resgatá-lo no aplicativo. e assim, ser liberada uma quantia de pontos para ele em seu perfil.

39

O sistema pensado para o bituqueiro utiliza uma seleção específica, porém simples, de hardware para o seu funcionamento:

o banco de dados;

Placa Arduíno Mega

Além desses componentes eletrônicos, também há uma pequena lanterna posicionada logo à frente do sensor de luminosidade que irá aumentar os valores das leituras recebidas, tornando mais seguro o reconhecimento de cada bituca inserida.

Uma plataforma de prototipagem eletrônica e de fácil manuseio; Ethernet Shield Responsável por estabelecer conexão com a internet e com 40

Sensor de Luminosidade Responsável por identificar a entrada das bitucas inseridas.

bituqueiro A lógica por trás do bituqueiro consiste em três etapas principais: 1 – Reconhecimento da entrada de uma bituca; 2 – Geração randômica do código promocional; 3 – Exibição do código ao usuário.

descartadas, que fará o uso de um saco comum para a coleta.

Ambas as partes terão um encaixe que possibilitará o acesso ao sistema de hardware e a retirada do conteúdo coletado.

Dentro de cada etapa, há diversas medidas de consistência para garantir seu funcionamento correto.

O formato do corpo do biqueiro será retangular e terá o visual que se assemelha ao de uma bituca de cigarro, fazendo menção ao objeto a ser descartado.

Poderá ser colocado diretamente no chão e sua principal instalação será em pontos específicos do cenário urbano para sua utilização comum.

O corpo do bituqueiro será composto por duas partes principais.

A primeira sendo uma divisão onde será alocado todo o sistema de hardware descrito acima. A segunda, será o reservatório de bitucas

41

tecnologias

As tecnologias e ferramentas utilizadas neste projeto refletem as diversas abordagens ao tema: aplicativo, bituqueiro, materiais gráficos e digitais Programas Gráficos

Aplicativo

Bituqueiro

Adobe Illustrator Adobe Photoshop Adobe InDesign

HTML CSS JavaScript Php Sql

Arduíno Ethernet Shield Sensor de Luminosidade Php Sql

42

44

45