Trabalho de Final de Curso

TFC

Produo Multimdia

WEB DESIGN

DECLARAO DE DIREITOS AUTORAIS

Eu, Mariana Perroni de Sousa, portadora
do RG 48.495.628-0 e de Registro Acadmico:
122438, matriculado no quarto (4) semestre do
curso de Tecnologia em Produo Multmdia
da Universidade Santa Ceclia - Unisanta, declaro e assino diante do que dispe a lei 9.610 de
19.02.1998 ( Lei de Direitos Autorais), que este Trabalho Final de Curso intitulado: VegAlternativa,
de minha autoria e exclusiva responsabilidade
e no contm apropriao indevida, ou total,
da obra de outro autor, em qualquer formato,
ou mdia, e que apenas foi utilizado referncias
e bases de domnio pblico. Tendo cincia de
que caso seja constatado a existncia de plgio, haver penalizao sobre o mesmo.
Santos, 12 de Novembro de 2016.
________________________________________
Assinatura

NDICE
APRESENTAO...........................Pg. 06
OBJETIVO......................................Pg. 09
PBLICO/MERCADO....................Pg. 11
JUSTIFICATIVA..............................Pg. 13
DEFINIES..................................Pg. 21
PESQUISA......................................Pg. 31
DESENVOLVIMENTO.....................Pg. 35
Web...............................................Pg. 43
Criao.........................................Pg. 59
Concluso....................................Pg. 77
Bibliografia...................................Pg. 80
Anexos..................................................Pg. 88

A VegAlternativa um projeto de web design, mas precisamente um hotsite, para conscientizao sobre o tema vegetarianismo/veganismo. Nele haver contedo diversos, no s sobre
a alimentao em si, mas como tambm adoo
de animais, explorao, como repor, (de repente
algum nutriente), a diferena entre um e outro.
A inteno divulgar o tema, que por mais
que seja um assunto bem antigo, ainda pouco discutido, infelizmente. Vale lembrar tambm
que o textos so o mais breve possvel, contendo
poucas informaes apenas para que a pessoa
conhea sobre tal assunto, proporcionando assim uma leitura mais rpida, objetiva, ao mesmo
tempo em que o usurio se sinta a vontade em
procurar mais sobre o assunto em outros sites, artigos, revistas e qualquer outro lugar.
No a inteno tornar ningum vegetariano/vegano de um dia para o outro. Mas sim
mostrar, que h opes para parar com a carne,
e derivados de qualquer origem animal. E assim
fazer com que ao menos, algum se interesse e
comece a transio.

APRESENTAO

Em nenhum momento mostrado, imagens ou

qualquer coisa do tipo, que contenha tortura, por exemplo. J que mais para frente veremos o pblico
alvo. um contedo mais leve, e como j dito, fica o
livre arbtrio da pessoa escolher se quer ver tais imagens ou no.

OBJETIVO

O principal objetivo do projeto mostrar s pessoas que o vegetarianismo/veganismo no apenas uma dieta um estilo de vida, uma relao
de tica em respeito aos animais. Que na verdade
no to difcil, e que qualquer um pode comear
a hora que se sentir confortvel para isso.
mostrar tambm que, com pequenas mudanas podemos ajudar os animais; no os fazendo passar por torturas e mortes, j que temos
diversas opes de substituio e assim ajudar o
planeta e a ns mesmos.

10

PBLICO/MERCADO

Pblico direto e indireto

No existe um pblico alvo em especfico.
Sendo assim destinado s pessoas que so vegetarianas e/ou veganas h muito tempo, h pouqussimo tempo, jovens, e claro para quem no
( e por qu no?), mas respeita e se interessa
bastante sobre o assunto.
Mercado direto e indireto
No h um mercado, pois no h a venda
de produtos, apenas referncias de ingredientes e/ou componentes contidos em alimentos e
qualquer outro produto.
Porm, talvez isso possa fazer com que as
pessoas procurem marcas ou produtos de certas
marcas que no contenham explorao animal
de nenhum tipo, que sejam vegan friendly.

12

JUSTIFICATIVA

