SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
DESIGN
um diferencial estratégico para projetos web
É o design um dos grandes
responsáveis pelo sucesso de
grandes marcas.
É também um excelente
componente na formação
  de identidade visual e
       posicionamento no
                mercado.
Entender o design como
    uma ferramenta de
negócio é um diferencial
            competitivo.
Mas como esse processo de design
ocorre na   web?
Alguns tópicos que as pessoas tem como senso
comum quanto ao conceito de design:

Pensar que, ao adicionar muitos elementos gráficos,
consegue-se um efeito melhor;

Que é todos os espaços devem ser preenchidos;

Quanto ao logo, pensar que ao aumentá-lo causarão
melhor impacto visual.
A questão principal é que função define a forma e esse é o
principal conceito do Design.


Esse princípio é
totalmente válido para

web.



Um exemplo é o Twitter, o qual não faria tanto sucesso se
              não tivesse a interface funcional que tem.
Mas como criar uma interface


funcional?
O primeiro ponto vem da
navegação, já que a Internet é um grande
laboratório vivo e em movimento, no qual coisas são testadas,
aprovadas e reprovadas em tempo real.
Segundo ponto:
Ambiente
Entender que o meio físico através do qual as pessoas acessam a
Internet é dinâmico, ou seja, nesse meio, o tamanho, as cores as
fontes são relativas.
Pode-se acessar em um monitor de 20
 polegadas, utilizando uma resolução
  800X 600 ou em um monitor de 12
 polegadas, utilizando uma resolução
         de 1240 x 700. O que muda
completamente o resultado estético do
                                  site.
Terceiro ponto:
Equilíbrio
Equilíbrio é o que de primeiro percebemos em
um site, geralmente de forma inconsciente.
Se alguma coisa parece fora de
      contexto ou desagradável,
     é muito possível que tenha
                   relação com o
        equilíbrio dos elementos
                 da composição,
       como cores, proporções,
                       fontes, etc.
Quarto
                   ponto:
                   Menos é mais



No webdesign, o grande objetivo na construção de cada
projeto é identificar quais os elementos são realmente
necessários e utilizar uma quantidade menor destes
elementos para conseguir um resultado funcional.
O que é representado muito bem pelo
famoso slogan “Menos é mais”,
popularizado pelo arquiteto Ludwig
Mies van der Rohe, utilizado para
definir a estética minimalista.
Voltar a
idealizar      navegar       produzir        testar
                                                          idealizar




Esse é ciclo que define a qualidade do design para web e o torna uma
   ferramenta estratégica poderosa para a obtenção de resultados.
Sobre o autor
Moyses Costa é fundador da
Ondaweb (Porto Alegre - RS). O
autor é formado em Design e possui
MBA em Marketing. Com 10 anos
de Internet, criou e dirigiu diversos
projetos web de empresas e
personalidades nacionais
e internacionais.

Seus artigos publicados
destacam o entusiasmo na
inovação, no bom design e na
Internet como um meio de
relacionamento efetivo entre as
pessoas.

Mais conteúdo relacionado

Semelhante a Design: um diferencial estratégico para projetos web

Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
Carla Suelen
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
Rodrigo Correia
 
Guia da Gestão de Projectos Web
Guia da Gestão de Projectos WebGuia da Gestão de Projectos Web
Guia da Gestão de Projectos Web
Arlindo Santos
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
ssuser595b1e1
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)
mfiorelli
 

Semelhante a Design: um diferencial estratégico para projetos web (20)

Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Curso web faveni aula 27
Curso web faveni aula 27Curso web faveni aula 27
Curso web faveni aula 27
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
Guia da Gestão de Projectos Web
Guia da Gestão de Projectos WebGuia da Gestão de Projectos Web
Guia da Gestão de Projectos Web
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
E book design na adv marcel bozza
E book design na adv marcel bozzaE book design na adv marcel bozza
E book design na adv marcel bozza
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
Design Thinking - Alinhada a uma estratégia de concepção de produtos
Design Thinking - Alinhada a uma estratégia de concepção de produtosDesign Thinking - Alinhada a uma estratégia de concepção de produtos
Design Thinking - Alinhada a uma estratégia de concepção de produtos
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
Portfolio matheusferreira
Portfolio matheusferreiraPortfolio matheusferreira
Portfolio matheusferreira
 
