relatório final estágio 2

portal de vídeos e materiais didáticos ligados ao site da Escola de Design Unisnos

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

Porto Alegre, 2 de Julho de 2010.Supervisão: Giulio Palmitessa

Assinatura:

345678

10171819222325262728294958

SUMÁRIO

IntroduçãoBriefingMetaprojetoPesquisa Contextual Escola de Design Unisinos Alunos Benchmarking Análise de Mercado e TendênciasProjeto Cenários Concept Geral na EDU Nome + Logo Cores Funções Mapa do Site Telas BannersConsiderações Finais

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.

INTRODUÇÃO 3

BRIEFING

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.

4

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.

METAPROJETO 5

PESQUISA CONTEXTUAL

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.

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.

O QUE É?

PRA QUEM É?

6

ESCOLA DE DESIGN UNISINOS

- A EDU foi projetada em parceria com a POLI.Design, a partir de um projeto de design que visava desenvolver uma research school.

- Exerce as atividades de graduação, mestrado, pesquisa e serviços de consultoria.

- É importante lembrar que a escola é marcada por promover forte integração com empresas, se inserir no contexto mundial do design e introduzir a criatividade e cultura de projeto. Para isso, trazem aos alunos palestras, workshops, seminários internacionais, entre outros eventos.

-Graduação

-Especialização

-Pesquisa e pós – graduação

-Extensões

-Design Center

ATIVIDADES

“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)

7

ALUNOS

-idades variadas

-antenados – atualizados

-curiosos

-pouco tempo (“correria”)

-vida online ativa blogs revistas empresas designers (portfólios)

mediante indicação (amigos, colegas e

professores)

PERFIL

QUESTIONÁRIO

Foi feito um questionário com os alunos da faculdade, entre os 12 que responderam, ficou claro que a maioria não tem interesse no site atual da escola, assim como entram no mesmo só para pegar informações básicas como endereço e telefone. Todos têm interesse que o site da Escola de Design Unisinos exiba conteúdos gerados na faculdade por professores e alunos.

site atual: fraco - não gera interesse

FRASE MARCANTE NO QUESTIONÁRIO:

“Não procuro informações lá porque parece um site desatualizado e de marketing para os outros entrarem na faculdade.”

O PORTAL DEVE CONTER MATERIAIS PARA OS ALUNOS, PRINCIPALMENTE!!!

8

ALUNOS 9

BENCHMARKINGO QUE É? Vídeos com caráter acadêmico. TED Talks, que originalmente focado em tecnologia, entretenimento e design, mas 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.

TED (Technology, Entertainment, Design) http://www.ted.com/

10

BENCHMARKINGO 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 comunicação, nos relacionamentos humanos, e, especialmente, na comunicação corporativa. Analisam, 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.

Nós da Comunicação (Migliori - empresa de consultoria estratégica)http://www.nosdacomunicacao.com/

11

BENCHMARKING

O QUE É? - Comunidade de vídeos destinada aos alunos da Unisinos.

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.

VIU?http://www.unisinos.br/viu

12

BENCHMARKINGO QUE É? - Portal, praticamente, auxiliar e complementar do canal de televisão (aberto e fechado). - Para ter acesso a alguns programas na íntegra, a pessoa 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.

http://video.globo.com/

13

BENCHMARKINGO QUE É? - Portal de armazenamento de vídeo mais conhecido e acessado do mundo. - Usado como informativo para muitas empresas e até mesmo 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.

http://www.youtube.com/

14

BENCHMARKINGO 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 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.

http://www.vimeo.com/

15

BENCHMARKINGO 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 artistas. - 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.

MYSPACE VIDEOShttp://vids.myspace.com/

16

ANÁLISE DE MERCADO E TENDÊNCIAS

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.

17

Passando a fase metaprojetual, entramos na fase em que o projeto começa a ser desenvolvido para a criação do produto final.

PROJETO 18

CENÁRIOS

PALAVRAS CHAVES

atualizado – simplicidade – simetria – design – interdisciplinar – inovação – online – informação

TARGET