Desde o comeo, era pretendido fazer alguma coisa com web design, para ter o comeo
de um portflio para a profisso aps o trmino
do curso.
Reforo que, no o objetivo do projeto, to
pouco da apresentao, transformar ningum
do dia para outro. Mas alertar sobre a explorao
e maus-tratos aos animais, e mostrar que temos
muitas alternativas, que fazem muito bem pra
eles, e para ns tambm.
Foi resolvido fazer sobre este tema, por acreditar que ter uma proximidade com o assunto seria
importante, por j pesquisar sobre o assunto e tudo
que est no site, cerca de doze (12) anos, por ser
vegetariana a este tempo, e em transio para
o veganismo cada dia mais. Diante das pesquisas foram descobertas muitas outras coisas sobre
o assunto, desconhecidas at ento.

Muito se pergunta qual a relao com o

meio ambiente, temos muitos dados, de que
a alimentao vegetariana j ajuda e muito o meio ambiente, reduz o consumo da
gua, da energia eltrica, alm de ajudar
nas plantaes de vegetais e leguminosas.

14

15

Na parte social, alm da ajuda aos animais

poder serem livres, pesquisas j confirmaram que
se fossem usadas para o prprio pas, a maioria
do plantio e distribuio da soja no haveria a
fome de muitas pessoas em vrios regies e estados do Brasil.
Viveramos em um planeta onde todos teriam chance de uma vida digna, humana ou
animal.

Lembrando que o veganismo trata-se da

maior parte de assuntos relacionados aos animais, como a adoo de animais (cachorros e
gatos de abrigos e de rua) e at mesmo com o
meio ambiente.

16

Na ponta do lpis, de acordo com os cientistas, a adoo de uma dieta vegetariana

atualmente uma opo para aumentar a
quantidade de gua disponvel para produzir
mais alimentos e reduzir os riscos de desabastecimento em um mundo que sofre com extremos
do clima, como a seca histrica que afeta os
Estados Unidos. O motivo que a dieta vegetariana consome de cinco a dez vezes menos
gua que a de protena animal que hoje demanda um tero das terras arveis do mundo
s para o cultivo de colheitas para alimentar os
animais.

17

Se somente 0,3 % das 465 milhes de toneladas de gros utilizados para alimentar o
gado fossem utilizados diretamente para alimentar seres humanos, isto seria suficiente para
salvar da desnutrio as 6 milhes de crianas
menores de 5 anos que morrem deste mal todos os anos no mundo.

Sobre o abandono de animais:

O abandono de animais subiu 10% neste
ano na capital fluminense. A cidade tem mais
300 mil animais vivendo em situao de rua. Em
todo o pas, so trinta milhes de ces e gatos sem moradia. Segundo especialistas, esse
nmero pode aumentar agora no final do ano

... desistir de carne pode reduzir a sua

pegada de carbono bem mais do que parar
de dirigir.

18

quando muita gente vai viajar.

19

Isso somente na CAPITAL FLUMINENSE, os

dados so maiores ainda em todo o pas. Isso
poderia ser mudado com a adoo ao invs
de existir o comrcio de animais, em especial
os de raa. Onde a me obrigada a gerar filhotes, muitas vezes doentes, muitas vezes mortos, e em estado deplorvel. O vegetarianismo/ veganismo, tambm trazem esta questo.

20

DEFINIES

Ovolactovegetarianos:
no
consome
carnes, porm consomem ovo e leite e
derivados.
Ovovegetarianos: no consome carnes e
nem leite e derivados, apenas ovos.
Lactovegetarianos: no consomem carne e
nem ovos, porm consomem leite e derivados.
Vegetarianos estritos: no consomem na alimentao nada de origem animal. (So praticamente veganos).

O VegAlternativa, como j dito um hotsite

sobre vegetarianismo e veganismo.
Vegetarianismo:
vegetariano pessoa
que exclui de sua alimentao o que mata o
animal para consumo, como a carne vermelha
ou branca ( peixes, frango), mel. O vegetarianismo classificado em quatro partes:

22

O Veganismo: vegano a pessoa que exclui

no s o que se mata para consumir, mas tudo
o que vier de explorao animal, como o leite
e derivados (explorao e morte e tortura das
vacas e bezerros), o ovo (explorao, morte e
tortura de galinhas), ingredientes de origem animal como a cochonilla (corante avermelhado,
proveniente de um inseto). Assim como consumo de componentes em produtos de beleza,
higiene.