KIT DE MARKETING - 8 dicas para implementar uma estratégia eficiente de marke...
KIT DE MARKETING - 8 dicas para implementar uma estratégia eficiente de marke...KIT DE MARKETING - 8 dicas para implementar uma estratégia eficiente de marke...
KIT DE MARKETING - 8 dicas para implementar uma estratégia eficiente de marke...
 
Palestra DiDesign RManauara
Palestra DiDesign RManauaraPalestra DiDesign RManauara
Palestra DiDesign RManauara
 
Aula 01 layout
Aula 01   layoutAula 01   layout
Aula 01 layout
 
Aula 01 layout
Aula 01   layoutAula 01   layout
Aula 01 layout
 
Artigo papel do web designer
Artigo papel do web designerArtigo papel do web designer
Artigo papel do web designer
 
E- book 6 - Design Thinking em Vendas
E- book 6 - Design Thinking em VendasE- book 6 - Design Thinking em Vendas
E- book 6 - Design Thinking em Vendas
 
Conteúdo - Web Design Aplicado ao Soft Marketing
Conteúdo - Web Design Aplicado ao Soft MarketingConteúdo - Web Design Aplicado ao Soft Marketing
Conteúdo - Web Design Aplicado ao Soft Marketing
 
CONARH 2017 | Por que o Design Thinking é importante para o RH?
CONARH 2017 | Por que o Design Thinking é importante para o RH?CONARH 2017 | Por que o Design Thinking é importante para o RH?
CONARH 2017 | Por que o Design Thinking é importante para o RH?
 

Design: um diferencial estratégico para projetos web

  • 2. É o design um dos grandes responsáveis pelo sucesso de grandes marcas.
  • 3. É também um excelente componente na formação de identidade visual e posicionamento no mercado.
  • 4. Entender o design como uma ferramenta de negócio é um diferencial competitivo.
  • 5. Mas como esse processo de design ocorre na web?
  • 6. Alguns tópicos que as pessoas tem como senso comum quanto ao conceito de design: Pensar que, ao adicionar muitos elementos gráficos, consegue-se um efeito melhor; Que é todos os espaços devem ser preenchidos; Quanto ao logo, pensar que ao aumentá-lo causarão melhor impacto visual.
  • 7. A questão principal é que função define a forma e esse é o principal conceito do Design. Esse princípio é totalmente válido para web. Um exemplo é o Twitter, o qual não faria tanto sucesso se não tivesse a interface funcional que tem.
  • 8. Mas como criar uma interface funcional?
  • 9. O primeiro ponto vem da navegação, já que a Internet é um grande laboratório vivo e em movimento, no qual coisas são testadas, aprovadas e reprovadas em tempo real.
  • 10. Segundo ponto: Ambiente Entender que o meio físico através do qual as pessoas acessam a Internet é dinâmico, ou seja, nesse meio, o tamanho, as cores as fontes são relativas.
  • 11. Pode-se acessar em um monitor de 20 polegadas, utilizando uma resolução 800X 600 ou em um monitor de 12 polegadas, utilizando uma resolução de 1240 x 700. O que muda completamente o resultado estético do site.
  • 12. Terceiro ponto: Equilíbrio Equilíbrio é o que de primeiro percebemos em um site, geralmente de forma inconsciente.
  • 13. Se alguma coisa parece fora de contexto ou desagradável, é muito possível que tenha relação com o equilíbrio dos elementos da composição, como cores, proporções, fontes, etc.
  • 14. Quarto ponto: Menos é mais No webdesign, o grande objetivo na construção de cada projeto é identificar quais os elementos são realmente necessários e utilizar uma quantidade menor destes elementos para conseguir um resultado funcional.
  • 15. O que é representado muito bem pelo famoso slogan “Menos é mais”, popularizado pelo arquiteto Ludwig Mies van der Rohe, utilizado para definir a estética minimalista.
  • 16. Voltar a idealizar navegar produzir testar idealizar Esse é ciclo que define a qualidade do design para web e o torna uma ferramenta estratégica poderosa para a obtenção de resultados.
  • 17. Sobre o autor Moyses Costa é fundador da Ondaweb (Porto Alegre - RS). O autor é formado em Design e possui MBA em Marketing. Com 10 anos de Internet, criou e dirigiu diversos projetos web de empresas e personalidades nacionais e internacionais. Seus artigos publicados destacam o entusiasmo na inovação, no bom design e na Internet como um meio de relacionamento efetivo entre as pessoas.