design para web - the greatest hits

61

Upload: danilo-nobre

Post on 13-Apr-2017

121 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Design para Web - The Greatest Hits
Page 2: Design para Web - The Greatest Hits

DESIGN PARA WEBThe Greatest Hits

Page 3: Design para Web - The Greatest Hits

Danilo Nobre Diretor e Designer @ Bleez Designer desde 2007 Formação = Design Gráfico + Computação/2 Fundei a Bleez em 2011

Page 4: Design para Web - The Greatest Hits
Page 5: Design para Web - The Greatest Hits

O QUE NÃO É A PALESTRA

Photoshop/Tutorial

Código

Page 6: Design para Web - The Greatest Hits

O QUE É A PALESTRA

Conceitos

Técnicas

Diquinhas espertas

Page 7: Design para Web - The Greatest Hits

DESIGN PARA WEBThe Greatest Hits

Page 8: Design para Web - The Greatest Hits

DESIGN

Page 9: Design para Web - The Greatest Hits

O QUE É DESIGN?

Design = Projeto

Page 10: Design para Web - The Greatest Hits
Page 11: Design para Web - The Greatest Hits
Page 12: Design para Web - The Greatest Hits

O CAMINHO

Problema

Objetivo

Solução

Resultados

Page 13: Design para Web - The Greatest Hits

DESIGN VS ARTE

#ALEX-GREY#APPLE

Page 14: Design para Web - The Greatest Hits

IDENTIDADE VISUAL

Page 15: Design para Web - The Greatest Hits

Representação visual de uma marca

Personalidade da marca

É a partir dela que iniciamos

IDENTIDADE VISUAL

Page 16: Design para Web - The Greatest Hits
Page 17: Design para Web - The Greatest Hits

COMPOSIÇÃO

Page 18: Design para Web - The Greatest Hits

Resultado da união e relação dos elementos

HARMONIA

Cores, espaçamento, posicionamento, tipografia, ...

Page 19: Design para Web - The Greatest Hits

CORES

Page 20: Design para Web - The Greatest Hits

ESTRUTURA

Page 21: Design para Web - The Greatest Hits
Page 22: Design para Web - The Greatest Hits

Alinhamento dos elementos em relação aos outros

ALINHAMENTO

Grid

Page 23: Design para Web - The Greatest Hits
Page 24: Design para Web - The Greatest Hits
Page 25: Design para Web - The Greatest Hits
Page 26: Design para Web - The Greatest Hits

Ganhar Destaque

CONTRASTE

Cores, tipografias, formas, …

Page 27: Design para Web - The Greatest Hits
Page 28: Design para Web - The Greatest Hits
Page 29: Design para Web - The Greatest Hits

Remover o que foi construido

DESCONSTRUÇÃO

Me ajuda contra excessos

Page 30: Design para Web - The Greatest Hits
Page 31: Design para Web - The Greatest Hits
Page 32: Design para Web - The Greatest Hits

PROCESSO CRIATIVO

Page 33: Design para Web - The Greatest Hits

REFERÊNCIAS

Page 34: Design para Web - The Greatest Hits

PESQUISA

Page 35: Design para Web - The Greatest Hits

PESQUISA

Page 36: Design para Web - The Greatest Hits
Page 37: Design para Web - The Greatest Hits

PLÁGIO

Page 38: Design para Web - The Greatest Hits
Page 39: Design para Web - The Greatest Hits
Page 40: Design para Web - The Greatest Hits
Page 41: Design para Web - The Greatest Hits

EXPERIMENTE

#DIQUINHA

Page 42: Design para Web - The Greatest Hits

MOSTRE O CAMINHO

#DIQUINHA

Page 43: Design para Web - The Greatest Hits

EXPERIÊNCIA DO USUÁRIO

Page 44: Design para Web - The Greatest Hits
Page 45: Design para Web - The Greatest Hits
Page 46: Design para Web - The Greatest Hits

TÉCNICAS

Page 47: Design para Web - The Greatest Hits

GOOGLE ANALYTICS

Page 48: Design para Web - The Greatest Hits
Page 49: Design para Web - The Greatest Hits
Page 50: Design para Web - The Greatest Hits

MAPA DE CALOR

Page 51: Design para Web - The Greatest Hits
Page 52: Design para Web - The Greatest Hits

RESULTADOS

Page 53: Design para Web - The Greatest Hits
Page 54: Design para Web - The Greatest Hits

SEU PROJETO NUNCA ESTÁ PRONTO

Page 55: Design para Web - The Greatest Hits

MENSURE

Page 56: Design para Web - The Greatest Hits

TESTE A/B

Page 57: Design para Web - The Greatest Hits

A B

75% 25%PERÍODO DO TESTE

CHAVE DO TESTE

Page 58: Design para Web - The Greatest Hits
Page 59: Design para Web - The Greatest Hits

AB

Page 60: Design para Web - The Greatest Hits
Page 61: Design para Web - The Greatest Hits

Valeu!!

bleez.com.br [email protected]

/danilonobre