SlideShare a Scribd company logo
1 of 32
Download to read offline
Dirk Schächter: The Typomaps are awarded with the IF Design Award and are nominated for the Design Award of the
Federal Republik of Germany 2011. The Typomaps are handset, and not automatically generated by computer program.
Influência no Varejo
                                                    43%
                       de todas as vendas efetuadas no
                        varejo devem ser influenciadas
                       ou feitas pela internet até 2012.




Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
Influência no B2B
                                                    83%
                                 Das empresas utilizam a
                                internet para pesquisar e
                               encontrar fornecedores em
                                       potencial.




Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
Qual o Impacto do Design na
                           Credibilidade


   75%
                                           dos usuários da web admitem fazer
                                           julgamentos sobre a credibilidade de uma
                                           organização baseados no design de seu site.




                   C c e
                      Credibilidade                                Confiança                             Encantamento



Fonte: Fogg, B.J., Stanford Guidelines for Web Credibility, Persuasive Technology Lab. Stanford University.
Design   EU PODERIA
         FAZER ISSO
                      SIM, MAS VOCÊ
                      NÃO FEZ
Contrato um Arquiteto ou
Acredito no Mestre de Obras   ?
Briefing
Pensar em Design é

conteúdo          navegabilidade    velocidade

tipografia        usabilidade       interação


consistência      tecnologia        portabilidade
Concreto
     Interface




    Wireframe




Site
Map
Estrutural




      Escopo


                                  1. Estratégia
                       Abstrato   É onde tudo começa: O que nós
    Estratégia
                   queremos do site? O que os usuários
                                  buscam?
Concreto
     Interface




    Wireframe




Site
Map
Estrutural


                                  2. Escopo
                                  Transforma estratégias em requisitos:
      Escopo
                     Quais características necessariamente
                                  o site deve apresentar?

                                  1. Estratégia
                       Abstrato   É onde tudo começa: O que nós
    Estratégia
                   queremos do site? O que os usuários
                                  buscam?
Concreto
     Interface




    Wireframe


                                  3.  Site Map Estrutural
                                  Dá forma ao escopo: Como todos os
Site
Map
Estrutural
              elementos do site se ajustam e se
                                  comportam?

                                  2. Escopo
                                  Transforma estratégias em requisitos:
      Escopo
                     Quais características necessariamente
                                  o site deve apresentar?

                                  1. Estratégia
                       Abstrato   É onde tudo começa: O que nós
    Estratégia
                   queremos do site? O que os usuários
                                  buscam?
Concreto
     Interface


                                  4. Wireframe
                                  Torna a estrutura concreta: Quais os
    Wireframe
                    elementos que teremos disponíveis
                                  para o usuário no site?

                                  3.  Site Map Estrutural
                                  Dá forma ao escopo: Como todos os
Site
Map
Estrutural
              elementos do site se ajustam e se
                                  comportam?

                                  2. Escopo
                                  Transforma estratégias em requisitos:
      Escopo
                     Quais características necessariamente
                                  o site deve apresentar?

                                  1. Estratégia
                       Abstrato   É onde tudo começa: O que nós
    Estratégia
                   queremos do site? O que os usuários
                                  buscam?
5. Interface
                       Concreto
     Interface
                   Torna tudo tangível: Como ficará a
                                  versão final do projeto?

                                  4. Wireframe
                                  Torna a estrutura concreta: Quais os
    Wireframe
                    elementos que teremos disponíveis
                                  para o usuário no site?

                                  3.  Site Map Estrutural
                                  Dá forma ao escopo: Como todos os
Site
Map
Estrutural
              elementos do site se ajustam e se
                                  comportam?

                                  2. Escopo
                                  Transforma estratégias em requisitos:
      Escopo
                     Quais características necessariamente
                                  o site deve apresentar?

                                  1. Estratégia
                       Abstrato   É onde tudo começa: O que nós
    Estratégia
                   queremos do site? O que os usuários
                                  buscam?
10 Coisas Que Você Precisa Saber
                        Sobre       Design
O Que é        1.     Design pode  mudar empresas
Design         2.     Design é mais do que somente fotos bonitas
               3.     Traz benefícios, não caracteristicas

Um Design      4.     Traz fluência, não telas
Eficiente      5.     Não faz o usuário pensar
               6.     Começa com uma grande história
               7.     Utiliza o design como uma alavanca
               8.     Se obtém fora do escritório
Um Processo
Eficiente de   9.     Tem uma bíblia
Design         10.    Se repete e se aprimora
Renato Nascimento
 renatonascimento@orangedesign.com.br


    @renatoorange
             55 (11) 2769.5502
         www.orangedesign.com.br




            Orange Design
         Faz da Internet um grande negócio