23

Alm disso, no veste roupas, calados, e

acessrios, com os componentes: couro, l,
camura, pelos, pele, pena, seda e por vezes,
cetim, objetos em marfim; j que todos os animais que se retiram essas peles so torturados at
a morte. No TFC e nos projetos feitos em sala no
curso ( em especial na rea de Design Editorial),
procurei tratar sobre temas relacionado aos animais, j que o veganismo isso. Foi falado sobre
trfico de animais silvestres, e suas compras; extino, e explorao.
Muito se fala (como j dito bem acima) em
dieta. Mas o veganismo muito mais do que uma
dieta, muito mais do que alimentao.
Cada seo do hotsite contam com pequenos
textos, de uma forma breve para cada assunto.

Na primeira temos: a HOME, constando o

logotipo do projeto e a informao de que precisa ser dado scroll para visualizao de contedo.
Na segunda temos: QUEM SO?, constando
uma resumida explicao das diferenas entre
os quatro(4) tipos de vegetarianismo,e o veganismo.
Na terceira encontra-se: VEG VEG , nesta parte definimos de vez os vegetarianos/veganos.
Na quarta seo: COMPONENTES, aqui podemos ver uma pequena lista com alguns ingredientes mais encontrados no dia-a-dia, e a substituio vegetal de cada um.
Na quinta vemos: COMO REPOR?,nesta
seo temos dicas rpidas de como repor alimentos nas refeies, onde podem ser encontradas as vitaminas necessrias, muitas vezes no
s derivadas de origem animal.

24

25

Na penltima seo : DIVERSIDADES, contendo mais sobre o tema,no s a alimentao

em especfico.
E na ltima: DADOS, onde encontrar
qualquer tipo de dados sobre o tema.

O veganismo vem aps o vegetarianismo, a

maioria das pessoas comeam com a retirada
da carne, e depois passam para a transio de
retirada de qualquer coisa com origem animal.

26

O vegetarianismo surgiu h cerca de 5 milhes de anos. O antepassado mais antigo do

homem, alimentava-se apenas de frutas, folhas e
sementes.
Uma dieta vegetariana era praticada entre
alguns grupos religiosos no antigo Egito, por volta
3.200 a.C, com abstinncia da carne baseada
em crenas crmicas de reincarnao.
Na China e Japo Antigos (sculo 3 a.C.), o
clima e os terrenos eram propcios prtica do
vegetarianismo. O primeiro profeta-rei chins,
era vegetariano e ensinou s pessoas a arte do
cultivo, as propriedades medicinais das ervas e
o aproveitamento de plantaes para roupas e
utenslios.

27

O vegetarianismo era defendido em versos

dos Upanixades e tambm mencionado no Rig
Veda, o mais antigo e sagrado texto da literatura
hindu.
O filsofo e matemtico ressaltava as vantagens de uma dieta livre de carne para a sade.
Outros pensadores da Grcia Antiga tambm
eram a favor da dieta vegetariana: Scrates,
Plato e Aristteles defendiam uma vida natural,
que no envolvesse a matana de animais.

O vegetarianismo sempre foi fundamental

ao Budismo, que prega a compaixo a todas
as criaturas vivas. A dieta vegetariana acabou
se espalhando no Imprio Romano por volta
dos sculos 3 e 6, entre os seguidores dos preceitos filosficos nos ensinamentos de Plato.
Filsofos importantes como Voltaire, Rosseau e Locke questionavam a crueldade dos
homens em relao aos animais e o extremamente influente Os Direitos do Homem (1791),
de Thomas Paine, tambm levantava questes
quanto aos direitos dos animais.

28

29

Comunidades vegetarianas eram comuns

nos Estados Unidos por volta de 1830.
Devido escassez de alimentos durante a
Segunda Guerra Mundial, os britnicos, sob o
lema Escavar para a Vitria (Dig for Victory),
foram estimulados a cultivar seus prprios vegetais e frutas, estimulando o vegetarianismo.
Entre os anos 1950 e 1960, um grande nmero de pessoas tomaram conscincia do que se
passava nas unidades de produo intensiva,
introduzidas aps a guerra. O vegetarianismo
tornou-se bastante popular entre os adeptos da
contracultura nos anos 60, quando as influncias
orientais se espalharam pelo mundo ocidental.

