SlideShare uma empresa Scribd logo
Interaction Design / UX / Visual Design
José Erick
Rio de Janeiro, 14 de abril de 2015
Arquitetura e Design nova loja MILON
Rio de Janeiro, 15 de dezembro de 2014
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Filtros de Produtos – Projeto C&A
Rio de Janeiro, 23 de dezembro de 2014
Ao abrir a página o Menu de Filtros virá
aberto sem nenhum filtro aplicado.
O botão de “limpar filtros” aparece em
modo DESABILITADO.
Ao rolar a página o container é fechado
automaticamente e a barra de filtro volta a
sua configuração normal.
Enquanto o usuário não utilizar
nenhum filtro o botão permanece
DESABILITADO.
Ao passar o mouse na barra ela indica
interação no mouseover do botão.
A barra é preenchida pela cor do botão
esquerdo.
A seta vermelha indica a seleção do
botão/barra de filtros
Animação GIF Exemplo interação
Clicando na barra, o filtro é aberto
novamente e o usuário pode filtrar com
as opções indicadas.
Qualquer alteração de filtro, o botão de
“limpar filtro” entra em modo
HABILITADO.
Os produtos são filtrados
automaticamente e a parcial é indicada
logo abaixo.
Rolando a página ou clicando na barra
novamente, ela será fechada com as
alterações feita pelo usuário.
Clicando em “LIMPAR FILTROS”, a
página é atualizada sem os filtros e o
botão volta ao modo DESABILITADO.
Planejamento UX – Branding SCHUMANN
Rio de Janeiro, 10 de dezembro de 2014
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.
Obrigado!

Mais conteúdo relacionado

Mais de JErickPPTs

Exercício Interaction Designer - Huge
Exercício Interaction Designer - HugeExercício Interaction Designer - Huge
Exercício Interaction Designer - Huge
JErickPPTs
 
Campanha SUBDAY x SUBNIGHT
Campanha  SUBDAY x SUBNIGHTCampanha  SUBDAY x SUBNIGHT
Campanha SUBDAY x SUBNIGHT
JErickPPTs
 
Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].
JErickPPTs
 
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
JErickPPTs
 
Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.
JErickPPTs
 
Campanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.comCampanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.com
JErickPPTs
 
Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.
JErickPPTs
 
Campanha BlackFriday 2013.
Campanha BlackFriday 2013.Campanha BlackFriday 2013.
Campanha BlackFriday 2013.
JErickPPTs
 
Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.
JErickPPTs
 
Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.
JErickPPTs
 
Projeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos IniciaisProjeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos Iniciais
JErickPPTs
 
Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.
JErickPPTs
 
Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.
JErickPPTs
 
Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.
JErickPPTs
 
Primavera Subcolors 2013.
Primavera Subcolors 2013.Primavera Subcolors 2013.
Primavera Subcolors 2013.
JErickPPTs
 
Ano Novo Submarino.
Ano Novo Submarino.Ano Novo Submarino.
Ano Novo Submarino.
JErickPPTs
 
Campanha GiftDay Natal Submarino 2013.
Campanha GiftDay Natal Submarino 2013.Campanha GiftDay Natal Submarino 2013.
Campanha GiftDay Natal Submarino 2013.
JErickPPTs
 
Campanha Web Submarino 2013 BLACK FRIDAY.
Campanha Web Submarino 2013 BLACK FRIDAY.Campanha Web Submarino 2013 BLACK FRIDAY.
Campanha Web Submarino 2013 BLACK FRIDAY.
JErickPPTs
 
Campanha Queima de Estoque.
Campanha Queima de Estoque.Campanha Queima de Estoque.
Campanha Queima de Estoque.
JErickPPTs
 
URC - Patrocinio Campus Party - Submarino 2014
URC - Patrocinio Campus Party - Submarino 2014URC - Patrocinio Campus Party - Submarino 2014
URC - Patrocinio Campus Party - Submarino 2014
JErickPPTs
 

Mais de JErickPPTs (20)

Exercício Interaction Designer - Huge
Exercício Interaction Designer - HugeExercício Interaction Designer - Huge
Exercício Interaction Designer - Huge
 
Campanha SUBDAY x SUBNIGHT
Campanha  SUBDAY x SUBNIGHTCampanha  SUBDAY x SUBNIGHT
Campanha SUBDAY x SUBNIGHT
 
Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].
 
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
 
Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.
 
Campanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.comCampanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.com
 
Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.
 
Campanha BlackFriday 2013.
Campanha BlackFriday 2013.Campanha BlackFriday 2013.
Campanha BlackFriday 2013.
 
Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.
 
Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.
 
Projeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos IniciaisProjeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos Iniciais
 
Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.
 
Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.
 
Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.
 
Primavera Subcolors 2013.
Primavera Subcolors 2013.Primavera Subcolors 2013.
Primavera Subcolors 2013.
 
Ano Novo Submarino.
Ano Novo Submarino.Ano Novo Submarino.
Ano Novo Submarino.
 
Campanha GiftDay Natal Submarino 2013.
Campanha GiftDay Natal Submarino 2013.Campanha GiftDay Natal Submarino 2013.
Campanha GiftDay Natal Submarino 2013.
 
Campanha Web Submarino 2013 BLACK FRIDAY.
Campanha Web Submarino 2013 BLACK FRIDAY.Campanha Web Submarino 2013 BLACK FRIDAY.
Campanha Web Submarino 2013 BLACK FRIDAY.
 
Campanha Queima de Estoque.
Campanha Queima de Estoque.Campanha Queima de Estoque.
Campanha Queima de Estoque.
 
URC - Patrocinio Campus Party - Submarino 2014
URC - Patrocinio Campus Party - Submarino 2014URC - Patrocinio Campus Party - Submarino 2014
URC - Patrocinio Campus Party - Submarino 2014
 

Interaction Design, Visual Design, UX at Profite Marketing para Comércio Eletrônico.

  • 1. Interaction Design / UX / Visual Design José Erick Rio de Janeiro, 14 de abril de 2015
  • 2. Arquitetura e Design nova loja MILON Rio de Janeiro, 15 de dezembro de 2014
  • 20. Filtros de Produtos – Projeto C&A Rio de Janeiro, 23 de dezembro de 2014
  • 21. Ao abrir a página o Menu de Filtros virá aberto sem nenhum filtro aplicado. O botão de “limpar filtros” aparece em modo DESABILITADO.
  • 22. Ao rolar a página o container é fechado automaticamente e a barra de filtro volta a sua configuração normal. Enquanto o usuário não utilizar nenhum filtro o botão permanece DESABILITADO.
  • 23. Ao passar o mouse na barra ela indica interação no mouseover do botão. A barra é preenchida pela cor do botão esquerdo. A seta vermelha indica a seleção do botão/barra de filtros
  • 24. Animação GIF Exemplo interação
  • 25. Clicando na barra, o filtro é aberto novamente e o usuário pode filtrar com as opções indicadas. Qualquer alteração de filtro, o botão de “limpar filtro” entra em modo HABILITADO. Os produtos são filtrados automaticamente e a parcial é indicada logo abaixo.
  • 26. Rolando a página ou clicando na barra novamente, ela será fechada com as alterações feita pelo usuário.
  • 27. Clicando em “LIMPAR FILTROS”, a página é atualizada sem os filtros e o botão volta ao modo DESABILITADO.
  • 28. Planejamento UX – Branding SCHUMANN Rio de Janeiro, 10 de dezembro de 2014