More Related Content

Viewers also liked

12 Atitudes Para Aumentar Suas Vendas
12  Atitudes Para  Aumentar Suas  Vendas12  Atitudes Para  Aumentar Suas  Vendas
12 Atitudes Para Aumentar Suas VendasAkanga Comunicação
 
Estratégia comercial e os diversos modelos de venda
Estratégia comercial e os diversos modelos de vendaEstratégia comercial e os diversos modelos de venda
Estratégia comercial e os diversos modelos de vendaSandro Magaldi
 
9 dicas para ser um expert em vendas difíceis
9 dicas para ser um expert em vendas difíceis9 dicas para ser um expert em vendas difíceis
9 dicas para ser um expert em vendas difíceisAgendor
 
Plano de Trabalho Gestão 2014 / 2016
Plano de Trabalho Gestão 2014 / 2016Plano de Trabalho Gestão 2014 / 2016
Plano de Trabalho Gestão 2014 / 2016QUEDMA SILVA
 
Plano de ação - Modelo
Plano de ação - ModeloPlano de ação - Modelo
Plano de ação - ModeloDaniel Santos
 
12 maneiras para ter sucesso na abordagem de vendas
12 maneiras para ter sucesso na abordagem de vendas12 maneiras para ter sucesso na abordagem de vendas
12 maneiras para ter sucesso na abordagem de vendasAgendor
 
Plano de vendas_apresentacao
Plano de vendas_apresentacaoPlano de vendas_apresentacao
Plano de vendas_apresentacaoFabio Mesquita
 
Gestao Estrategica Vendas
Gestao Estrategica VendasGestao Estrategica Vendas
Gestao Estrategica VendasEuler Nogueira
 

Viewers also liked (11)

12 Atitudes Para Aumentar Suas Vendas
12  Atitudes Para  Aumentar Suas  Vendas12  Atitudes Para  Aumentar Suas  Vendas
12 Atitudes Para Aumentar Suas Vendas
 
Planejamento Estratégico Comercial
Planejamento Estratégico ComercialPlanejamento Estratégico Comercial
Planejamento Estratégico Comercial
 
Estratégia comercial e os diversos modelos de venda
Estratégia comercial e os diversos modelos de vendaEstratégia comercial e os diversos modelos de venda
Estratégia comercial e os diversos modelos de venda
 
9 dicas para ser um expert em vendas difíceis
9 dicas para ser um expert em vendas difíceis9 dicas para ser um expert em vendas difíceis
9 dicas para ser um expert em vendas difíceis
 
Plano de ação
Plano de açãoPlano de ação
Plano de ação
 
Plano de Trabalho Gestão 2014 / 2016
Plano de Trabalho Gestão 2014 / 2016Plano de Trabalho Gestão 2014 / 2016
Plano de Trabalho Gestão 2014 / 2016
 
Plano de ação - Modelo
Plano de ação - ModeloPlano de ação - Modelo
Plano de ação - Modelo
 
12 maneiras para ter sucesso na abordagem de vendas
12 maneiras para ter sucesso na abordagem de vendas12 maneiras para ter sucesso na abordagem de vendas
12 maneiras para ter sucesso na abordagem de vendas
 
Plano de vendas_apresentacao
Plano de vendas_apresentacaoPlano de vendas_apresentacao
Plano de vendas_apresentacao
 
Modelo de plano de ação
Modelo de plano de açãoModelo de plano de ação
Modelo de plano de ação
 
Gestao Estrategica Vendas
Gestao Estrategica VendasGestao Estrategica Vendas
Gestao Estrategica Vendas
 

Similar to Design como Estratégia de Negócio

Wireframe workshop externo_001_b
Wireframe workshop externo_001_bWireframe workshop externo_001_b
Wireframe workshop externo_001_bmaurohs
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignFelipe Fernandes
 
Criação de sites
Criação de sitesCriação de sites
Criação de sitesicajai
 
Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Renato Melo
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04Alvaro Gomes
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Cristofer Sousa
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEBFábio Flatschart
 
O Arquiteto da Informacao
O Arquiteto da Informacao O Arquiteto da Informacao
O Arquiteto da Informacao Carlos Franco
 
Questionário Empresa Webvix
Questionário Empresa WebvixQuestionário Empresa Webvix
Questionário Empresa Webvixgueste3d3ab
 
Habilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dadosHabilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dadosJeison Barros
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Uaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - IntroduçãoUaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - IntroduçãoRogerio Fontes
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e UsabilidadeClaudio Toldo
 
Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups Tuia
 

Similar to Design como Estratégia de Negócio (20)