30

PESQUISA

Sobre o contedo:
Pode ser percebido que o contedo do
site e do relatrio so um tanto diferentes entre si, isso porque como j dito o hotsite feito
para uma breve leitura, e conhecimento, j o
assunto do relatrio pode ser maior, e conter
um pouco a mais sobre tal.
Para o contedo do site, foram pesquisados assuntos que mais so perguntados pelos
curiosos do tema, em geral, respostas foram
obtidas atravs de grupos da rede social FACEBOOK, e depois de selecionados ou no, foi
realizada uma pesquisa mais afundo.
Como na maior parte escrita so dados,
os textos so quase que integralmente retirados de fontes confiveis e referncia em toda
a internet, como exemplo o site vista-se.

32

Os assuntos foram pesquisados tanto em

sites nacionais quanto internacionais, por conter, as vezes, l fora, muito muito mais contedo, e muito mais dados, alm de pesquisas
serem feitas, e sempre renovadas. Alm claro, de saber como anda o vegetarianismo e o
veganismo l.
necessrio citar tambm o site, mapveg,
nacional e com boas estatticas atuailizadas.

33

Aps o contedo feito. foram pesquisadas imagens de referncia e criados vetores, originais, somente baseados em outros.
Cada ilustrao resume o que estar escrito. Ou ao menos indica sobre o que ser
tratado.
Quanto ao cdigo, foram consultados
dezenas de sites para inspirao. Seja em
relao ao prprio funcionamento, ao cdigo, esttica.
Vale ser lembrado, que o projeto foi alterado diversas vezes at que fosse finalizado.

34

DESENVOLVIMENTO

Com muita pesquisa feita, foi comeado a parte da criao, que foi alterada diversas vezes at chegar num resultado final,.
Foram realizados os desenhos em vetores,
um animal foi escolhido para representar cada
pgina, como por exemplo Quem So? foi
escolhido o coelho, e etc.
Foi colocado um representando cada origem, ento temos a vaca que representa o leite
e derivados, temos o coelho representando o
teste em animais, temos a ovelha, que representa o uso de peles (couro, pelos)em roupas.
Os textos so o mais simples e objetivos possveis, contendo apenas a informao bsica,
fazendo assim, com que o usurio comece a
pesquisar cada vez mais sobre o assunto, em
qualquer plataforma que for de acesso ele.

36

A princpio, o site seria mais pesado e

mostraria como realmente acontece em abatedouros. Porm conversado com a professora
orientadora, chegou-se concluso que seria
melhor uma identidade visual mais leve. Assim o
contedo estaria visvel para todas as idades e
pblico.
Com a temtica decidida, comeou a se
pensar sobre a paleta de cores, e como poderia
ser feito o logotipo. Assim ficou mais fcil para decidir a paleta de cores dos layouts, das imagens,
e at mesmo das tipografias. (vide criao).
Com essa parte decidida, foram feitos testes
para o funcionamento, escolhido que seria onepage (por ser um hotsite de divulgao) e com
os elementos de funcionamento que seriam trabalhados, por exemplo, os plug-ins, e como estes
seriam utilizados (dar nfase pgina, somente
animar, causar interao). Nesta parte juntamente com os testes, foi escolhido o que cada
seo trataria, e como ela funcionaria, como j
explicado em definies.

37

Cada seo tem seu diferencial, seja por

vetores diferentes (tambm j explicado o que
cada um representa), animao diferente,
trazendo assim a cada pgina uma pequena
diferena ao usurio, para que ele no canse
de ver toda pgina funcionando igual outra.
Toda esta parte de animaes, e o diferencial do site sero visto somente por large
desktops e desktops , por ser necessrio em
algumas sees passar o mouse em cima
para o texto ser visualizado, temos ento duas
verses de site. A primeira j dita, e a segunda
a verso mobile, e para tablets, onde a falta
das imagens grficas, e a retirada da maioria das animaes, deixam o carregamento
da pgina mais leve, e mais objetivo para o
leitor. A responsividade foi adaptada aps ter
sido criado totalmente para visualizaes em
monitores bem maiores do que 400px (quatrocentos pixels) , por exemplo.

38