MOODBOARD

cada coisa em seu lugar

harmônicocertinho

fácilquadrado

cleanprático

SIMPLES

COMPLICADO

SIM

ÉTRI

CO

ASS

IMÉT

RICO

Vanessa, 18 anos.Aluna do PA2 da EDU.

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 mundo relacionado ao assunto.

É super organizada e gosta de coisas práticas. Acha que isso ajuda a manter a ordem em seu dia corrido e atarefado.

Tem carência de um lugar ligado a faculdade para buscar informações. Apesar de conhecer muitas fontes, precisa de algo direcionado ao seu curso, especificamente.

“Os alunos vivem em um mundo onde as informações devem aparecer rapidamente e de

maneira prática.”

Alguém que está se familiarizando com o design e se informa do que aconteceu e está acontecendo na faculdade. Assim como qualquer pessoa de fora que visite o site eventualmente deve atendê-lo

19

CENÁRIOS

ANÁLISE SWOT

PONTOS FORTES PONTOS FRACOS

OPORTUNIDADES AMEAÇAS

Praticidade Curiosidade Gosta de estar atualizada

Carência de assuntos

relacionados à faculdade

Pouco tempo livre

O evento não estar no campo de interesse do

aluno

Manter o aluno atualizado com assuntos gerais do design e com o que acontece na faculdade

Exibir materiais produzidos por

alunos e professores para que sirva como referência

Mostrar para além dos alunos,

os eventos ocorridos na

faculdade, assim como os trabalhos

desenvolvidos

Se tornar um site chato caso

não seja atualizado regularmente

Ter pouco tempo para acessar materiais

interativos

Perder o interesse pelo

site

20

CENÁRIOS

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 possa “se achar” no site sem maiores dificuldades. Possibilidade de pesquisar por palavras-chave para achar materiais do seu interesse mais fácil.

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.

SIMPLES

FÁCIL

DIRETO

21

CONCEPT GERAL

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

22

ELEMENTOS GRÁFICOS

Alguns elementos gráficos foram importantes na definição de formas a serem aplicadas no site.

projeto NA EDU

3 SITES INTERLIGADOS PALAVRA-CHAVE

SÍMBOLO

exibição/vídeos/play/show/começar

24

NOME + LOGO

Pensando na simplicidade do site que nasceu o nome ‘NA EDU’. Ele é simples e direto, assim como o site deve ser.

CONCEPT

FINAL

25

CORESSITE ESCOLA DE DESIGN UNISINOS

ESTUDO E APLICAÇÃO DOS GRÁFICOS

PORTAL NA EDU

2/27

26

FUNÇÕES

página inicial

palestras materiaisdidáticos

vídeos

+ acessadospalestras

+ acessadogeral

+ acessadogeral

busca

novabusca

buscapalestras

novabusca

recémpostadospalestras

vídeospalestras

tags

palestrasrelacionados

+ acessadosmateriaisdidáticos

+ acessadogeral

buscamateriaisdidáticos

novabusca

recémpostadosm. didáticos

slidesmateriaisdidáticos

tagsmateriaisdidáticosrelacionados

+ acessadosvídeos

+ acessadogeral

buscavídeos

novabusca

recémpostadosvídeos

vídeosvídeos

tags

vídeosrelacionados

*Mapa do site ‘aberto’ com todas as funções e caminhos que o usuário pode executar no site.

27

MAPA DO SITE

página inicial

+ acessadogeral

+ acessadogeral

tags

relacionados

buscageral

sitedireto

+ acessado

recémpostado

página�nal

buscadireta

novabusca

novabusca

