“CLUBE DA GORDICE” • Web, Blog

download “CLUBE DA GORDICE” • Web, Blog

of 58

Transcript of “CLUBE DA GORDICE” • Web, Blog

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    1/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    2/58

    SUMRIO

    1 TTULO, NOME DO TRABALHO E TEMA

    2 APRESENTAO

    3 OBJETIVO

    4 PBLICO/ MERCADO

    4.1 Pblico direto e indireto

    4.2 Mercado direto e indireto

    5 JUSTIFICATIVA

    5.1 Responsabilidade social e ambiental envolvidas

    5.2 Viabilidade.

    6 DEFINIES

    6.1 Internet

    6.2 Redes sociais

    6.3 Food Porn

    7 PESQUISA

    8 DESENVOLVIMENTO

    8.1 Processo criativo

    8.2 Tcnicas empregadas

    8.3 Disciplinas relacionadas

    8.4 Conceito de criao esttica

    8.4.1 Uso de imagens

    8.4.2 Cores

    8.4.3 Tipograa

    8.5 Perl multimdia de seu projeto.

    8.6 Desenvolvimento do trabalho

    8.7 Arquitetura de Informao

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    3/58

    8.7 Arquitetura de Informao

    8.8 Wireframe | Diagramao

    8.9 Padres grcos

    8.10 Requisitos de equipamento para utilizao

    8.11 Tecnologias empregadas

    8.12 Frequncia de atualizao das pginas, contedos e reedies propostas

    9 CRIAO

    10 CONCLUSO

    11 BIBLIOGRAFIAS

    12 COMENTRIOS SOBRE A BIBLIOGRAFIA

    13 REFERNCIAS BIBLIOGRFICAS, DE UDIO, VDEO, GRFICAS E DE WEB

    14 ANEXOS

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    4/58

    4

    1 tul, nm d trabalh tm

    O ttulo do nosso projeto Clube da Gordice, umblog com contedo de entretenimento culinrio voltado

    para o tema de web. O nome do nosso blog foi escolhido,aps algumas ideias pelo grupo, denida a categoria e ognero, e j com uma ideia de qual seria o nosso foco nasmatrias e contedo. Buscamos deix-lo 100% ligado aoobjetivo principal do nosso projeto, para o pblico ler onome e j identicar o nosso foco.

    Algumas ideias de nomes sugeridos foram: USTED,Ta na mesa, O que temos para hoje?, Whats UpToday?, Sabor Alternativo. Aps essas ideias surgiu umnome que nos agradou, Clube da Gordice, pois consegueresumir nosso principal objetivo e, em relao esttica,

    ao aplicar em nosso logo foi o que mais nos agradou.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    5/58

    5

    2 Aprsnta

    O Clube da Gordice um blog com contedo culinriovoltado para o entretenimento. Alm do blog, iremos

    tambm compartilhar contedos sobre o tema em nossasredes sociais.

    Seja um prato vegetariano, light ou bem temperado,como a culinria oriental, queremos atravs de matrias,vdeos e fotos, despertar o sentimento de prazer em

    comer em nossos leitores e seguidores, sempre tentandotransmitir a ideia do Food Porn ilustrando pratos decomida variados.

    Alm das receitas, tambm iremos abordar temascomo a harmonizao entre comidas, bebidas e msica,

    dicas sobre estabelecimentos para comer, entrevistas comprossionais da rea, reviews de eventos, e etc.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    6/58

    6

    3 Objtv

    Nosso objetivo criar um blog com matriassemanais de diversos contedos culinrios atravs de uma

    comunicao descontrada com nossos leitores.

    Atravs do contedo do nosso blog, desejamoscompartilhar receitas de diversas reas da culinria(Fitness, junk food, vegetariana, cervejas artesanais, eetc.).

    O intuito nos aproximarmos de nossos seguidoresdas redes sociais, e leitores do blog para compartilharmosdicas, brincadeiras e receitas de uma forma prazerosa,alegre e divertida.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    7/58

    7

    4 Pblc-alv/ Mrcad

    Denir o pblico-alvo fundamental para a escolhaadequada da linguagem e do formato de um projeto e oseu meio multimiditico.

    Alm desses elementos, tambm essencial denir osveculos de informao para transmitir de forma clara ocontedo desejado para este mercado.

    4.1 Pblc Drt Indrt

    Fizemos uma pesquisa de campo para tentarltrar nosso pblico, porm os resultados apenas nos

    apresentaram um pblico com vrios gostos culinriosinteressados em ler nossa antiga ideia de projeto que seriauma revista editorial.

    Ento decidimos focar nesse pblico geral paraser nosso pblico-primrio: pessoas que sentem prazerem cozinhar, harmonizar comidas e bebidas e aprendernovas receitas atravs de uma comunicao mais leve edescontrada, que tenham liberdade de guiar suas prpriasreceitas baseadas nas que sero passadas pelo blog.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    8/58

    8

    Nosso pblico-alvo primrio (direto), portanto, sopessoas com as seguintes caractersticas e faixa etria:Pessoas mais novas em perodo de universidade, que

    gostam de juntar inovao, lazer e entretenimento emapenas uma ao. Um pblico-alvo jovem, com uma faixaetria entre 21 e 39 anos que busque entretenimento ouque queira aprender a cozinhar.

    J nosso pblico-secundrio (indireto), seria: Pessoas

    que cuidam da casa e buscam inovar suas receitas parasuas famlias. Um pblico tambm jovem, porm commaiores responsabilidades domsticas e prossionais. Sopessoas que chegam tarde em casa e querem algo rpido,porm no muito sem graa nem simples, para prepararpara o jantar.

    4.2 Mrcad Drt Indrt

    Como nosso projeto de web, nosso mercado ca umpouco generalizado por conta do fcil acesso que vriaspessoas tm a diversos contedos atravs da internet.

    Porm, nosso mercado direto seria o da categoriade entretenimento, com o gnero culinrio. Como porexemplo: sites de aplicativos de dispositivos mveis quedisponibilizam o compartilhamento e a publicao de

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    9/58

    9

    receitas simples e muito conhecidas pelos brasileiros(Tudo Gostoso), canais no site Youtube que ensinamreceitas de lanches de renomados fast-foods ou at

    algumas bem calricas (Ana Maria Brogui e Epic MealTime) e pers no Instagram de pessoas que compartilhamseus estilos de vida sadaveis e tness (Kfera Lifestyle eFbrica de Monstros).

    J o nosso mercado indireto seriam sites e canais de

    TV paga com contedo de entretenimento e cuidadosdomsticos (GNT, Discovery Home & Health e TLC). Poisexistem pais e casais recm-casados jovens que buscamalgo diferente para fazer em casa, inspirando-se nessesprogramas culinrios, e que depois procuram as receitas,vistas no programa, no site dos canais dos mesmos.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    10/58

    10

    5 Justficatv

    Queremos fazer esse trabalho para mostrar o quea culinria realmente signica e mudar essa imagem deque somente prossionais podem cozinhar pratos maisdiferenciados.

    5.1 Rspnsabldad Sca Ambnta nvlvda

    Qualquer pessoa pode criar sua prpria receita etransform-la em um prato original e nico.

    A mensagem que queremos levar para as pessoas :Cozinhar sem medo, sem preocupaes com receitas, e

    se divertir! e realmente nisso que o Clube da Gordice sebaseia: diverso na cozinha.

    Mas mesmo com esse ar descontrado, tambmqueremos mostrar a importncia da comida. Tem que serdivertido, porm de uma forma saudvel.

    Queremos conscientizar as pessoas de que no saudvel comer apenas comidas de preparo rpido ou defast-foods. Muitos estabelecimentos e marcas do ramoculinrio se utilizam do Food Porn (iremos abord-lo no

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    11/58

    11

    prximo captulo) para atrair seus clientes de uma formainfalvel: produtos que escondem suas altas taxas degorduras atravs de imagens saborosas e irresistveis.

    O consumo de comidas processadas, lanches deconvenincia e pr-cozidos teve uma alta muito grande,consequncia das pessoas que querem gastar menostempo cozinhando em casa. Porm, as comidas pr-cozidas simplesmente eliminam todas as sensaes

    que normalmente esto associadas com a atividade decozinhar, incluindo as visuais.

    Nosso objetivo social utilizar esse mtodo para obem. Claro que no vamos induzir ningum a cortar os

    junk foods, doces e ans de suas dietas, mas queremos

    fazer as pessoas se sentirem atradas tambm por comidassaudveis, feitas em casa com ingredientes naturais.

    Os ingredientes naturais so menos agressivos aonosso organismo e tambm ao nosso planeta, pois asfbricas que exercem a produo de temperos e comidaspr-fabricadas muitas vezes no realizam o descartee o manejo correto de seus resduos que muitas vezesso txicos. Alm do que as vezes os consumidores nosabem realmente o que esto ingerindo em determinadoalimento.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    12/58

    12

    Por isso um de nossos objetivos sempre colocar osvalores calricos e energticos de cada receita postadaem nosso blog para que as pessoas saibam com o que

    esto abastecendo os seus organismos, e que pratiquema reeducao alimentar de forma consciente: sem cortesbruscos ou exageros.

    5.2 Vabldad

    Quanto viabilidade de nosso trabalho, trata-se deum projeto vivel e alcanvel. A vantagem do blog asua praticidade que no requer maiores conhecimentosem informtica, o que o torna um meio acessvel paravrias idades. Um ponto que tambm importante queo blog s existe a partir da insero de contedo no site,

    portanto no so necessrios gastos monetrios para arealizao do mesmo, apenas para o registro do domnioprprio e plano de hospedagem na web.

    Outra vantagem de nosso projeto o meio decomunicao e de divulgao do blog. Por ser um trabalho

    web, seu alcance orgnico bastante considervel o quetorna menor o investimento em anncios em redes sociaisou mecanismos de busca.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    13/58

    13

    Uma desvantagem do blog a sua reputao por noser uma fonte convel para informaes prossionaise metodolgicas, porm vrios professores de escolas

    e faculdades j utilizam esse meio como um estudocomplementar e interativo para seus alunos com fontes delivros conveis e metodolgicos.

    Como nosso contedo mais descontrado e voltadoao entretenimento, no pretendemos compartilhar regras

    ou mtodos culinrios prossionais, mas quando zermoscitaremos a fonte (convel) dessas pesquisas e citaes.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    14/58

    14

    6 Dfin

    Nesse captulo iremos abordar um breve histrico da

    internet e das redes sociais, a aplicao e explicao doque Food Porn e, por m, explicar a relao desses meiosde comunicao e referncias visuais com nosso projeto.

    6.1 Intrn

    A internet surgiu na dcada de 1990, e com ela aprimeira forma de interao e compartilhamento dearquivos entre indivduos em comum foi criada: o e-mail!

    O e-mail nessa poca era considerado a nica formade trocar informaes, mensagens e arquivos, de uma

    forma geral, entre as pessoas. Porm, houve a rpidapopularizao da internet e a evoluo dos meios decomunicao, como cita Andr Lemos: O nmero decoisas ligadas internet excedeu o nmero de pessoasno planeta. Estima-se que haja mais de seis objetos porpessoa conectados no mundo hoje.

    Portanto foi necessria a criao de uma ferramentamais simples e dinmica para o compartilhamento deinformaes entre as pessoas que j se conheciam, ou atmesmo as que ainda no se conheciam. Eis que surgem as

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    15/58

    15

    redes sociais digitais.

    6.2 Rd Sca Redes sociais no so somente sites como oFacebook, uma rede social pode ser algo que est fora dainternet. O termo rede social pode ser representado porinterao entre pessoas, troca de informaes, bate-papo,entre outras formas de comunicao social. A prpria

    troca de e-mails (citada recentemente) j era consideradacomo uma pioneira das redes sociais digitais.

    As redes sociais so bem mais antigas queimaginamos (algo em torno da poca dos Homens dasCavernas). O ato do homem se reunir com seu grupo para

    compartilhar refeies, ensinamentos e histrias j eraconsiderado como uma linguagem de uma rede social.

    E, como todos sabem, o ser humano necessita secomunicar e se sociabilizar entre seus iguais, e as redessociais surgem a partir dessa necessidade.

    Portanto qualquer interao com indivduos que tmanidade em seus interesses pessoais compartilhados ecriam uma aproximao entre si (amigos), tanto onlinecomo off-line, pode ser considerada como uma rede social.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    16/58

    16

    Se formos analisar, exatamente isso que o Facebook(por exemplo) faz: compartilhamento de interesses emcomum com seus amigos.

    6.3 F Pr

    Muitos perguntam o que o Food Porn por tercado famoso nos tempos atuais principalmente noInstagram com a #FoodPorn. Apesar do uso da palavra

    porn (que em ingls signica porn) o termo no temnenhuma conotao sexual ou pornogrca.

    O food porn o nome dado ao sentimento de prazerculinrio a visualizao de suculentas imagens de belospratos, que na maioria no so to saudveis, as quais

    somos inevitavelmente expostos. Fotos de comidas comcontrastes bem apetitosos que consequentemente deixamo espectador com gua na boca.

    Existem fotgrafos que so especialistas emfotograas culinrias e, alm deles, tambm existem

    os chamados Food Stylists que so responsveis pororganizar a composio dos alimentos da foto de umaforma irresistvel (gastronomicamente falando).

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    17/58

    17

    Nos Estados Unidos muito comum ver a utilizaodo food porn em propagandas de redes de fast-foods para

    atrair os consumidores atravs das fotograas, closes e

    vdeos de seus produtos deliciosamente preparados emcada detalhe. Porm, como todos j sabem, a imagemmuitas vezes mais saborosa do que o lanche narealidade.

    De acordo com o site www.theartofplating.com

    a maneira como a comida colocada no prato, ou apresentada visualmente, inuencia diretamente napercepo do sabor captada pela pessoa e pode tambmmodicar seu comportamento de consumo culinrio.

    Segundo o Professor Charles Spence da Universidade

    de Oxford: Quando voc v uma foto de comida vocimagina como seria comer aquilo. A fome visual podeser denida como um desejo natural de ver imagensde comida, resultado neurolgico, psicolgico ecomportamental de exposies a essas mesmas imagens.

    Outro benefcio, porm indireto, da intensa exposiode imagens food porn em conjunto com o crescentenmero de pesquisadores que esto fazendo umexperimento visual com fotos de comida na internet, assimilar as preferncias culinrias das pessoas.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    18/58

    18

    Os resultados dessa pesquisa sero usados paraajudar os empresrios do ramo culinrio a otimizar aapresentao visual dos pratos que servem e, quem sabe

    um dia, obter um design de contedo culinrio virtualideal.

    Todos esses elementos sero utilizados em nossomeio de comunicao com os leitores do blog.

    - A internet: ser a mdia que ir hospedar nosso projeto eque tambm ser nosso meio de divulgao do blog.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    19/58

    19

    7 Psqus

    Fizemos uma pesquisa de campo atravs de um

    formulrio com algumas perguntas especcas para tentarltrar nosso pblico, porm os resultados apenas nosapresentaram um pblico com vrios gostos culinriosinteressados em ler nossa antiga ideia de projeto que seriauma revista editorial.

    Ento realizamos outra pesquisa sobre outrasrevistas de culinria j existentes, e encontramos, em suamaioria, revistas preocupadas em passar receitas compreparos detalhados e renados, e algumas matriasdesinteressantes.

    Com base nessa pesquisa, zemos um experimentocom nosso pblico-alvo no Facebook perguntando qualdas duas opes eles escolheriam: revista digital ou blog. Eo vencedor foi o site com blog em um resultado disparado.

    Com nosso projeto denido, partimos para aelaborao de contedo do blog e para isso entrevistamoso chef Troiani do Emprio Santos Sabores em Santos SPpara nos guiar sobre o que escrever no blog para nossopblico.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    20/58

    20

    Entrevista com o Chef Troiani do Emprio Santos Sabores

    Fizemos perguntas como Por que voc escolheua carreira gastronmica? , Qual a harmonizao decomida, bebida e msica ideal para voc? , Qual dicavoc deixa para os leitores interessados em cozinhar emcasa? , entre outras.

    Alm da entrevista, tambm acompanhamos oprocesso de criao de massas artesanais do emprio.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    21/58

    21

    Tambm procuramos nos aprofundar sobre o foodporn para adaptarmos esse conceito para pratos e receitasmais saudveis tambm, por conta do nosso pblico

    abrangente.

    Tambm procuramos no Google Trends algumaspalavras-chaves principais para nosso trabalho.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    22/58

    22

    8 Dsnvlvmnt

    8.1 Prcss Cratv Nosso processo de criao comeou no segundosemestre da faculdade quando pensamos em criaruma linha de camisetas que transmitissem como era apersonalidade da pessoa que as vestiam atravs de suasestampas baseadas em um perl com msicas, lmes,

    frases e comidas favoritas passadas pela prpria pessoa.

    Depois de pensarmos em utilizar essa ideiaparalelamente com algum outro projeto principal,chegamos a ideia de criar uma agncia digital multimdiachamada USTED (voc em Espanhol, para representar

    que quem fazia nosso produto era o cliente). Ns iramoscriar mascotes para as empresas, sites institucionais,trabalhos de fotograa..., porm, e a msica? Ou pior, e aculinria?

    Dois focos que queramos muito trabalhar na

    primeira ideia no estavam presentes na segunda.Portanto, comeamos a desenvolver um novo projetoque misturasse tudo que gostvamos: comidas, bebidas,msica, ilustrao e web. Mas no conseguamos pensarem um projeto que pudesse virar um negcio vivel para

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    23/58

    23

    ser apresentado como TFC.

    Foi ento que alguns amigos nossos que

    encomendavam cervejas artesanais mensalmente nospresentou com uma revista que receberam junto dascervejas. Por ter uma diagramao diferenciada, umdesign interessante e ilustraes originais eles acharamque iramos gostar. Ao folhearmos a revista, tivemos aideia de juntar tudo que queramos em uma revista e um

    site, como projeto secundrio, com assuntos culinriosvoltados para o entretenimento.

    Aps denido o projeto grco, comeamos a realizarpesquisas de pblico-alvo para podermos criar o contedoda revista, porm, como citado no captulo anterior, nosso

    pblico nos direcionou para apenas um meio miditico:a internet. Sem complicadas adaptaes, resolvemostransformar nosso projeto grco em uma revista digital,mas que foi logo substituda pelo blog aps pesquisas decampo.

    Com uma ideia concreta, conseguimos criar umprojeto vivel e dentro do que sempre quisermos realizar.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    24/58

    24

    8.2 cnca Emprgada

    Ilustraes e composies grcas: utilizadas para

    compor o relatrio nal do TFC, nas artes das postagensdo Facebook e em alguns elementos do site.

    Programao para web: criao do site para hospedarnosso blog em PHP para a plataforma Wordpress.

    SEO: otimizao do site para atingir um bom lugarno ranking das ferramentas de busca e para oferecer umausabilidade melhor para os usurios.

    Criao de contedo: criao de matrias culinriaspara o blog.

    Vdeo e fotograas: gravao da entrevista com o chefTroiani, fotograas para compor as matrias e receitas doblog, e para o design do site.

    8.3 Dscplna Rlacnada

    Pedimos orientao desde o comeo para o professorAndr Reis da disciplina de Laboratrio de RepresentaoEletrnica I e II, que nos orientou sobre a parte estticado trabalho (em relao a cores e o logo) e sobre outros

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    25/58

    25

    meios multimiditicos possveis de desenvolver nossoprojeto.

    As aulas de diagramao no software Adobe InDesignnos auxiliaram a diagramar os textos do relatrio, e asaulas de Illustrator serviram de base para a criao decomposies ilustrativas do relatrio.

    Tambm tivemos orientao do professor Alexandre

    Sobrino de Web Design I, II e III sobre a plataforma decriao do nosso site. Ele nos deu liberdade de escolherqual linguagem de programao adotar, e nos incentivouquando decidimos criar um site em PHP para a plataforma

    Wordpress.

    Em suas aulas de SEO, aprendemos o essencial paraotimizar nosso site para as ferramentas de busca e pararealizar anncios que atraiam mais usurios para o nossosite. E nas aulas de layout lquido, aprendemos a deixarnosso site responsivo e adaptvel para vrios tamanhos detela.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    26/58

    26

    8.4 Cnct d Cra Esttc

    Uma das diretrizes de criao de identidade visual e

    aspectos tcnicos o pblico-alvo, pois a comunicao svai acontecer de fato se houver essa consistncia entre:Blog e Interator.

    8.4.1 Cmp

    Nossa ideia utilizar as fotograas de comida comobackground em nossas composies, sempre sobrepostascom escritas.

    Outra ideia de composio a utilizao das cores denossa paleta de fundo e apenas a informao necessria a

    ser transmitida sobreposta ao fundo.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    27/58

    27

    8.4.2 Cr

    Nossa paleta de cores foi inspirada nas fotograas

    de comida. Por esse motivo tratam-se, em sua maioria, decores quentes.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    28/58

    28

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    29/58

    29

    8.4.3 Tpgrafi

    A tipograa utilizada tanto no blog quanto em nossa

    identidade visual tem um perl de web. Fontes sem serifapara textos corridos e ttulos em manuscrito.

    Muliabcdefghijklmnopqrstuvwxyz

    ABCDEFGHIJKLMNOPQRSTUVWXYZ

    1234567890 !@#$%&*()

    Asapabcdefghijklmnopqrstuvwxyz

    ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 !@#$%&*()

    AntonabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

    1234567890 !@#$%&*()

    Loterabcdefghiklmnopqrstuwxy

    ABCDEFGHIKLMNOPQRSTUVWXYZ1234567890 !@#$%&*()

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    30/58

    30

    8.5 - Perfl Multimdia

    Nosso perfl primrio de Web Design, por

    ser um projeto de site com blog e toda sua

    comunicao ser voltada para a internet.

    Nosso perl primrio seria Design Editorial, pormcomo optamos por realizar apenas o blog, camos focadosna rea de Web Design.

    Programamos o site em vrias linguagens de cdigoscomo HTML e PHP. E alm do site tambm iremostrabalhar com as redes sociais digitais como Facebook,Instagram e Youtube.

    Portanto todo nosso material produzido ser voltadopara a rea digital online.

    30

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    31/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    32/58

    Utilizamos o Adobe PremiereCS6 para editar a entrevistacom o chef Troiani e outros

    vdeos que iremos publicarposteriormente.

    O Adobe Indesign CC foi

    utilizado para diagramarmosnosso relatrio nal do TFC.

    O Sublime foi utilizado paraprogramarmos nosso blog nalinguagem PHP.

    32 32

    Para escrever nosso relatrional, as matrias do blog e

    outros textos complementares,utilizamos o Microsoft Word

    2010.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    33/58

    Na pgina HOME do nosso site teremos: um slidercom imagens redirecionando para as pginas internas,

    uma barra lateral com as redes sociais (Like Box doFacebook e ltima foto publicada no Instagram), umbanner full-width com a ltima matria do site, quatromini-banners de destaques do blog, e uma rea parapostar contedos de texto diversos.

    33

    8.7 Arquttur d Infrma

    MAPA / FLUXOGRAMA

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    34/58

    34

    A pgina SOBRE NS ir explicar o que o Clube daGordice, o que signica TFC, e um breve resumo de nsdois.

    Na pgina BLOG caro disponveis as CATEGORIASdas matrias para o usurio procurar algo que seidentique melhor, e tambm as matrias organizadaspelas datas. As categorias tambm estaro na sub-pginacom o mesmo nome.

    Na sub-pgina HARMONIZAES iremosdisponibilizar as matrias, cartazes e entrevistas sobrecombinaes entre comidas, bebidas e msica, tanto dosleitores como dos chefs entrevistados.

    E na ltima sub-pgina caro as receitas rpidasescritas por ns dois.

    A pgina VDEOS ir redirecionar diretamente parao nosso canal do youtube, portanto trata-se de uma URLexterna.

    E, por ltimo, a pgina CONTATO que iremoscadastrar nosso e-mail de contato, nossos pers nas redessociais e um formulrio de dvidas e sugestes para oblog.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    35/58

    35

    8.8 Wrfram / Dagrama

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    36/58

    36

    S nspra d qucznhar hj?

    A gente te d uma ajudadinha:

    www.clubedagordice.com.br

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    37/58

    37

    8.9 Padr Grfico cnfigura

    - O layout foi desenvolvido em uma linguagem de

    programao chamada Bootstrap, logo conseguiratender a todos os tamanhos de tela principalmente osmenores, denominados mobile (tablets e smartphones). Ouseja, nosso layout responsivo.

    - A tipograa utilizada no site para textos a MULI.

    - Tanto os botes no menu , quanto o logotipo so imagensvetorizadas (em formato PNG), e no rodap os cones dasredes sociais tambm so imagens PNG que redirecionampara suas devidas URLs.

    - O site inteiro em preto e branco, composto dasfotograas coloridas.

    8.10 Rqusto d qupamnt par utlia

    -Todos os navegadores de internet conseguem abrir nosso

    site, porm para um melhor desempenho e usabilidadeaconselhamos us-los em suas verses atuais, poisa programao responsiva e somente os browsersatualizados conseguem ler alguns tipos de cdigos usados.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    38/58

    38

    8.11 cnlga mprgada

    HTML + PHP + Jquery + Wordpress + Bootstrap.

    Nosso site foi desenvolvido para ser responsivo,

    ou seja, adaptvel para todas as telas. O bootstrap foiessencial para realizar esse objetivo.

    A linguagem principal do site o PHP, junto com

    Jquery, que desenvolvemos para ser hospedado naplataforma Wordpress.

    8.12 Frqunc d atualia da pgna, cntdo

    r-d prpta

    Faremos atualizaes semanais: dois dias na semanareservados para subir novas matrias sobre entrevistascom prossionais da rea ou dicas sobre culinria, eiremos fazer postagens diariamente em nossas redessociais. Tambm pretendemos gravar 1 vdeo por semanae subi-lo em nosso canal do Youtube.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    39/58

    39

    9.0 Cra

    Nosso site teve como objetivo auxiliar na praticidade

    ao manuse-lo. As imagens so grandes e chamativas parao usurio encontrar facilmente o contedo que deseja,e tambm para manter uma boa visibilidade at nasmenores telas.

    Tambm tivemos o cuidado de criar botes grandes

    para as pginas internas, e dar destaque nossas redessociais para que as pessoas continuem absorvendo nossocontedo mesmo fora do site.

    As cores de nossa paleta so as que predominamsobre o preto e branco adotados no site inteiro,

    principalmente nas imagens destacadas das matriasredirecionando o usurio para as pginas internas do site.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    40/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    41/58

    41

    10 Cnclus

    O blog apesar de ser um trabalho nal de curso,

    pretendemos dar continuidade ao projeto.

    Vimos que ele pode ser til para vrias faixas etrias,ou servir apenas como entretenimento. O contedoatemporal e a ausncia de concorrncia nesse tema,tornam difcil a nossa perda do pblico-alvo. Ao mesmo

    tempo que podemos ganhar seguidores is ao Clube daGordice, tambm podemos receber visitas espordicas depessoas que talvez no sejam nosso pblico primrio.

    E tambm temos a ideia de desenvolver outrosprojetos em cima do trabalho do blog (expandir para

    outras reas de multimdia), assim iremos abordar umpblico maior e ter a possibilidade de trabalhar com novasmdias.

    Alm de todas essas questes, tambm achamosessencial a abordagem sobre o assunto de transformar ofood porn em uma comunicao mais saudvel mas com omesmo prazer visual que ele j possui.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    42/58

    42

    Por ser um projeto de web, tambm vemos opotencial do blog em servir como fonte de rendaalternativa. Anunciantes podem querer comprar espaos

    no blog para vender produtos relacionados ao nossotema e tambm anunci-los em nosso vdeos do canal no

    Youtube.

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    43/58

    43

    11 Bblgrafi

    J. SCHNING, Y. ROGERS, A. KRGER. Digitally enhanced

    food Pervasive Computing (2012).

    W.D.S. KILLGORE, A.D. YOUNT, L.A. FEMIA, P. BOGORODZKI,J. ROGOWSKA, D.A. Yurgelun-Todd Cortical and limbicactivation during viewing of high- versus low-calorie foodsNeuroImage, 19 (2003).

    A. Schienle, A. Schfer, A. Hermann, D. Vaitl. Binge-eatingdisorder: Reward sensitivity and brain activation to imagesof food Biological Psychiatry, 65 (2009).

    SANER, E. Plate spinning: The smart chefs secret

    ingredient. The Guardian, 12/05/2015. Disponvel em:http://www.theguardian.com/lifeandstyle/shortcuts/2015/may/12/plate-spinning-smart-chefs-secret-ingredient-food-on-plate

    LVY, Pierre. Cibercultura. Editora 34, (1999).

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    44/58

    12 Cmntro sbr bblgrafi

    DIGITALLY ENHANCED FOOD PERVASIVE COMPUTING:

    nos auxiliou na pesquisa sobre como o assunto culinriase tornou persuasivo na rea de web.

    YURGELUN-TODD CORTICAL AND LIMBIC ACTIVATIONDURING VIEWING OF HIGH- VERSUS LOW-CALORIEFOODS NEUROIMAGE: O artigo serviu para que

    consegussimos analisar a diferena de persuaso entreuma foto food porn de algum prato com altas taxas decalorias e gorduras e outro prato com comidas saudveise naturais. Como o prprio artigo mostra, as fotos decomidas gordurosas se sobressai s saudveis por motivospsicolgicos. A sua textura bem mais sedutora do

    que outros pratos menos calricos, por isso as redesde fast food se destacam entre as outras ao utilizar acomunicao do food porn para vender seus produtos.

    REWARD SENSITIVITY AND BRAIN ACTIVATION TOIMAGES OF FOOD BIOLOGICAL PSYCHIATRY: Outro textoque tambm nos auxiliou a entender porque as fotos decomidas no estilo food porn so to irresistveis quanto asoutras.

    44

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    45/58

    PLATE SPINNING: THE SMART CHEFS SECRETINGREDIENT. THE GUARDIAN: o artigo mostrou comoos donos de estabelecimentos culinrios perceberam

    que pratos bem produzidos chamam mais a ateno dosconsumidores. Mesmo se a comida no for to saborosa,se ela estiver bem empratada as pessoas iro consumire ainda registrar o momento postando em suas redessociais. Alm do lucro, os estabelecimentos ainda ganhampublicidade gratuita.

    CIBERCULTURA: o livro fez com que mudssemos nossoprojeto de Design Editorial para Web Design. Vimos quebaseando-se em nosso pblico-alvo, nosso projeto noteria sucesso nos meios convencionais de mdia. A faixaetria que queramos atingir no tem mais o costume de

    ler revistas grcas, so pessoas do mundo virtual. Porisso mudamos para a revista digital, porm mudamosimediatamente por no ser uma linguagem que atingeos jovens. O blog foi a mdia mais satisfatria pararealizarmos nosso projeto.

    45

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    46/58

    12 Rfrnca bblgrfica, d ud, vd, grfica

    d wb

    http://gustavomkt.com.br/a-historia-das-redes-sociais/Acesso em: 16/08/2015

    http://youpix.virgula.uol.com.br/youtube/como-os-videos-de-culinaria-se-tornaram-o-novo-hype-do-youtube/Acesso em: 09/10/2015

    http://www.batanga.com.br/456/masterchef-sintetiza-boom-da-culinaria-na-tv-conheca-10-programasAcesso em: 09/10/2015

    http://gente.ig.com.br/2014-12-26/retrospectiva-2014-o-

    boom-dos-programas-de-culinaria-na-tv.htmlAcesso em: 09/10/2015

    http://www.ehow.com.br/vantagens-desvantagens-ter-blog-info_344849/Acesso em: 15/10/2015

    http://www.theguardian.com/lifeandstyle/wordofmouth/2015/oct/16/is-food-porn-making-us-fatAcesso em: 01/11/2015

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    47/58

    47

    http://www.sciencedirect.com/science/article/pii/S0278262615300178Acesso em: 01/11/2015

    http://vip.abril.com.br/o-melhor-do-food-porn/Acesso em: 09/09/2015

    https://www.youtube.com/watch?v=OKzNcuWMNkI - TheScience of Food Porn - Amanda Edward, Mitchell Moft e

    Gregory Brown. Acesso em: 02/11/2015

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    48/58

    48 48

    13 Aneo

    Referncias de vdeo

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    49/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    50/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    51/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    52/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    53/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    54/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    55/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    56/58

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    57/58

    Referncias de IMAGEM

  • 7/23/2019 CLUBE DA GORDICE Web, Blog

    58/58