As disciplinas relacionadas:
Web design no s relacionada, como a
fundamental para o projeto, por ser um TFC de
site para web.
Design grfico - relacionada por estar em
todo o contedo visual do projeto, toda a identidade visual , a paleta de cores, as tipografias,
o minimalismo, seja no hotsite, no relatrio e at
mesmo nas embalagens feitas.
Lab. De representao grfica disciplina
usada para aprender a utilizar os softwares usados neste TFC.
Produo Multimdia relacionada por
mostrar como o multimdia funciona, a relao
de usurio com o produto.

39

Como perfil multimdia temos, o contedo escrito, como parte de produo de textos, as ilustraes em vetores, como parte de
ilustrao, as pequenas animaes, o visual, como parte de design.

Design cultural e meio ambiente disciplina onde foi aprendido como reutilizar produtos
que muitas vezes so jogados fora. Como por
exemplo, papis. E isso foi fundamental para
que houvesse muitas pesquisas de como fazer
embalagens para a entrega, ligando o meio
ambiente que tem tudo a ver com o projeto
em si.

40

41

Softwares utilizados:

Komodo Edit Para escrever os cdigos

da pgina. Utilizado por ser leve para o computador, de fcil usabilidade para quem usa, e
por ter sua verso free, da prpria empresa.
Adobe Illustrator CS6 Para a criao dos
vetores e
toda parte grfica. Utilizado
por ser um dos softwares mais recomendados.
Adobe Photoshop CS6 Para edio das
imagens sobre postas na seo HOME. Utilizado
por ser o programa mais recomendado para
edio de imagens.
Adobe InDesign CS6 Usado para diagramar todo este relatrio. Utilizado por ser um
dos mais recomendados para diagramao
de textos e imagens.

42

WEB

AI - ARQUITETURA DE INFORMAO

44

WIREFRAME

45

46

47

48

49

50

51

52

53

55

Navegadores:

Visualizao:
O site pode ser visualizado em qualquer resoluo, desde large desktop, desktop, tablets,
at smartphones, j que um site responsivo.
A resoluo das imagens so em 300 dpi, e
todo o site padro RGB. Para as cores foram usados seus cdigos hexadecimal.(ex.: #000000
- preto).

Pode ser utilizado, e bem visualizado nos

browsers mais utilizados: Google Chrome,
Mozilla Firefox, Internet Explorer e o Opera.
Para melhor experincia com o usurio,
recomendvel que utilize as verses mais recentes disponveis de cada um.

Tecnologia:
Para o projeto ser desenvolvido foram
usados: HTML5, CSS3, JAVASCRIPT, plug-in
ScrollMagic, e (Jquery).

56

57

Frequncia de atualizao:
O site ser atualizado mensalmente partir da data de hospedagem.
Os usurios faro parte do contedo; algumas pessoas sero escolhidas e perguntadas
sobre o que elas sentiram falta, o que deveria
ser retirado ou acrescentado, depoimentos e
o que julgarem de maior necessidade para o
melhoramento do projeto. Assim elas participariam diretamente, dando incio ao projeto
futuro de uma rede onde usurios interagiriam
e acrescentariam ao contedo.

58

CRIAO

As imagens:

Fonte e cor foram alteradas. E

tambm a cor de fundo.

60

61

Explicao:
As ilustraes, com exceo da home
( imagem de fundo retirada de um site de
imagens free, vide referncias), so criadas por
vetor com base em outras imagens.
A paleta de cor se resume em verde verde para azul - azul. Este ltimo relacionado
ao cu, oceano, portanto natureza, assim
como est ligado justia. O verde associado natureza em geral, s plantas, ao meio
ambiente, coisas naturais, alm de harmonia.
O laranja usado por ser relacionada energia, sade, alimentao, e fortalecimento. E o branco fazendo referncia simplicidade, leveza, ao que sagrado, alm de ser
simbolizado em todo o mundo como a cor da
paz.
Abaixo segue um screenshot com algumas
cores usadas no site.

62

Toda a criao foi pensada para ser

um diferencial em relao aos sites de
referncia que foram consultados e retirados contedo.
Em anexos pode ser visto que a maioria dos sites so totalmente estticos,
com uma identidade visual, com um certo padro, alm de ter uma esttica visual no atrativa, e um pouco mais antiga,
como se no tivessem acompanhado as
mudanas de hoje.

