o processo de elaboração do website · 2019-08-02 · o processo de elaboração do website....
TRANSCRIPT
![Page 1: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/1.jpg)
O processo de elaboração do website
Desde o início ficou claro que o projeto deveria avançar em várias frentes ao mesmo tempo.
1. Criação Gráfica
2. Concepção, Estrutura e Implementação do Website
3. Conteúdo
4. Vídeos
5. Aplicação e Eventos
![Page 2: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/2.jpg)
O processo de elaboração do website | Criação Gráfica
Forte Regular(TTF)ABCDEFGHIJKLMNOPQRSTUVXWYZabcdefghijklmnopqrstuvxwyz -0123456789
Logomarca
e elementos da Identidade Visual do projeto...
![Page 3: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/3.jpg)
O processo de elaboração do website | Criação Gráfica
Padrões gráficos
Website
![Page 4: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/4.jpg)
O processo de elaboração do website | Criação Gráfica
A logomarca e identidade visual do projeto definiram os padrões gráficos utilizados na confecção das páginas do site,
com desdobramentos para os outros projetos que ficaram a ele associados.
![Page 5: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/5.jpg)
O processo de elaboração do website | Criação Gráfica
Padrões gráficos de
Projetos e Eventos Associados
Projeto Escola Presente
Colóquio Cinema e Comensalidade NECTAR (UERJ) Lacon (UERJ) Ladig’e(UFRJ) Corpus (Fiocruz) REDE NAUS
![Page 6: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/6.jpg)
O processo de elaboração do website | Criação Gráfica
Abertura e identificação dos vídeos produzidos para os textos de análise.
Canal de vídeos criado no YouTube reunindo estas e outras produções.
![Page 7: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/7.jpg)
O processo de elaboração do website | Concepção, Estrutura e Implementação
Esboços do site em programas gráficos
Distribuídos entre orientadores, equipe e outros colaboradores
Ajudando a visualizar e discutir conceitos idealizados
![Page 8: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/8.jpg)
O processo de elaboração do website | Concepção, Estrutura e Implementação
Protótipo funcional contendo os principais modelos de páginas:
• Inicial
• Filmes analisados (textos produzidos no Néctar)
• Conteúdos institucionais.
![Page 9: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/9.jpg)
Reformulações até oModelo final das páginas para publicações
O processo de elaboração do website | Concepção, Estrutura e Implementação
![Page 10: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/10.jpg)
O processo de elaboração do website | Conteúdo
Definição e Seleção
Organização de blocos de conteúdo
Definição de estruturas adequadas
Montagem das páginas
![Page 11: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/11.jpg)
O processo de elaboração do website | Conteúdo
Seleção
Definição de blocos de conteúdo e estruturas adequadas
Montagem das páginas
![Page 12: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/12.jpg)
O processo de elaboração do website | Conteúdo
Seleção
Definição de blocos de conteúdo e estruturas adequadas
Montagem das páginas
![Page 13: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/13.jpg)
O processo de elaboração do website | Produção de Vídeos
Definição formatos
6 a 7 min com autores:formato mais prático para ser produzido e mais atrativo para o visitante do site.
Gravados em forma de depoimento ou em forma de entrevista, conforme mais confortável para o autor.
Dispor de estratégias variadas é interessante para garantir o sucesso no resultado.
![Page 14: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/14.jpg)
O processo de elaboração do website | Produção de Vídeos
Produção
Gravação
Edição (Corte, Montagem, Sonorização, Titulagem)
Publicação online (YouTube)
Inserção no site
![Page 15: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/15.jpg)
O processo de elaboração do website | Produção de Vídeos
Disponibilização num Canal de vídeos online (YouTube):
31 vídeos em 3 listas de reprodução 1. Projeto Cinema e Comensalidade -
Filmes Comentados (11)2. Colóquio Cinema e Comensalidade –
UERJ (15)3. Corpo, Mídia e Cidade: Diálogos com
a Alimentação e Nutrição (5)
![Page 16: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/16.jpg)
O processo de elaboração do website
Cursos e Eventos
Encontros com Escolas Municipais
+ Eventos acadêmicos
![Page 17: O processo de elaboração do website · 2019-08-02 · O processo de elaboração do website. Desde o início ficou claro que o projeto deveria avançar em . várias frentes . ao](https://reader034.vdocuments.pub/reader034/viewer/2022042217/5ec0d8061b1f3323b375780b/html5/thumbnails/17.jpg)
O processo de elaboração do website
Cursos e Eventos
Eventos Acadêmicos