*O ícone de ‘páginas empilhadas’ indica um grupo de páginas funcionalmente idênticas.(fonte: Instituto de Arquitetura de Informação - http://iainstitute.org/pt/translations/000332.html#page)

28

TELAS

GRIDS

PÁGINA INICIAL

PÁGINA DE BUSCA

PÁGINA DIRETA

PÁGINA FINAL

Medida padrão: 1024x800 px

1024x112 1024x88

1024x88

1024x72

1024x78

1024x50

1024x48

1024x481024x48

1024x48 1024x48

1024x5681024x208

672x64

672x368

672x368672x368

672x128

672x128672x224

1024x48

352x144

352x144

352x144

352x592352x256

352x112

29

TELAS

PÁGINA INICIAL

Digite o material que você procura

vestibular

aula_4_marketing

aula_aberta

trabalho_PA4

30


arquivos encontrados com a palavra ‘design’

o_que_é_design?

essência_design

design_da_informação

vestibular

escola_de_design

por_que_design?

design_for_the_world

o_que_é_design_gráfico

mundos_virtuais

tipografia

TELAS

PÁGINA DE BUSCA

31

2/27

mundos_virtuais

Digite a palestra que você procura

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

1:02design_de_moda

design_de_experiência

por_que_design?

TELAS

PALESTRAS - PÁGINA DIRETA

32



o_que_é_design?

essência_design


vestibular

escola_de_design

por_que_design?



mundos_virtuais

tipografia

TELAS

PALESTRAS - PÁGINA DE BUSCA

33

design_de_moda design_de_experiênciaaula_aberta

vestibular trabalho_PA4 escola_de_designo_que_é_design?

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


mundo digital - online - interfaces de comunicação - escola de design unisinos - apresentação

design_da_informaçãopor_que_design?

1:02

aula_aberta

Mundos Virtuais


TELAS

PALESTRAS - PÁGINA FINAL

34

2/27

aula_4_marketing

o_que_é_design?

essência_design

design_estratégico


Slides de apresentação do Design Estratégico.

Autor: Roberto Galisai


TELAS

MATERIAIS DIDÁTICOS - PÁGINA DIRETA

35



o_que_é_design?

essência_design


vestibular

escola_de_design

por_que_design?



mundos_virtuais

tipografia

TELAS

MATERIAIS DIDÁTICOS - PÁGINA DE BUSCA

36

2/27

aula_3_ateliê2 aula_4_marketingpesquisa_bluesky o_que_é_design? essência_design

aula_abertavestibular trabalho_PA4 escola_de_designo_que_é_design?




design estratégico - escola de design unisinos - apresentação

Design Estratégico


TELAS

MATERIAIS DIDÁTICOS - PÁGINA FINAL

37

2/27

vestibula

Digite o vídeo que você procura

Vídeo para o vestibular de verão 2011. Apresentação do curso e sua proposta de Design Estratégico.

Autor: Unisinos


0:12

convite_trabalho_P4

trabalho_PA4

tipografia

TELAS

VÍDEOS - PÁGINA DIRETA

38



o_que_é_design?

essência_design


vestibular

escola_de_design

por_que_design?



mundos_virtuais

tipografia

TELAS

VÍDEOS - PÁGINA DE BUSCA

39

convite_trabalho_P4

vestibular trabalho_PA4 escola_de_designo_que_é_design?

trabalho_PA4 escola_de_design

Vídeo para o vestibular de verão 2011. Apresentação do curso e sua proposta de Design Estratégico.

Autor: Unisinos


vestibulas - alunos - design - escola de design unisinos - apresentação

0:12

aula_aberta

Vestibular


o_que_é_design_gráficotipografia

TELAS

VÍDEOS - PÁGINA FINAL

40


vestibular

aula_4_marketing

aula_aberta

trabalho_PA4

TELAS

LINKS PÁGINA INICIAL

LINK PARA A PÁGINA INICIAL

LINK PARA APÁGINA DEPALESTRAS

LINK PARA APÁGINA DEMATERIAISDIDÁTICOS

LINK PARA APÁGINA DEVÍDEOS

O VÍDEO SERÁ EXIBIDO

NORMALMENTE, MAS AO CLICAR

SOBRE ELE, ABRE A PÁGINA “FINAL” ONDE

ELE FOI POSTADO.

MINIATURAS DOS MATERIAIS MAIS ACESSADOS EM CADA CATEGORIA, AO CLICAR NELES, ABRE A PÁGINA “FINAL” ONDE ELE FOI POSTADO.

41



o_que_é_design?

essência_design


vestibular

escola_de_design

por_que_design?



mundos_virtuais

tipografia

TELAS

LINKS PÁGINA DE BUSCA

MINIATURA DO MATERIAL ORIGINAL, AOCLICAR NA IMAGEM, ABRE A RESPECTIVA

PÁGINA ONDE FOI POSTADO.

LINK PARA A PÁGINAINICIAL

VOLTAR AVANÇARPÁGINAS DERESULTADO

42

2/27

aula_4_marketing

o_que_é_design?

essência_design

design_estratégico





TELAS

LINKS PÁGINA DIRETA

MINIATURAS DOS MATERIAISRECÉM POSTADOS NA CATEGORIA,AO CLICAR NELES, ABRE A PÁGINA “FINAL”.


O VÍDEO SERÁ EXIBIDONORMALMENTE, MAS AO CLICAR SOBRE ELE, ABRE A PÁGINA “FINAL”ONDE ELE FOI POSTADO.

43

2/27







Design Estratégico


TELAS

LINKS PÁGINA FINAL

MINIATURAS DOS MATERIAIS RELACIONADOS NA CATEGORIA, AO CLICAR NELES, ABRE A PÁGINA “FINAL”.

TAGS, AO CLICAR SOBRE ELAS ABRE

A PÁGINA DE RESULTADOS,

USANDO COMO BUSCA A TAG CLICADA

MINIATURAS DOS MATERIAIS MAIS ACESSADOS AO GERAL, AO CLICAR NELES, ABRE A PÁGINA “FINAL”.


44

TELAS

FUNÇÕES PÁGINA INICIAL


vestibular

aula_4_marketing

aula_aberta

trabalho_PA4

CAIXA DE BUSCA, LEVAPARA A PÁGINA DE BUSCA

GERAL.

MOSTRAR O MATERIALMAIS ACESSADO.

INDICA ACATEGORIADO MATERIALMAISACESSADO.

INDICA MATERIAISMAIS ACESSADOS EMCADA CATEGORIA.

45



o_que_é_design?

essência_design


vestibular

escola_de_design

por_que_design?



mundos_virtuais

tipografia

TELAS

FUNÇÕES PÁGINA DE BUSCA

CAIXA DE BUSCA, LEVAPARA A PÁGINA DE BUSCA GERAL.

INDICA A PALAVRAQUE FOI BUSCADA

INDICA A CATEGORIADO MATERIAL QUE FOIENCONTRADO NA BUSCA.

46

2/27

aula_4_marketing

o_que_é_design?

essência_design

design_estratégico





TELAS

FUNÇÕES PÁGINA DIRETA


BARRA DE UTILITÁRIOS DO SITE SLIDESHARE.NET

INFORMAÇÕES SOBRE OVÍDEO MAIS ACESSADO

ESPAÇO PARA OS MATERIAIS RECÉM POSTADOS NA CATEGORIA.

47

TELAS

FUNÇÕES PÁGINA FINAL


2/27







Design Estratégico


INFORMAÇÕES DO MATERIAL.

TAGS.

AVANÇARVOLTAR

BARRA DE FUNÇÕES

AS MINIATURAS SE MOVIMENTAM POR ROLAGEM AO CLICAR NOS COMANDOS: VOLTAR/AVANÇAR.

48

BANNERS

leaderboard 728 x 90 px

vertical banner 120 x 240 px

large retangle 336 x 280 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.

MEDIDAS

49

BANNERS

GRÁFICOS

PADRÃO

50

BANNERS

APLICAÇÃO

LEADERBOARD

51

BANNERS

APLICAÇÃO

LEADERBOARD

52

BANNERS

APLICAÇÃO

VERTICAL BANNER

53

BANNERS

APLICAÇÃO

VERTICAL BANNER

54

BANNERS

APLICAÇÃO

LARGE RETANGLE

55

BANNERS

APLICAÇÃO

LARGE RETANGLE

56

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.

CONSIDERAÇÕES FINAIS 57