Portal EDU materiais vídeos

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:

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

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.

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.

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.

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.

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)

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

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.

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.
Apesar de não serem direcionado para todos os públicos,
não possuem linguagem muito técnica, é acessível a todos.

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.

São os alunos que postam os vídeos, através de uma ficha
de cadastro.

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)

Por já estar em contato com seus expectadores em outra
mídia, quem acessa o site, sabe onde encontrar o que está
procurando.

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

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.

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.

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

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.

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.

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

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

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.

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

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

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

CORES 26
SITE ESCOLA DE DESIGN UNISINOS PORTAL NA EDU

2/27

ESTUDO E APLICAÇÃO DOS GRÁFICOS

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.

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)

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

TELAS 30
PÁGINA INICIAL

Digite o material que você procura

vestibular

aula_aberta

aula_4_marketing

trabalho_PA4

TELAS 31
PÁGINA DE BUSCA


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

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

TELAS 33
PALESTRAS - PÁGINA DE BUSCA








TELAS 34
PALESTRAS - PÁGINA FINAL


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


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

TELAS 35
MATERIAIS DIDÁTICOS - PÁGINA DIRETA


aula_4_marketing

2/27
o_que_é_design?
design_estratégico

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

Autor: Roberto Galisai


essência_design

TELAS 36
MATERIAIS DIDÁTICOS - PÁGINA DE BUSCA








TELAS 37
MATERIAIS DIDÁTICOS - PÁGINA FINAL


Design Estratégico




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


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


convite_trabalho_P4

TELAS 39
VÍDEOS - PÁGINA DE BUSCA








TELAS 40
VÍDEOS - PÁGINA FINAL


Vestibular

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

trabalho_PA4 escola_de_design tipografia o_que_é_design_gráfico convite_trabalho_P4


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

TELAS 42
LINKS PÁGINA DE BUSCA


LINK PARA A PÁGINA
INICIAL arquivos encontrados com a palavra ‘design’



MINIATURA DO MATERIAL ORIGINAL, AO
CLICAR NA IMAGEM, ABRE A RESPECTIVA
PÁGINA ONDE FOI POSTADO.



VOLTAR PÁGINAS DE AVANÇAR
RESULTADO

TELAS 43
LINKS PÁGINA DIRETA


LINK PARA A PÁGINA
INICIAL

aula_4_marketing

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,
ABRE A PÁGINA “FINAL”
ONDE ELE FOI POSTADO.


essência_design

TELAS 44
LINKS PÁGINA FINAL


LINK PARA A PÁGINA
INICIAL Design Estratégico




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

RELACIONADOS NA CATEGORIA,
aula_3_ateliê2 pesquisa_bluesky aula_4_marketing o_que_é_design? essência_design

MAIS ACESSADOS AO GERAL,

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

TELAS 46
FUNÇÕES PÁGINA DE BUSCA
PARA A PÁGINA DE
BUSCA GERAL.
arquivos encontrados com a palavra ‘design’ INDICA A PALAVRA
QUE FOI BUSCADA



INDICA A CATEGORIA
DO MATERIAL QUE FOI
ENCONTRADO NA BUSCA.



TELAS 47
FUNÇÕES PÁGINA DIRETA
PARA A PÁGINA DE
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
VÍDEO MAIS ACESSADO



essência_design

TELAS 48
FUNÇÕES PÁGINA FINAL
PARA A PÁGINA DE
BUSCA GERAL.
Design Estratégico




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.


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.

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

Portal EDU materiais vídeos

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (15)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Portal EDU materiais vídeos

Ähnlich wie Portal EDU materiais vídeos (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (9)

Portal EDU materiais vídeos