portal de vídeos e materiais
didáticos ligados ao site da
Escola de Design Unisnos
relatório de estágio




                           Verônica Beltrame

                                        PA 6




  ...
SUMÁRIO
Introdução                            3
Briefing                              4
Metaprojeto                       ...
INTRODUÇÃO                                                             3




    O presente relatório foi desenvolvido por...
BRIEFING                                                        4




      Estruturar um projeto de acesso online aos mat...
METAPROJETO                                                     5




      A fase metaprojetual precede a projetual, é ne...
PESQUISA CONTEXTUAL                                                            6


 O QUE É?
     Portal que armazenará
 m...
ESCOLA DE DESIGN UNISINOS                                                        7

- A EDU foi projetada em parceria com ...
ALUNOS                                                                                         8
      PERFIL
            ...
ALUNOS   9
BENCHMARKING                                                                                  10
O QUE É?
   Vídeos com ca...
BENCHMARKING                                                                                    11
O QUE É?
    - Grupo de...
BENCHMARKING                                                                               12

O QUE É?
   - Comunidade de...
BENCHMARKING                                                                             13
O QUE É?
   - Portal, praticam...
BENCHMARKING                                                                              14
O QUE É?
    - Portal de arma...
BENCHMARKING                                                                            15
O QUE É?
    - Uma comunidade d...
BENCHMARKING                                                                               16
O QUE É?
    - Armazena qual...
ANÁLISE DE MERCADO E TENDÊNCIAS 17
         FOCO NOS ASSUNTOS
         Não ser dispersivo, o conteúdo do site deve ser de ...
PROJETO                                                        18




      Passando a fase metaprojetual, entramos na fas...
CENÁRIOS                                                                                                                 1...
CENÁRIOS                                                                                                     20
ANÁLISE SW...
CENÁRIOS                                                                      21
VISION                                CON...
CONCEPT GERAL                                                 22

                     Produzir um site que seja prático e...
ELEMENTOS GRÁFICOS                                               24
Alguns elementos gráficos foram importantes na
definiç...
NOME + LOGO                           25
                            CONCEPT
Pensando na simplicidade
do site que nasceu o...
CORES                                               26
SITE ESCOLA DE DESIGN UNISINOS           PORTAL NA EDU




        ...
FUNÇÕES                                                                                                                   ...
MAPA DO SITE                                                                                                              ...
TELAS                                                                                       29
GRIDS Medida               ...
TELAS                                                                                 30
PÁGINA INICIAL

                 ...
TELAS                                                                                        31
PÁGINA DE BUSCA

         ...
TELAS                                                                                                                     ...
TELAS                                                                                        33
PALESTRAS - PÁGINA DE BUSC...
TELAS                                                                                                                     ...
TELAS                                                                                                    35
MATERIAIS DIDÁ...
TELAS                                                                                        36
MATERIAIS DIDÁTICOS - PÁGI...
TELAS                                                                                                                     ...
TELAS                                                                                                                     ...
TELAS                                                                                      39
VÍDEOS - PÁGINA DE BUSCA

  ...
TELAS                                                                                                                     ...
TELAS                                                                                                                 41
L...
TELAS                                                                                                      42
LINKS PÁGINA...
TELAS                                                                                                                     ...
TELAS                                                                                                                     ...
TELAS                                                                                                                     ...
TELAS                                                                                                     46
FUNÇÕES PÁGIN...
TELAS                                                                                                                     ...
TELAS                                                                                                                     ...
BANNERS                                                          49
MEDIDAS


                   leaderboard 728 x 90 px

...
BANNERS             50
GRÁFICOS
           PADRÃO
BANNERS      51
 APLICAÇÃO
LEADERBOARD
BANNERS      52
 APLICAÇÃO
LEADERBOARD
BANNERS          53
 APLICAÇÃO
VERTICAL BANNER
BANNERS          54
 APLICAÇÃO
VERTICAL BANNER
BANNERS         55
 APLICAÇÃO
LARGE RETANGLE
BANNERS         56
 APLICAÇÃO
LARGE RETANGLE
CONSIDERAÇÕES FINAIS                                                  57




    Toda a interface do portal foi desenvolvi...
Relatório Final Estágio 2
Upcoming SlideShare
Loading in...5
×

Relatório Final Estágio 2

2,308

Published on

trabalho de estágio 2 2010/1

