O documento apresenta a pesquisa contextual realizada para o desenvolvimento de um portal de vídeos e materiais didáticos para a Escola de Design Unisinos. Inclui análise da escola, alunos, benchmarking de sites com conteúdo semelhante e tendências identificadas.

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

2. relatório de estágio
Verônica Beltrame
PA 6
Porto Alegre, 2 de Julho de 2010.
Supervisão: Giulio Palmitessa
Assinatura:

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. 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. 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. 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. 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. 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. 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. ALUNOS 9

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

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

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

27. CORES 26
SITE ESCOLA DE DESIGN UNISINOS PORTAL NA EDU
2/27
ESTUDO E APLICAÇÃO DOS GRÁFICOS

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

29. 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)

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

31. TELAS 30
PÁGINA INICIAL
Digite o material que você procura
vestibular
aula_aberta
aula_4_marketing
trabalho_PA4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

51. BANNERS 50
GRÁFICOS
PADRÃO

52. BANNERS 51
APLICAÇÃO
LEADERBOARD

53. BANNERS 52
APLICAÇÃO
LEADERBOARD

54. BANNERS 53
APLICAÇÃO
VERTICAL BANNER

55. BANNERS 54
APLICAÇÃO
VERTICAL BANNER

56. BANNERS 55
APLICAÇÃO
LARGE RETANGLE

57. BANNERS 56
APLICAÇÃO
LARGE RETANGLE

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