SlideShare uma empresa Scribd logo
www.addtechnologies.com.br
Add Interactive
Etapas do Processo Criativo
Rio de Janeiro, 2º semestre de 2010
Criação
Design
Usabilidade
Briefing
 Verificar expectativas do cliente
 Levantar requisitos para o projeto
 Alinhar conteúdos e funcionalidades
 Coletar amostras de conteúdos
 Obter padrões de identidade visual
 Coleta e análise de concorrência
 Discutir linguagem de comunicação
Arquitetura da Informação
Organizar a informação de forma
que o usuário encontre
rapidamente o que procura
AI: mapa de arquitetura
Documento composto por
diagramas que representam
hierarquicamente a estrutura e
organização dos grupos de
informações e funcionalidades,
bem como prevê fluxos de
navegação e interação.
AI: inventário de conteúdos
As amostras de conteúdo são organizadas num documento que
funciona como índice de tudo que deverá ser incluído
Planilha resultante da coleta,
junto ao cliente, para
obtenção de amostras de
conteúdo que deverão ser
produzidos ou de versões
finais, se já disponíveis.
Projeto de Interface: planejamento físico
Organizar os elementos de
interface com o usuário, dentro de
uma visão estrutural esquemática
Projeto de Interface: wireframe
Organizar os elementos de interface com o usuário, dentro de
uma visão estrutural esquemática.
Projeto de Interface: usabilidade
Garantir que a interface
seja fácil de ser
compreendida e utilizada,
trazendo segurança e
satisfação para o usuário.
Projeto de Interface: protótipo navegável
Telas navegáveis que simulam a
estrutura, fluxos e interações do
usuário, inclusive comportamentos,
mensagens de erros, alertas, etc.
Identidade Visual
Estudos de layouts com
softwares de edição
gráfica para definição e
aprovação “look and feel”
geral do ambiente.
Projeto Gráfico
Detalhamento em software gráfico dos
modelos e variações das telas
necessários para a montagem do
sistema ou site, incluindo a criação de:
 Templates para Sharepoint
 Skins para CMS
 Interfaces para Multimídia
 Interfaces e animações Flash
 Interfaces Flex
Construção das Interfaces
 Montagem dos códigos HTML
 Folhas de estilo CSS
 JavaScript / Ajax
 Sharepoint, DNN
 Interfaces para Multimídia
 Flash + Papervision 3D
 Interfaces Flex
Serviços de Criação e Design | Interactive
Design para e-mail marketing
E-mail personalizado, com a
identidade visual do cliente,
adequado aos mais diferentes
leitores de e-mail ou webmail,
com linguagem e visual
profissionais.
Design para mobile
 Convergência Web-Mobile
 Sites Mobile
 Aplicativos Corporativos
 Aplicativos Sociais
 Realidade Aumentada
Mobile: aplicativos sociais
Mobile: realidade aumentada
Sobreposição de objetos virtuais tridimensionais, gerados por
computador, com um ambiente real, por meio de algum
dispositivo tecnológico.
 Uma tecnologia que rompe
fronteiras
 Inovação na criação de
campanhas publicitárias
 Divulgação de produtos
 Experiência de
interatividade com a marca
Mobile: realidade aumentada
Projeto Gráfico Digital
Criação de layouts para sites,
hotsites, campanhas, banners,
animações e quaisquer outras
peças digitais, seja para Web
ou multimídia.
3D Design
Criação de animações, filmes,
vinhetas, e projetos para os mais
variados fins em tecnologia 3D.
Exemplos incluem filmes
publicitários, maquete
eletrônica, ilutração, etc.
Design de personagens
Elaboração de personagens ou mascotes para fins publicitários ou
educacionais. Em tecnologia 3D ou 2D convencional.
Design de jogos – Game Design
Desenvolvimento de projetos
gráficos para games. A criação
pode abranger desde o concept-
art até o próprio planejamento da
jogabilidade, stage-design, etc.
em tecnologia 3D, 2D (Flash),
pixel-art, e outras linguagens de
comunicação visual.
www.addtech.com.br/interatividade/a-interactive.aspx
São Paulo
Av. Brig. Luis Antônio, 2482 / 5º andar
Jd. Paulista • São Paulo • SP • CEP: 01317-001
Tel.: 11 2865-7502 | 11 8517-8330
Rio de Janeiro
Rua da Ajuda, 35 / 16º e 24º andares
Centro • Rio de Janeiro • RJ
CEP: 20040-915 • Tel.: 21 2212-3236
#obrigado
@addtechnologies
Rio de Janeiro, 2º semestre de 2010
www.addtechnologies.com.br