Published in: Design
1 Comment
0 Likes
Statistics
Notes
  • hehehehehe
    Me vi ali
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
2,308
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Relatório Final Estágio 2

  1. 1. portal de vídeos e materiais didáticos ligados ao site da Escola de Design Unisnos
  2. 2. relatório de estágio Verônica Beltrame PA 6 Porto Alegre, 2 de Julho de 2010. Supervisão: Giulio Palmitessa Assinatura:
  3. 3. SUMÁRIO Introdução 3 Briefing 4 Metaprojeto 5 Pesquisa Contextual 6 Escola de Design Unisinos 7 Alunos 8 Benchmarking 10 Análise de Mercado e Tendências 17 Projeto 18 Cenários 19 Concept Geral 22 na EDU 23 Nome + Logo 25 Cores 26 Funções 27 Mapa do Site 28 Telas 29 Banners 49 Considerações Finais 58
  4. 4. INTRODUÇÃO 3 O presente relatório foi desenvolvido por Verônica Beltrame, com a supervisão de Giulio Palmitessa representando a Escola de Design Unisinos. Aqui serão apresentadas as fases metaprojetuais e o projeto final do portal de vídeos e materiais didáticos da faculdade. Estas seguem o modelo proposto por Flaviano Celaschi e Alessandro Deserti (2007), o mesmo que é aplicado no desenvolvimento de todos os projetos realizados na EDU. O projeto desenvolvido ao longo do estágio, 1 e 2, foi um portal ligado ao site da faculdade, onde serão disponibilizados aos alunos materiais didáticos, vídeos de palestras e vídeos em geral produzidos na faculdade por seus alunos e professores.
  5. 5. BRIEFING 4 Estruturar um projeto de acesso online aos materiais didáticos e palestras/entrevistas, realizados na faculdade, que possam ser anexados a uma área do site da Escola de Design Unisinos.
  6. 6. METAPROJETO 5 A fase metaprojetual precede a projetual, é nela que se contextualiza a pesquisa. O metaprojeto é feito a fim de analisar o mercado em que a empresa está inserida, assim como o seu público alvo e identificar tendências que enriquecerão o projeto final.
  7. 7. PESQUISA CONTEXTUAL 6 O QUE É? Portal que armazenará materiais didáticos, palestras/ entrevistas e vídeos produzidos por alunos e professores da Escola de Design Unisinos. Estes materiais serão mantidos no site para que os alunos possam consultá-los e ter acesso ao que está sendo feito na faculdade. PRA QUEM É? Seu principal foco são os alunos da Escola de Design Unisinos, mas não se pode ignorar o fato de estar em uma rede aberta, então, outras pessoas com interesse na área também terão acesso a esses materiais. O portal também será um meio de divulgar as atividades que ocorrem na faculdade.
  8. 8. ESCOLA DE DESIGN UNISINOS 7 - A EDU foi projetada em parceria com a POLI.Design, a partir de um projeto de design ATIVIDADES que visava desenvolver uma research school. -Graduação - Exerce as atividades de graduação, mestrado, pesquisa e serviços de consultoria. -Especialização - É importante lembrar que a escola é marcada -Pesquisa e pós – graduação por promover forte integração com empresas, se inserir no contexto mundial do design e -Extensões introduzir a criatividade e cultura de projeto. Para isso, trazem aos alunos palestras, -Design Center workshops, seminários internacionais, entre outros eventos. “Talvez você não imagine, mas a EDU faz mais do que criar objetos: cria experiências, incita emoções e produz resultados. A gente sabe que o design não vive só de projeto e estratégia, mas também de amor, suor e beleza.” (www.unisinos.br/design)
  9. 9. ALUNOS 8 PERFIL -idades variadas -antenados – atualizados -curiosos -pouco tempo (“correria”) -vida online ativa mediante blogs indicação revistas (amigos, colegas e empresas professores) designers (portfólios) QUESTIONÁRIO Foi feito um questionário com os alunos FRASE MARCANTE NO QUESTIONÁRIO: da faculdade, entre os 12 que responderam, ficou claro que a maioria não tem interesse “Não procuro informações lá porque parece um site desatualizado e de marketing para os no site atual da escola, assim como entram no outros entrarem na faculdade.” mesmo só para pegar informações básicas como O PORTAL DEVE CONTER endereço e telefone. MATERIAIS PARA OS ALUNOS, Todos têm interesse que o site da Escola PRINCIPALMENTE!!! de Design Unisinos exiba conteúdos gerados na faculdade por professores e alunos. site atual: fraco - não gera interesse
  10. 10. ALUNOS 9
  11. 11. BENCHMARKING 10 O QUE É? Vídeos com caráter acadêmico. TED Talks, que originalmente focado em tecnologia, entretenimento e design, mas TED (Technology, Entertainment, Design) http://www.ted.com/ atualmente expandiu seu foco para outras áreas. Importância mundial. Visualização e download. Palestra completa. PROPÓSITO Exibir as palestras realizadas no TED Talks. PÚBLICO Para cada assunto há um tipo de público, ou até mesmo para os “curiosos”, mas de maneira geral, o site tenta atingir a todos. CONTEÚDO As palestras são de diversos assuntos relevantes atualmente. Assim que acessado um vídeo, o próprio site indica outro vídeo com o mesmo assunto que você pode assistir (atalho). Além de fazer uma breve resenha sobre a palestra exibida, também apresenta o palestrante, quem é, o que faz... ACESSIBILIDADE É um site simples, com menus fáceis de utilizar. COMO SE COMUNICAM COM OS USUÁRIOS Para atingir todas as nações, o site conta com grupos voluntários que legendam as palestras para diversos idiomas. Também, dentro de cada vídeo, pode-se inserir comentários sobre as palestras.
  12. 12. BENCHMARKING 11 O QUE É? - Grupo de pessoas (profissionais, estudantes, pesquisadores, interessados, amantes, entre outros) que organizam uma rede de debate, que comenta, discute, pensa, questiona (etc) as transformações em curso na Nós da Comunicação (Migliori - empresa comunicação, nos relacionamentos humanos, e, de consultoria estratégica) especialmente, na comunicação corporativa. Analisam, http://www.nosdacomunicacao.com/ planejam, fazem, realizam, concretizam, mensuram e contabilizam resultados em uma área estratégica para toda e qualquer corporação. - Espaço de acesso ao conhecimento estruturado, em que mais do que espectador, o usuário, é construtor, multiplicando tendências, reflexões, teorias, práticas, relacionamentos que facilitam a vida pessoal e profissional. PROPÓSITO Compartilhar conhecimento de forma transdisciplinar, com visão holística e pensamento sistêmico. Reunir as cabeças pensantes e comunicativas do mercado para promover uma fusão de expertises. PÚBLICO É um site dedicado a todos que se interessam pelos assuntos que envolvem a comunicação e relações humanas. CONTEÚDO O conteúdo é diretamente relacionado com seu público, traz informações atuais, compartilha pesquisas, cases e livros com os interessados. ACESSIBILIDADE O portal em si é muito bem estruturado, os menus são fáceis e simples. Na parte multimídia, os vídeos principais ficam na primeira página, e seus links não levam a outros. Também não há uma armazenagem de vídeos antigos. COMO SE COMUNICAM COM OS USUÁRIOS Apesar de não serem direcionado para todos os públicos, não possuem linguagem muito técnica, é acessível a todos.
  13. 13. BENCHMARKING 12 O QUE É? - Comunidade de vídeos destinada aos alunos da Unisinos. VIU? http://www.unisinos.br/viu PROPÓSITO Compartilhar os vídeos que os alunos da universidade acham interessantes. PÚBLICO Principalmente alunos. CONTEÚDO Não há nada além dos vídeos. ACESSIBILIDADE É uma pagina estática com menus de vídeos, que vão revezando conforme se acessa. Os vídeos são armazenados primeiro no youtube, e depois postados no site. COMO SE COMUNICAM COM OS USUÁRIOS São os alunos que postam os vídeos, através de uma ficha de cadastro.
  14. 14. BENCHMARKING 13 O QUE É? - Portal, praticamente, auxiliar e complementar do canal de televisão (aberto e fechado). - Para ter acesso a alguns programas na íntegra, a pessoa http://video.globo.com/ deve ser assinante do portal globo.com - Armazena entrevistas, reportagens e programas de entretenimento, para assim poder ser acessado por seus telespectadores PROPÓSITO Manter online matérias e programas que foram apresentados na televisão, para o público ter acesso a esse conteúdo. Também há vídeos que são complementares dos canais, tanto de televisão quanto do portal. PÚBLICO Destinado ao mesmo público que assiste aos canais globo e brasileiros que moram em outros países. CONTEÚDO Em geral, são vídeos de programas exibidos ao vivo, que ficam armazenados na internet. Também tem vídeos que foram gravados para alguns canais do portal, por exemplo, chat com algum artista. ACESSIBILIDADE O site é extremamente funcional, com o grid bem simples, que destaca a notícia de última hora, as notícias importantes do dia, entre outros (com menos destaque) COMO SE COMUNICAM COM OS USUÁRIOS Por já estar em contato com seus expectadores em outra mídia, quem acessa o site, sabe onde encontrar o que está procurando.
  15. 15. BENCHMARKING 14 O QUE É? - Portal de armazenamento de vídeo mais conhecido e acessado do mundo. - Usado como informativo para muitas empresas e até mesmo http://www.youtube.com/ artistas. - Da autonomia para qualquer pessoa expor seus vídeos, sem precisar ser um grande especialista em mídias. PROPÓSITO São usados para armazenar e exibir vídeos, tanto pessoais quanto informativos. É um canal muito usado por empresas para se divulgar, e até mesmo usado por canais televisivos para ficar mais acessível para seu público. É o verdadeiro portal que “tem de tudo”. PÚBLICO Todos, de todos os gêneros e todas as idades. CONTEÚDO O conteúdo exibido no site fica por conta dos milhares de usuários, que compartilham com outras pessoas seus vídeos pessoais, video clipes, entrevistas, programas, shows, etc. ACESSIBILIDADE Super prático, e fácil. Não tem grande complexidade de programação. Apesar da pequena bagunça que se torna o lado direito da tela, por conta das propagandas e até mesmo as listas de vídeos relacionados com o assunto. São 2 listas, as que se relacionam com o assunto e se ele estiver adicionado a alguma lista, mostra todos os vídeos da lista. COMO SE COMUNICAM COM OS USUÁRIOS De maneira prática. O objetivo é atingir todos os públicos, então tem sua estrutura simplificada para que qualquer pessoa, por mais básico que seja seus conhecimentos na rede, consiga ao menos visualizar seus vídeos preferidos.
  16. 16. BENCHMARKING 15 O QUE É? - Uma comunidade de compartilhamento de vídeos, onde a única exigência é que esses vídeos sejam de autoria de seus participantes. - Não são permitidas as postagens de propagandas, os http://www.vimeo.com/ vídeos comerciais. - Seus vídeos são em high definition, ao postar um vídeo no site, ele é automaticamente convertido. PROPÓSITO Para postar/compartilhar/exibir vídeos não comerciais, de autoria dos próprios usuários. PÚBLICO Um público mais seleto que o do youtube. Por ter algumas restrições, os usuários acessam o site sabendo que não encontrarão qualquer tipo de vídeo. CONTEÚDO O conteúdo do site é postado por seus usuários cadastrados, estes compartilham com outras pessoas vídeos de autoria própria. ACESSIBILIDADE Graficamente é muito atraente. Foge dos sites comuns de fundo branco e escrita preta. (apelo visual forte). Pode-se procurar algum vídeo direto pelo localizador, ou através dos canais de exploração, onde os vídeos estão classificados de diferentes maneiras. COMO SE COMUNICAM COM OS USUÁRIOS Seu apelo visual é um grande estimulante para os usuários. E de certa forma classifica o seu público. Pelo fato de só aceitar vídeos feitos pelos usuários, faz dele um portal que incentiva a criatividade e as artes gráficas e áudio visuais.
  17. 17. BENCHMARKING 16 O QUE É? - Armazena qualquer tipo de vídeo. - É um portal com diversos canais (site de relacionamento, música, fóruns, etc.) - Também é utilizado por diversas empresas, canais e MYSPACE VIDEOS artistas. http://vids.myspace.com/ - Para postar vídeos, o usuário deve ser cadastrado no myspace. Sendo obrigado a fazer um perfil no site. - O portal, apesar de ser muito conhecido, não é o mais utilizado no Brasil. PROPÓSITO Em geral, os usuários postam vídeos para complementar seu perfil, ou as vezes, o próprio site incentiva alguns artistas, por exemplo, a fazerem shows live para os usuários. PÚBLICO Atinge todos os públicos, pois exibe vídeos variados. CONTEÚDO É postado por seus usuários. ACESSIBILIDADE A página de vídeos segue a diagramação e identidade visual do portal todo. Formas bem quadradas, claras e limpas. COMO SE COMUNICAM COM OS USUÁRIOS Como não é um portal de vídeos em si, os usuários chegam nele através do portal myspace. Onde a característica maior é o site de relacionamento. Mesmo tendo o seu canal de vídeos, não é obrigatório postar em sua página pessoal vídeos do myspace. Porém, por seguir a mesma identidade visual, torna-se simples. Sem confundir o usuário em relação ao canal que ele está e os comandos que deve seguir.
  18. 18. ANÁLISE DE MERCADO E TENDÊNCIAS 17 FOCO NOS ASSUNTOS Não ser dispersivo, o conteúdo do site deve ser de assuntos focados nos interesses dos alunos. Como pode ser visto em alguns sites, onde tem o levantamento de um assunto e um especialista da área comentando sobre ele. PRODUÇÕES PRÓPRIAS O site deve exibir materiais 100% criados e desenvolvidos dentro da escola. Isso dá credibilidade para o conteúdo nele mostrado. CLEAN Site simples, limpo. Sem muitos gráficos que desfoquem a atenção do usuário. Os sites menos “enfeitados” vêm ganhando muita credibilidade na web, pois usam uma maneira simples, limpa e direta para se comunicar com o usuário. CONTEÚDOS DA ATUALIDADE É evidente que os conteúdos exibidos devem ser constantemente atual- izados. Também deve estar de acordo com assuntos “da moda”, para mostrar aos alunos o que está acontecendo no mundo do design. IDENTIFICAÇÃO DO USUÁRIO NO SITE É importante que o usuário se “encontre” no site. Ele deve saber, ao primeiro contato como se localizar e encontrar o que está procurando, sem dificuldades.
  19. 19. PROJETO 18 Passando a fase metaprojetual, entramos na fase em que o projeto começa a ser desenvolvido para a criação do produto final.
  20. 20. CENÁRIOS 19 PALAVRAS CHAVES TARGET atualizado – simplicidade – simetria – Vanessa, 18 anos. Aluna do PA2 da EDU. design – interdisciplinar – inovação – online – informação Ela está no começo do curso, já teve uma grande carga de conhecimento sobre o design no primeiro semestre e, como para qualquer outro PA, deve saber o que está acontecendo no SIMPLES mundo relacionado ao assunto. cada coisa em seu lugar É super organizada e gosta de coisas certinho harmônico práticas. Acha que isso ajuda a Alguém que está se manter a ordem em seu dia corrido e fácil quadrado familiarizando com o design atarefado. ASSIMÉTRICO e se informa do que SIMÉTRICO prático aconteceu e está acontecendo Tem carência de um lugar ligado a clean na faculdade. Assim como faculdade para buscar informações. qualquer pessoa de fora que Apesar de conhecer muitas fontes, visite o site eventualmente precisa de algo direcionado ao seu deve atendê-lo curso, especificamente. MOODBOARD COMPLICADO “Os alunos vivem em um mundo onde as informações devem aparecer rapidamente e de maneira prática.”
  21. 21. CENÁRIOS 20 ANÁLISE SWOT PONTOS FORTES PONTOS FRACOS Praticidade Curiosidade Gosta de estar Carência de Pouco tempo O evento não atualizada assuntos livre estar no campo relacionados à de interesse do faculdade aluno OPORTUNIDADES AMEAÇAS Manter o aluno Exibir materiais Mostrar para Se tornar um Ter pouco tempo Perder o atualizado com produzidos por além dos alunos, site chato caso para acessar interesse pelo assuntos gerais alunos e os eventos não seja materiais site do design e com professores para ocorridos na atualizado interativos o que acontece que sirva como faculdade, assim regularmente na faculdade referência como os trabalhos desenvolvidos
  22. 22. CENÁRIOS 21 VISION CONCEPTS Site com linguagem simples, que seja de fácil manuseio e direto, para que o aluno não “perca tempo” procurando os assuntos que lhe interessam. Site simples, preto e branco. Pouca cor para não desviar a atenção do assunto procurado. Ícones e links bem marcados para que o usuário SIMPLES possa “se achar” no site sem maiores dificuldades. Possibilidade de pesquisar por palavras-chave para achar materiais do seu interesse mais fácil. FÁCIL DIRETO Site prático, seu layout induz o manuseio do usuário. Áreas bem divididas para que as informações não se confundam. Subdividido por assuntos, para que facilite a procura dos materiais que o aluno está interessado.
  23. 23. CONCEPT GERAL 22 Produzir um site que seja prático e simples. Ao mesmo tempo em que precisa ser fácil e direto, deve ser bem organizado e comunicar-se com seu usuário de maneira clara. Cada tipo de material será identificado por uma cor e o site será subdividido de acordo com o assunto procurado pelo aluno. O usuário deve entender seu funcionamento sem “manual”. GRID LAYOUT
  24. 24. ELEMENTOS GRÁFICOS 24 Alguns elementos gráficos foram importantes na definição de formas a serem aplicadas no site. 3 SITES INTERLIGADOS PALAVRA-CHAVE projeto NA EDU SÍMBOLO exibição/vídeos/ play/show/começar
  25. 25. NOME + LOGO 25 CONCEPT Pensando na simplicidade do site que nasceu o nome ‘NA EDU’. Ele é simples e direto, assim como o site deve ser. FINAL
  26. 26. CORES 26 SITE ESCOLA DE DESIGN UNISINOS PORTAL NA EDU 2/27 ESTUDO E APLICAÇÃO DOS GRÁFICOS
  27. 27. FUNÇÕES 27 página inicial busca materiais + acessado palestras vídeos didáticos geral nova busca recém busca recém + acessados recém busca + acessados busca + acessados postados materiais postados materiais postados palestras palestras vídeos vídeos palestras didáticos m. didáticos didáticos vídeos nova nova nova busca busca busca slides vídeos materiais vídeos palestras didáticos vídeos tags tags tags materiais palestras + acessado didáticos + acessado vídeos + acessado relacionados geral relacionados geral relacionados geral *Mapa do site ‘aberto’ com todas as funções e caminhos que o usuário pode executar no site.
  28. 28. MAPA DO SITE 28 página inicial busca site + acessado + acessado geral direto geral nova busca recém busca postado direta nova busca página nal tags *O ícone de ‘páginas empilhadas’ indica um + acessado grupo de páginas funcionalmente idênticas. relacionados geral (fonte: Instituto de Arquitetura de Informação - http://iainstitute.org/pt/translations/000332.html#page)
  29. 29. TELAS 29 GRIDS Medida padrão: 1024x800 px 1024x112 1024x88 1024x48 1024x208 1024x568 672x64 352x144 PÁGINA DE BUSCA PÁGINA INICIAL 352x144 672x368 352x144 1024x48 1024x48 1024x48 1024x88 1024x78 1024x50 1024x72 352x256 352x592 672x368 672x368 PÁGINA DIRETA PÁGINA FINAL 352x112 672x128 672x224 672x128 1024x48 1024x48
  30. 30. TELAS 30 PÁGINA INICIAL Digite o material que você procura vestibular aula_aberta aula_4_marketing trabalho_PA4
  31. 31. TELAS 31 PÁGINA DE BUSCA Digite o material que você procura arquivos encontrados com a palavra ‘design’ escola_de_design tipografia vestibular mundos_virtuais o_que_é_design? por_que_design? essência_design design_for_the_world design_da_informação o_que_é_design_gráfico
  32. 32. TELAS 32 PALESTRAS - PÁGINA DIRETA Digite a palestra que você procura por_que_design? 1:02 2/27 design_de_moda mundos_virtuais Palestra realizada no dia 03/04/2010, na Escola de Design Unisinos. Jean Liberato fala sobre mundos virtuais, second life e como as empresas aproveitam esses recursos para se promover Palestrante: Jean Liberato Postado em: 04/04/2010 design_de_ experiência
  33. 33. TELAS 33 PALESTRAS - PÁGINA DE BUSCA Digite a palestra que você procura arquivos encontrados com a palavra ‘design’ escola_de_design tipografia vestibular mundos_virtuais o_que_é_design? por_que_design? essência_design design_for_the_world design_da_informação o_que_é_design_gráfico
  34. 34. TELAS 34 PALESTRAS - PÁGINA FINAL Digite a palestra que você procura Mundos Virtuais Palestra realizada no dia 03/04/2010, na Escola de Design Unisinos. Jean Liberato fala sobre mundos virtuais, second life e como as empresas aproveitam esses recursos para se promover Palestrante: Jean Liberato Postado em: 04/04/2010 mundo digital - online - interfaces de comunicação - escola de design unisinos - apresentação 1:02 aula_aberta por_que_design? design_da_informação design_de_moda design_de_experiência o_que_é_design? vestibular aula_aberta trabalho_PA4 escola_de_design
  35. 35. TELAS 35 MATERIAIS DIDÁTICOS - PÁGINA DIRETA Digite o material que você procura aula_4_marketing 2/27 o_que_é_design? design_estratégico Slides de apresentação do Design Estratégico. Autor: Roberto Galisai Postado em: 12/03/2008 essência_design
  36. 36. TELAS 36 MATERIAIS DIDÁTICOS - PÁGINA DE BUSCA Digite o material que você procura arquivos encontrados com a palavra ‘design’ escola_de_design tipografia vestibular mundos_virtuais o_que_é_design? por_que_design? essência_design design_for_the_world design_da_informação o_que_é_design_gráfico
  37. 37. TELAS 37 MATERIAIS DIDÁTICOS - PÁGINA FINAL Digite o material que você procura Design Estratégico Slides de apresentação do Design Estratégico. Autor: Roberto Galisai Postado em: 12/03/2008 design estratégico - escola de design unisinos - apresentação 2/27 aula_3_ateliê2 pesquisa_bluesky aula_4_marketing o_que_é_design? essência_design o_que_é_design? vestibular aula_aberta trabalho_PA4 escola_de_design
  38. 38. TELAS 38 VÍDEOS - PÁGINA DIRETA Digite o vídeo que você procura tipografia 0:12 2/27 trabalho_PA4 vestibula Vídeo para o vestibular de verão 2011. Apresentação do curso e sua proposta de Design Estratégico. Autor: Unisinos Postado em: 20/11/2010 convite_trabalho_P4
  39. 39. TELAS 39 VÍDEOS - PÁGINA DE BUSCA Digite o vídeo que você procura arquivos encontrados com a palavra ‘design’ escola_de_design tipografia vestibular mundos_virtuais o_que_é_design? por_que_design? essência_design design_for_the_world design_da_informação o_que_é_design_gráfico
  40. 40. TELAS 40 VÍDEOS - PÁGINA FINAL Digite o vídeo que você procura Vestibular Vídeo para o vestibular de verão 2011. Apresentação do curso e sua proposta de Design Estratégico. Autor: Unisinos Postado em: 20/11/2010 vestibulas - alunos - design - escola de design unisinos - apresentação 0:12 trabalho_PA4 escola_de_design tipografia o_que_é_design_gráfico convite_trabalho_P4 o_que_é_design? vestibular aula_aberta trabalho_PA4 escola_de_design
  41. 41. TELAS 41 LINKS PÁGINA INICIAL LINK PARA A PÁGINA INICIAL Digite o material que você procura LINK PARA A LINK PARA A LINK PARA A PÁGINA DE PÁGINA DE PÁGINA DE MATERIAIS PALESTRAS VÍDEOS DIDÁTICOS vestibular aula_aberta MINIATURAS DOS MATERIAIS MAIS ACESSADOS EM CADA CATEGORIA, AO CLICAR NELES, ABRE A PÁGINA “FINAL” ONDE O VÍDEO SERÁ ELE FOI POSTADO. EXIBIDO aula_4_marketing NORMALMENTE, MAS AO CLICAR SOBRE ELE, ABRE A PÁGINA “FINAL” ONDE ELE FOI POSTADO. trabalho_PA4
  42. 42. TELAS 42 LINKS PÁGINA DE BUSCA Digite o material que você procura LINK PARA A PÁGINA INICIAL arquivos encontrados com a palavra ‘design’ escola_de_design tipografia vestibular mundos_virtuais MINIATURA DO MATERIAL ORIGINAL, AO CLICAR NA IMAGEM, ABRE A RESPECTIVA PÁGINA ONDE FOI POSTADO. o_que_é_design? por_que_design? essência_design design_for_the_world design_da_informação o_que_é_design_gráfico VOLTAR PÁGINAS DE AVANÇAR RESULTADO
  43. 43. TELAS 43 LINKS PÁGINA DIRETA Digite o material que você procura LINK PARA A PÁGINA INICIAL aula_4_marketing MINIATURAS DOS MATERIAIS RECÉM POSTADOS NA CATEGORIA, AO CLICAR NELES, ABRE A PÁGINA “FINAL”. 2/27 o_que_é_design? design_estratégico O VÍDEO SERÁ EXIBIDO NORMALMENTE, MAS AO CLICAR SOBRE ELE, Slides de apresentação do Design Estratégico. ABRE A PÁGINA “FINAL” ONDE ELE FOI POSTADO. Autor: Roberto Galisai Postado em: 12/03/2008 essência_design
  44. 44. TELAS 44 LINKS PÁGINA FINAL Digite o material que você procura LINK PARA A PÁGINA INICIAL Design Estratégico Slides de apresentação do Design Estratégico. Autor: Roberto Galisai Postado em: 12/03/2008 TAGS, AO CLICAR SOBRE ELAS ABRE A PÁGINA DE RESULTADOS, USANDO COMO BUSCA A TAG CLICADA design estratégico - escola de design unisinos - apresentação 2/27 MINIATURAS DOS MATERIAIS RELACIONADOS NA CATEGORIA, AO CLICAR NELES, ABRE A PÁGINA “FINAL”. aula_3_ateliê2 pesquisa_bluesky aula_4_marketing o_que_é_design? essência_design MINIATURAS DOS MATERIAIS MAIS ACESSADOS AO GERAL, AO CLICAR NELES, ABRE A PÁGINA “FINAL”. o_que_é_design? vestibular aula_aberta trabalho_PA4 escola_de_design
  45. 45. TELAS 45 FUNÇÕES PÁGINA INICIAL CAIXA DE BUSCA, LEVA PARA A PÁGINA DE BUSCA GERAL. Digite o material que você procura MOSTRAR O MATERIAL MAIS ACESSADO. vestibular aula_aberta INDICA A INDICA MATERIAIS CATEGORIA MAIS ACESSADOS EM DO MATERIAL CADA CATEGORIA. MAIS ACESSADO. aula_4_marketing trabalho_PA4
  46. 46. TELAS 46 FUNÇÕES PÁGINA DE BUSCA CAIXA DE BUSCA, LEVA PARA A PÁGINA DE Digite o material que você procura BUSCA GERAL. arquivos encontrados com a palavra ‘design’ INDICA A PALAVRA QUE FOI BUSCADA escola_de_design tipografia vestibular mundos_virtuais INDICA A CATEGORIA DO MATERIAL QUE FOI ENCONTRADO NA BUSCA. o_que_é_design? por_que_design? essência_design design_for_the_world design_da_informação o_que_é_design_gráfico
  47. 47. TELAS 47 FUNÇÕES PÁGINA DIRETA CAIXA DE BUSCA, LEVA PARA A PÁGINA DE Digite o material que você procura BUSCA GERAL. aula_4_marketing ESPAÇO PARA OS MATERIAIS RECÉM POSTADOS NA BARRA DE CATEGORIA. UTILITÁRIOS DO SITE SLIDESHARE.NET 2/27 o_que_é_design? design_estratégico INFORMAÇÕES SOBRE O Slides de apresentação do Design Estratégico. VÍDEO MAIS ACESSADO Autor: Roberto Galisai Postado em: 12/03/2008 essência_design
  48. 48. TELAS 48 FUNÇÕES PÁGINA FINAL CAIXA DE BUSCA, LEVA PARA A PÁGINA DE Digite o material que você procura BUSCA GERAL. Design Estratégico Slides de apresentação do Design Estratégico. Autor: Roberto Galisai Postado em: 12/03/2008 INFORMAÇÕES DO MATERIAL. TAGS. BARRA DE FUNÇÕES design estratégico - escola de design unisinos - apresentação 2/27 VOLTAR aula_3_ateliê2 pesquisa_bluesky aula_4_marketing o_que_é_design? essência_design AVANÇAR AS MINIATURAS SE MOVIMENTAM POR ROLAGEM AO CLICAR NOS COMANDOS: VOLTAR/AVANÇAR. o_que_é_design? vestibular aula_aberta trabalho_PA4 escola_de_design
  49. 49. BANNERS 49 MEDIDAS leaderboard 728 x 90 px large retangle 336 x 280 px vertical banner 120 x 240 px Os banners têm medidas padrões da internet. Foram escolhidos 3 tipos para a divulgação do portal em outros sites. O leaderboard é usado normalmente usado no topo das páginas, o large retangle ao centro e o vertical banner é mais usado aos lados.
  50. 50. BANNERS 50 GRÁFICOS PADRÃO
  51. 51. BANNERS 51 APLICAÇÃO LEADERBOARD
  52. 52. BANNERS 52 APLICAÇÃO LEADERBOARD
  53. 53. BANNERS 53 APLICAÇÃO VERTICAL BANNER
  54. 54. BANNERS 54 APLICAÇÃO VERTICAL BANNER
  55. 55. BANNERS 55 APLICAÇÃO LARGE RETANGLE
  56. 56. BANNERS 56 APLICAÇÃO LARGE RETANGLE
  57. 57. CONSIDERAÇÕES FINAIS 57 Toda a interface do portal foi desenvolvida seguindo padrões de vídeo e diagramação, o tamanho 1024x800 px foi escolhido devido a grande utilização de monitores que exibem com qualidade esta configuração. É importante dizer que a interface da exibição de vídeo e palestras é somente ilustrativa, a barra de funções dos vídeos e slides será a padrão dos sites Vimeo e Slideshare, onde a Escola de Design Unisinos já possui cadastro. Este relatório encerra o Estágio 2, apresentando os resultados finais do projeto que foi desenvolvido pelo semestre.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×