63

Screenshot logotipo. - Laranja.

Screenshot logotipo. - Laranja.

64

65

Screenshot logotipo - verde alternativa da folinha.

Screenshot logotipo - verde da folinha.

66

67

Estes dois screenshots so cores de referncia para o fundo do site.

Aqui pode ser visto o azul, que a ltima cor da transio das pginas, enquanto ao lado pode-se perceber o verde que a primeira
cor da transio.

68

69

Ainda sobre a criao foram escolhidas

duas fontes para a parte escrita do site, e duas
para o logo. Para o relatrio apena uma com
variaes de estilo. So fontes leves e de fcil
leitura para o usurio.

Para o logo:
VegAlternativa - Century Gothic, bold,
tamanho 63 pt.
Muito mais que alimentao - Coneria
Script Demo, regular, tamanho 11 pt.

70

71

Para o site:
Ilustraes - Moon Flower, tamanho: (cerca de 20 pt, h variaes), regular.

Textos - Open Sans Condensed , regular,

tamanho: muitas variaes.

72

73

Para o relatrio:
Century Gothic, bold, tamanho 36 pt - para
os ttulos das divisrias.
Century Gothic, bold e itlico, tamanho 18
pt - para observaes e palavras de origem
inglesa.
Century Gothic, itlico tamanho 24 pt para reportagens e escritas e textos no originais.
Century Gothic, regular tamanho 24 pt para o relatrio.

74

Os vetores como j brevemente mostrados em um dos screenshots, partem para

o estilo minimalista, assim como o relatrio,
site e todo o projeto deste TFC, apenas
para demonstrar e fazer uma referncia
alguns dos animais. Sendo assim h apenas
o contorno de cada um, e suas caractersticas que mais se destacam. Foi escolhido o
minimalismo, para trazer menos imagens,
menos textos, e a mensagem ser mais direta e objetiva. ...prega a maior simplicidade
possvel para passar a mensagem. , um dos
lemas deste estilo, o menos mais.

75

Para conseguir atingir as caractersticas

primrias do minimalismo, foram utilizadas fontes de fcil legibilidade, poucas cores, com
variaes apenas nos tons e nas transies entre elas, foi tambm utilizado um espaamento
maior entre as linhas, e um espao em branco
para que realmente o contedo fosse o centro das atenes.
Sobre o site

76

77

Concluso

O que pode ser concludo com este projeto, em primeiro lugar foi o quanto um assunto extenso, com contedo diferentes muitas
vezes difceis de se encontrar, pricipalmente
em mbito nacional. Porm o quanto importante saber, e divulgar sobre a tortura, a
matana totalmente desnecessria dos animais, que quase sempre, seno sempre esto sujeito condies lamentveis.
Alm disso este projeto foi mais um grande
estudo, seja pelo tema, que ainda havia, e
com certeza h coisas desconhecidas ainda, mas que logo se tornaram conhecidas
graas ao aumento cada vez mais de pessoas conscientes sobre o assunto. E cada vez
mais pessoas em transies no seu respeito e
tica com todos os seres.

78

Foi concludo que seria melhor no colocar dados mais especficos por conter
mais explicao sobre o projeto do que sobre realmente o que todo o vegetarianismo e veganismo, assim imagens com dados
maiores, podem ser encontradas na parte
de anexos.
Assim sendo, a filosofia vegetariana/vegana muito mais que alimentao, uma
alternativa de vida.

79

BIBLIOGRAFIA

SPENCER, STEPHAN Eric Enge. A Arte de

SEO: Dominando a Otimizao dos Mecanismos de Busca. Editora: NOVATEC. 2 Edio.
2012.
Sites:
<http://ideatore.com.br/?/post/119/oque-e-design-minimalista/>
<http://idesigns.com.br/blog/design-grafico/89-significado-das-cores>
<https://vegetarianismoveganismo.
wordpress.com/eu-sou-vegetariana/as-origens-do-vegetarianismo-no-mundo/>
<http://www.svb.org.br/vegetarianismo1/o-que-e>

REFERNCIAS
BIBLIOGRFICAS

81