Mais conteúdo relacionado

PPTX
Sustainable Building Operations: New Technology Options
PDF
Palestra Inovação com Beatriz Russo
PDF
Requisitos Ágeis com Design Thinking - ADDTECH
PDF
ADDTECH - Negócios, Gestão e Tecnologia
PPSX
Desenvolvimento de Sites e Mobile Sites - Add Technologies
PDF
Por que você precisaber o que é Design de Serviços?
PDF
Treinamentos In Company - ADDTECH
PPT
Soluções para Seguradoras - ADDTECH
Sustainable Building Operations: New Technology Options
Palestra Inovação com Beatriz Russo
Requisitos Ágeis com Design Thinking - ADDTECH
ADDTECH - Negócios, Gestão e Tecnologia
Desenvolvimento de Sites e Mobile Sites - Add Technologies
Por que você precisaber o que é Design de Serviços?
Treinamentos In Company - ADDTECH
Soluções para Seguradoras - ADDTECH

Destaque (7)

PDF
Bdpo AddTech - Banco de dados de Perdas Operacionais
PDF
Double Diamond + Ferramentas
PDF
Desenho de Processos com Design Thinking
PDF
Design Thinking - Empatia, experimentação e Colaboração
PDF
Apresentação design thinking double diamond - bsp IDENTIDADE VISUAL
PDF
Service Design Thinking por Victor Gonçalves
PPTX
Design thinking
Bdpo AddTech - Banco de dados de Perdas Operacionais
Double Diamond + Ferramentas
Desenho de Processos com Design Thinking
Design Thinking - Empatia, experimentação e Colaboração
Apresentação design thinking double diamond - bsp IDENTIDADE VISUAL
Service Design Thinking por Victor Gonçalves
Design thinking
Anúncio

Semelhante a Add Technologies - Apresentação da área de Interatividade Digital (20)

PPTX
Experiência de usuário e flat design
PPT
Agência Web - ADDTECH
PPTX
Otimizando os projetos de TI com User Experience
PPT
Planejamento de produtos digitais - 2
PPTX
Design de Interfaces
PPT
Agile User Experience
PPSX
Palestra UX e AI
PDF
Design Adaptável para sites Adaptáveis - Add Technologies
PPTX
Adobe flash platform fabricio
PPTX
Apresentação TCC - Marconi Pacheco 2010
PDF
Trabaho design de interação
PPT
Desenvolvimento de Sites
PDF
Design agil: Encaixando o Design no processo
PDF
Prototipagem em Papel - Oficina
PDF
Arquitetura de informação e design de interação
PPTX
Introdução a experiência do usuário
PPTX
06 - Experiência do Usuário - User Experience - Parte 2.pptx
PDF
Design Interação: por um Design Livre
PDF
User eXperience
Experiência de usuário e flat design
Agência Web - ADDTECH
Otimizando os projetos de TI com User Experience
Planejamento de produtos digitais - 2
Design de Interfaces
Agile User Experience
Palestra UX e AI
Design Adaptável para sites Adaptáveis - Add Technologies
Adobe flash platform fabricio
Apresentação TCC - Marconi Pacheco 2010
Trabaho design de interação
Desenvolvimento de Sites
Design agil: Encaixando o Design no processo
Prototipagem em Papel - Oficina
Arquitetura de informação e design de interação
Introdução a experiência do usuário
06 - Experiência do Usuário - User Experience - Parte 2.pptx
Design Interação: por um Design Livre
User eXperience
Anúncio

Mais de .add (20)