Wireframe workshop externo_001_b
Wireframe workshop externo_001_bWireframe workshop externo_001_b
Wireframe workshop externo_001_b
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web Design
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
O Arquiteto da Informacao
O Arquiteto da Informacao O Arquiteto da Informacao
O Arquiteto da Informacao
 
Questionário Empresa Webvix
Questionário Empresa WebvixQuestionário Empresa Webvix
Questionário Empresa Webvix
 
Habilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dadosHabilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dados
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Uaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - IntroduçãoUaijug ADF - spring boot - microservice - Introdução
Uaijug ADF - spring boot - microservice - Introdução
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
Interface homem computador - Aula06 - logo design e arquitetura da informação
Interface homem computador - Aula06 - logo design e arquitetura da informaçãoInterface homem computador - Aula06 - logo design e arquitetura da informação
Interface homem computador - Aula06 - logo design e arquitetura da informação
 
Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups Intensivo de UX para Agências e Startups
Intensivo de UX para Agências e Startups
 

Design como Estratégia de Negócio

  • 1. Dirk Schächter: The Typomaps are awarded with the IF Design Award and are nominated for the Design Award of the Federal Republik of Germany 2011. The Typomaps are handset, and not automatically generated by computer program.
  • 2. Influência no Varejo 43% de todas as vendas efetuadas no varejo devem ser influenciadas ou feitas pela internet até 2012. Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
  • 3. Influência no B2B 83% Das empresas utilizam a internet para pesquisar e encontrar fornecedores em potencial. Fonte: “The Web’s Impact on In-Store Sales: US Cross-Channel Sales Forecast”.
  • 4. Qual o Impacto do Design na Credibilidade 75% dos usuários da web admitem fazer julgamentos sobre a credibilidade de uma organização baseados no design de seu site. C c e Credibilidade Confiança Encantamento Fonte: Fogg, B.J., Stanford Guidelines for Web Credibility, Persuasive Technology Lab. Stanford University.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Design EU PODERIA FAZER ISSO SIM, MAS VOCÊ NÃO FEZ
  • 13. Contrato um Arquiteto ou Acredito no Mestre de Obras ?
  • 14.
  • 15.
  • 17.
  • 18. Pensar em Design é conteúdo navegabilidade velocidade tipografia usabilidade interação consistência tecnologia portabilidade
  • 19. Concreto Interface
 Wireframe
 Site
Map
Estrutural
 Escopo
 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia
 queremos do site? O que os usuários buscam?
  • 20. Concreto Interface
 Wireframe
 Site
Map
Estrutural
 2. Escopo Transforma estratégias em requisitos: Escopo
 Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia
 queremos do site? O que os usuários buscam?
  • 21. Concreto Interface
 Wireframe
 3.  Site Map Estrutural Dá forma ao escopo: Como todos os Site
Map
Estrutural
 elementos do site se ajustam e se comportam? 2. Escopo Transforma estratégias em requisitos: Escopo
 Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia
 queremos do site? O que os usuários buscam?
  • 22. Concreto Interface
 4. Wireframe Torna a estrutura concreta: Quais os Wireframe
 elementos que teremos disponíveis para o usuário no site? 3.  Site Map Estrutural Dá forma ao escopo: Como todos os Site
Map
Estrutural
 elementos do site se ajustam e se comportam? 2. Escopo Transforma estratégias em requisitos: Escopo
 Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia
 queremos do site? O que os usuários buscam?
  • 23. 5. Interface Concreto Interface
 Torna tudo tangível: Como ficará a versão final do projeto? 4. Wireframe Torna a estrutura concreta: Quais os Wireframe
 elementos que teremos disponíveis para o usuário no site? 3.  Site Map Estrutural Dá forma ao escopo: Como todos os Site
Map
Estrutural
 elementos do site se ajustam e se comportam? 2. Escopo Transforma estratégias em requisitos: Escopo
 Quais características necessariamente o site deve apresentar? 1. Estratégia Abstrato É onde tudo começa: O que nós Estratégia
 queremos do site? O que os usuários buscam?
  • 24. 10 Coisas Que Você Precisa Saber Sobre Design O Que é 1.  Design pode mudar empresas Design 2.  Design é mais do que somente fotos bonitas 3.  Traz benefícios, não caracteristicas Um Design 4.  Traz fluência, não telas Eficiente 5.  Não faz o usuário pensar 6.  Começa com uma grande história 7.  Utiliza o design como uma alavanca 8.  Se obtém fora do escritório Um Processo Eficiente de 9.  Tem uma bíblia Design 10.  Se repete e se aprimora
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32. Renato Nascimento renatonascimento@orangedesign.com.br
 @renatoorange 55 (11) 2769.5502 www.orangedesign.com.br Orange Design Faz da Internet um grande negócio