<http://www.anda.jor.br/11/10/2016/
abandono-de-animais-subiu-10-neste-anono-rio-de-janeiro ->2016
<http://www.oeco.org.br/colunas/the-guardian-environment-network/28579-de-verdade-quer-mudar-o-clima-torne-se-vegetariano/ ->2014
<http://www.svb.org.br/205-vegetarianismo/saude/artigos/18-vegetarianismo-e-combate-ome ->2007

E muitos outros sites foram consultados,

porm uma parte estar em anexos, j que
so imagens, alm de muitos outros terem
sido, tambm para alguma referncia rpida e no tanto essencial para o projeto, h
tambm vrios sites e vdeos, usados para
a base do cdigo do site, dentre eles diversos blogs, e tutoriais assim como o CODEPEN; no foram citados aqui, por conter links
que no esto mais dispovveis, alm de as
referncias estarem focadas somente no
contedo.

<http://exame.abril.com.br/mundo/noticias/falta-de-agua-pode-tornar-o-mundo-vegetariano -> 2012

<http://www.mudaomundo.org/como/alimentacao/alimentos_veganos>
<http://www.nutriveg.com.br/ferro-na-dieta-vegetariana.html>

82

83

SPENCER, STEPHAN Eric Enge. A Arte de SEO:

Dominando a Otimizao dos Mecanismos de
Busca. Editora: NOVATEC. 2 Edio. 2012.
Foi consultado para descobrir um pouco
mais, do que foi visto em aula, sobre tcnicas
de SEO.
Sites:
<http://ideatore.com.br/?/post/119/oque-e-design-minimalista/>
Consulta feita para apronfundar sobre o
minimalismo, j que estudamos sobre em aula,
ter ideias, e poder explicar do que se trata,
mesmo que brevemente.
<http://idesigns.com.br/blog/design-grafico/89-significado-das-cores>
Site, artigo, utilizado para dar certeza sobre
o significado de cada cor utilizada neste projeto.
<https://vegetarianismoveganismo.
wordpress.com/eu-sou-vegetariana/as-origens-do-vegetarianismo-no-mundo/>

84

Consultado para mostrar uma parte da

histria do vegetarianismo, e suas origens,
onde comeou, quem foram os primeiros
apoiadores da causa.
<http://www.svb.org.br/vegetarianismo1/o-que-e>
Site consultado para a referncia de
definio de vegetarianismo/veganismo.
<http://www.anda.jor.br/11/10/2016/
abandono-de-animais-subiu-10-neste-anono-rio-de-janeiro ->2016
Consulta feita para mostrar um dado recente sobre abandono de animais.
<http://www.oeco.org.br/colunas/the-guardian-environment-network/28579-de-verdade-quer-mudar-o-clima-torne-se-vegetariano/ ->2014
Consulta feita para mostrar os benefcios
do vegetarianismo/veganismo em relao
tambm, ao meio ambiente, e o planeta.

85

<http://www.svb.org.br/205-vegetarianismo/saude/artigos/18-vegetarianismo-e-combate-ome ->2007
Utilizado para obter dados de relao
entre a fome e o vegetarianismo.
<http://exame.abril.com.br/mundo/noticias/falta-de-agua-pode-tornar-o-mundo-vegetariano -> 2012
Notcia na EXAME, mostrando a realidade
de que se encontra o planeta. Mais uma vez,
h a relao entre meio ambiente e vegetarianismo/veganismo.

<http://www.nutriveg.com.br/ferro-na-dieta-vegetariana.html>
Mais um dos diversos sites visitados sobre
como repor alimentos e em especfico neste
caso o ferro.

<http://www.mudaomundo.org/como/
alimentacao/alimentos_veganos>
Um dos muito consultados, sites para
referncias de substituio de alimentos. E
vitaminas, protenas, por exemplo.

86

87

ANEXOS

88

90

91

Primeiros rabiscos do logo.

Primeira imagem feita para a home.

92

93

Termos de uso de cdigos do CODEPEN.

FreePik, utilizado como referncias para vetores.

94

ERRATA
Na pgina 56, linhas um, dois e trs
(1,2,3), leia-se O site no pode ser visualizado em qualquer resoluo, por no ser
cem por cento, um site responsivo.
Na pgina 56, linha quatro (4), leia-se
72 DPI.
Na pgina 57, linha trs (3) para o Internet Explorer, utilizar a ltima verso, mais
recente