PDF
PG Risk - AddTech
PPTX
Facile Pro | AddTech
PDF
Plataforma de Gestão de Riscos Corporativos - AddTech
PDF
Treinamento Product Management | Circuito de Treinamentos AddTech
PPTX
Treinamento product management | Circuito de Treinamentos AddTech
PDF
Solução ERM Addtech (Enterprise Risk Mananger)
PDF
Customer Experience Management (Cem) | Circuito de Treinamento 2019 - Instrut...
PDF
Customer Experience Management (Cem) | Circuito de Treinamento 2019 - Instrut...
PDF
Design Thinking and Doing | Circuito de Treinamento AddTech
PDF
Agile transformation | Circuito de Treinamentos AddTech
PDF
Management 3.0 (Gestão 3.0) - Circuito de Treinamentos AddTech
PDF
Design Thinking 3.0 - Circuito de treinamentos AddTech
PPTX
Gestao 3.0 - Circuito de treinamentos AddTech
PDF
Customer Experience Management - Circuito de treinamento AddTech
PDF
Solução ERM Addtech (Enterprise Risk Mananger)
PDF
Circuito de treinamento Addtech: Design Thinking 3.0
PDF
Gestão Ágil e Lean - Circuito de treinamentos AddTech
PPTX
Circuito de treinamentos AddTech: Requisitos ágeis com Desing Thinking
PDF
Circuito de treinamentos AddTech: Requisitos ágeis Com Design Thinking
PDF
Circuito de treinamento: Gestão Ágil e Lean
PG Risk - AddTech
Facile Pro | AddTech
Plataforma de Gestão de Riscos Corporativos - AddTech
Treinamento Product Management | Circuito de Treinamentos AddTech
Treinamento product management | Circuito de Treinamentos AddTech
Solução ERM Addtech (Enterprise Risk Mananger)
Customer Experience Management (Cem) | Circuito de Treinamento 2019 - Instrut...
Customer Experience Management (Cem) | Circuito de Treinamento 2019 - Instrut...
Design Thinking and Doing | Circuito de Treinamento AddTech
Agile transformation | Circuito de Treinamentos AddTech
Management 3.0 (Gestão 3.0) - Circuito de Treinamentos AddTech
Design Thinking 3.0 - Circuito de treinamentos AddTech
Gestao 3.0 - Circuito de treinamentos AddTech
Customer Experience Management - Circuito de treinamento AddTech
Solução ERM Addtech (Enterprise Risk Mananger)
Circuito de treinamento Addtech: Design Thinking 3.0
Gestão Ágil e Lean - Circuito de treinamentos AddTech
Circuito de treinamentos AddTech: Requisitos ágeis com Desing Thinking
Circuito de treinamentos AddTech: Requisitos ágeis Com Design Thinking
Circuito de treinamento: Gestão Ágil e Lean

Último (19)

PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PPTX
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
PDF
Aula04-Academia Heri- Tecnologia Geral 2025
PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PPTX
Aula16ManipulaçãoDadosssssssssssssssssssssssssssss
PDF
Apple Pippin Uma breve introdução. - David Glotz
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PDF
Processos na gestão de transportes, TM100 Col18
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Aula 18 - Manipulacao De Arquivos python
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
Aula04-Academia Heri- Tecnologia Geral 2025
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Aula16ManipulaçãoDadosssssssssssssssssssssssssssss
Apple Pippin Uma breve introdução. - David Glotz
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Custos e liquidação no SAP Transportation Management, TM130 Col18
COBITxITIL-Entenda as diferença em uso governança TI
Processos na gestão de transportes, TM100 Col18
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Aula 18 - Manipulacao De Arquivos python
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...

Add Technologies - Apresentação da área de Interatividade Digital

  • 1. www.addtechnologies.com.br Add Interactive Etapas do Processo Criativo Rio de Janeiro, 2º semestre de 2010
  • 3. Briefing  Verificar expectativas do cliente  Levantar requisitos para o projeto  Alinhar conteúdos e funcionalidades  Coletar amostras de conteúdos  Obter padrões de identidade visual  Coleta e análise de concorrência  Discutir linguagem de comunicação
  • 4. Arquitetura da Informação Organizar a informação de forma que o usuário encontre rapidamente o que procura
  • 5. AI: mapa de arquitetura Documento composto por diagramas que representam hierarquicamente a estrutura e organização dos grupos de informações e funcionalidades, bem como prevê fluxos de navegação e interação.
  • 6. AI: inventário de conteúdos As amostras de conteúdo são organizadas num documento que funciona como índice de tudo que deverá ser incluído Planilha resultante da coleta, junto ao cliente, para obtenção de amostras de conteúdo que deverão ser produzidos ou de versões finais, se já disponíveis.
  • 7. Projeto de Interface: planejamento físico Organizar os elementos de interface com o usuário, dentro de uma visão estrutural esquemática
  • 8. Projeto de Interface: wireframe Organizar os elementos de interface com o usuário, dentro de uma visão estrutural esquemática.
  • 9. Projeto de Interface: usabilidade Garantir que a interface seja fácil de ser compreendida e utilizada, trazendo segurança e satisfação para o usuário.
  • 10. Projeto de Interface: protótipo navegável Telas navegáveis que simulam a estrutura, fluxos e interações do usuário, inclusive comportamentos, mensagens de erros, alertas, etc.
  • 11. Identidade Visual Estudos de layouts com softwares de edição gráfica para definição e aprovação “look and feel” geral do ambiente.
  • 12. Projeto Gráfico Detalhamento em software gráfico dos modelos e variações das telas necessários para a montagem do sistema ou site, incluindo a criação de:  Templates para Sharepoint  Skins para CMS  Interfaces para Multimídia  Interfaces e animações Flash  Interfaces Flex
  • 13. Construção das Interfaces  Montagem dos códigos HTML  Folhas de estilo CSS  JavaScript / Ajax  Sharepoint, DNN  Interfaces para Multimídia  Flash + Papervision 3D  Interfaces Flex
  • 14. Serviços de Criação e Design | Interactive
  • 15. Design para e-mail marketing E-mail personalizado, com a identidade visual do cliente, adequado aos mais diferentes leitores de e-mail ou webmail, com linguagem e visual profissionais.
  • 16. Design para mobile  Convergência Web-Mobile  Sites Mobile  Aplicativos Corporativos  Aplicativos Sociais  Realidade Aumentada
  • 18. Mobile: realidade aumentada Sobreposição de objetos virtuais tridimensionais, gerados por computador, com um ambiente real, por meio de algum dispositivo tecnológico.
  • 19.  Uma tecnologia que rompe fronteiras  Inovação na criação de campanhas publicitárias  Divulgação de produtos  Experiência de interatividade com a marca Mobile: realidade aumentada
  • 20. Projeto Gráfico Digital Criação de layouts para sites, hotsites, campanhas, banners, animações e quaisquer outras peças digitais, seja para Web ou multimídia.
  • 21. 3D Design Criação de animações, filmes, vinhetas, e projetos para os mais variados fins em tecnologia 3D. Exemplos incluem filmes publicitários, maquete eletrônica, ilutração, etc.
  • 22. Design de personagens Elaboração de personagens ou mascotes para fins publicitários ou educacionais. Em tecnologia 3D ou 2D convencional.
  • 23. Design de jogos – Game Design Desenvolvimento de projetos gráficos para games. A criação pode abranger desde o concept- art até o próprio planejamento da jogabilidade, stage-design, etc. em tecnologia 3D, 2D (Flash), pixel-art, e outras linguagens de comunicação visual.
  • 25. São Paulo Av. Brig. Luis Antônio, 2482 / 5º andar Jd. Paulista • São Paulo • SP • CEP: 01317-001 Tel.: 11 2865-7502 | 11 8517-8330 Rio de Janeiro Rua da Ajuda, 35 / 16º e 24º andares Centro • Rio de Janeiro • RJ CEP: 20040-915 • Tel.: 21 2212-3236 #obrigado @addtechnologies Rio de Janeiro, 2º semestre de 2010 www.addtechnologies.com.br