1.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Prototipação
quebrando ovos para fazer omeletes
Marcello de Campos Cardoso
www.mcardoso.com.br | www.latitude14.com.br
mcardoso@latitude14.com.br
#1

2.
(=
Prazer, meu nome é Marcello!

3.
Somos especialistas em metodologia (IxD - Interaction Design) com
envolvimento do usuário no processo (User Centered Design) e objetivo
interface simples e fácil de ser usada por muitos (usabilidade).
♢ Trabalhamos desde 2006 com este foco (1a empresa do ramo no Brasil)
♢ Conquistamos 16 premiações iBest em nosso portfólio (9 primeiros lugares)
♢ Fomos premiados como melhor case 2012 em mídias sociais pelo prêmio Aberje MG
♢ Lecionamos nas principais especializações de BH (UNA, PUC, Pitagoras, etc
♢ Somos fundadores e coordenadores locais da Interaction Design Association (IxDA)
♢ Organizadores locais do Dia Mundial da Usabilidade
♢ Consultores cadastrados SEBRAETEC
NOME: LATITUDE CONSULTORIA E PLANEJAMENTO LTDA
NOME FANTASIA: latitude14
CNPJ: 07.807.389/0001-20
Representante legal: Marcello de Campos Cardoso
E-mail: mcardoso@latitude14.com.br

4.
www.useit.com
www.acm.org
www.interactions.acm.org
www.upassoc.org
www.cooper.com
www.mcardoso.com.br
www.slideshare.net/marcellocardoso
www.slideshare.net/dansaffer
www.slideshare.net/LaneHalley
Referências online

5.
Antes de mais nada,
vamos falar de problemas.

6.
A vida é permeada de
problemas e desafios.

7.
Seu Nicolau tem 76 anos, mas é muito ativo. Gosta de fazer suas coisas sozinho, retirar a pensão no
banco, visitar vizinhos... Mas nem sempre dá satisfação pra família, e não gosta de usar celular, pois acha
“Muito difícil”.
A família se preocupa, pois o velhinho tem pressão alta,
e gostaria que o Seu Nicolau usasse um celular.
Como este celular poderia ser?

8.
Que tal um iPhone pro Nicolau?

9.
melhor ≠ mais sofisticado
solução simples = solução elegante

10.
FO CO na demanda R EA L.

11.
FO CO na demanda R EA L.

12.
Dona Lucinha adora um cházinho com bolo de fubá, quando recebe as amigas em casa pra falar de
novela. Mas a senhorinha tem artrite e ultimamente reclama muito de usar a chaleira.
“É pesada meu filho, e machuca minha mão. Quase não consigo
virá-la na xícara, fico com medo de me queimar.”
Vamos pensar uma chaleira pra ela?

13.
OXO - Good Grips
maior acessibilidade pode ser melhor para TODOS

14.
maior acessibilidade pode ser melhor para TODOS

15.
Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua mãe gostaria que a filha comesse
mais legumes, mas não quer ver a filha usando facas. Quase tudo na cozinha é perigoso!
“Eu queria que a menina cortasse os rabanetes,
batatas, cenouras, mas é perigoso”
Vamos pensar um cortador de legumes seguro e
interessante?

16.
Mushroom Chopper
boa solução resolve mais de um problema.

17.
boa solução resolve mais de um problema.

18.
Mário tem 32 anos, trabalha em Betim, mas
mora em Belo Horizonte. Todos os dias pega
o transporte da empresa às 7 da manhã na
Praça da Liberdade e escuta músicas no
trajeto. Às vezes divide o fone com sua
paquera, Ana Luiza.
“Os fios do fone embolam porque são muito separados.
Mas se fossem menos separados, também não ia dar pra
dividir com a Aninha.”

19.
YI | Sound Invention
A solução pode exist ir em outro lugar!

20.
Existem várias soluções para um
problema.

21.
Algumas são “robustas”.
Evolution Pillow

22.
Music Branch Headphone Splitter
Algumas são mais simples.

23.
Luíz mudou há pouco para Belo Horizonte, e achou os
preços de imóveis muito caros. Veio com mulher e dois filhos,
e teve condições de financiar um pequeno imóvel de 2
quartos com 80 m2.
“Precisava, na verdade, de um quarto e um escritório, pois trabalho em casa. E
meus filhos também precisam de um lugar pra estudar.”

24.
Resource Furniture
(ver vídeo)

25.
A solução para espaço pequeno não precisa ser mais espaço.
Temos de identificar o problema
e usar os recursos que temos.

26.
Uma solução inserida no projeto é uma
Solução de design

27.
Uma solução inserida no projeto é uma
Solução de design

28.
Uma solução inserida no projeto é uma
Solução de design

29.
Uma solução inserida no projeto é uma
Solução de design

30.
Uma solução inserida no projeto é uma
Solução de design

31.
Uma solução inserida no projeto é uma
Solução de design

32.
Uma solução inserida no projeto é uma
Solução de design

33.
mesmo o que funciona
pode melhorar.

34.
mesmo o que funciona
pode melhorar.

35.
mesmo o que funciona
pode melhorar.

36.
mesmo o que funciona
pode melhorar.

37.
mesmo o que funciona
pode melhorar.

38.
mesmo o que funciona
pode melhorar.

39.
mesmo o que funciona
pode melhorar.

40.
mesmo o que funciona
pode melhorar.

41.
Para resolver bem,
precisamos entender o problema...
...pensar simples...
... e pensar sem limit es.
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford

42.
Pe n s a r s i m p l e s a p r i n c í p i o
reg ra de Pa re t t o, M VP

43.
concentrar onde há maior valor de USO
começar pela espinha e IT E RA R

44.
não focar em t ecnologia...
...mas em comportamento

45.
O que eles têm em comum?

46.
design!

47.
todo mundo é designer!

48.
Agora designers,
Vamos pensar em um problema!

49.
TO DO DONE
Vamos pensar um problema cot idiano
Q ual o problema?
De quem é o problema? (5 por quês)
Q uem está envolvido no problema?
Em grupo!
registrem pois vamos apresentar amanhã!
t empo: 15'

50.
Design = Projeto

51.
pode ser com ou sem
metodologia

52.
Qual é o melhor
camin h o pa ra cria r
soluções?

53.
sorte...

54.
sorte...

55.
...ou tática/metodologia

56.
tablets da microsoft (2001): fracasso de vendas

57.
iPad da Apple (2010): 15 milhões vendidos em 1 ano

58.
Software difícil é fácil de projetar.
Software fácil é difícil de projetar.

59.
sorte
0,00001% ... 50%
metodologia
...15%, 25%, 40%, 70%...

60.
Metodologia
é um conjunto de técnicas

61.
Para alcançar um resultado
mensurável, precisamos saber
o que medir

62.
O que é usabilidade?

63.
Usabilidade
é característica de um sistema que determina sua
qualidade de uso.

64.
User Experience
é o resultado das interações do usuário com um
sistema

65.
Arquitetura da Informação
é parte do Design de interação focada em levantar, categorizar e
organizar os conteúdos e taxonomia de um sistema.

66.
Design de Interação
é a metodologia para projetar sistemas com a melhor
usabilidade.

67.
Design Centrado no Usuário
é a abordagem onde o comportamento do usuário
determina os requisitos do sistema.

68.
Quem define o que é fácil de ser usado?

69.
Usuários devemos perguntá-los como fazer nosso trabalho?

70.
a princípio, NÃO

71.
o paciente sabe da dor,
mas o médico conhece o remédio.

72.
Devemos identificar seus padrões de comportamento
e projetarmos soluções adequadas.

73.
Pesquisa é minerar dados
e colher informações.

74.
(Dados vs. Informações)

75.
“Possuímos 6 mil cadastros (Isso é um dfeamdininoos..” )

76.
6 mil fem / 3 mil masc = 2/3 fem
Isso ( é um informação.)

77.
(Informação são )
dados tratados.

78.
Informações
Ajudam a evitar problemas clássicos
de escopo de projeto

79.
Não há receita de bolo, mas princípios.
1. Desenvolvedor ≠ usuário
2. Dados ≠ informações
3. Mais informação = menor chance de insucesso
4. Arquétipo ≠ clichê

80.
O usuário elástico
“Quem vai usar isso? - Todo Mundo!”
usuário avançado / usuário iniciante ≠ usuário real

81.
Algumas técnicas de pesquisa:
‣ Avaliação do SAC, feedback,
‣ Análise métrica,
‣ Benchmarking,
‣ Etnografia online,
‣ Entrevistas,
‣ Questionários,
‣ Focus group
‣ etc...

82.
AS 3 FORÇAS DA INOVAÇÃO
Pessoas
Negócio
Te c n o l o g i a

83.
INOVAÇÃO
disruptiva ou incremental

84.
CICLO DE VIDA DO PRODUTO
pesquisa
prototipação
validação

85.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Idear é se libertar

86.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Regras da ideação
Agora pode tudo! Errar aqui é barato.
Não é uma disputa de ideias, é a construção
coletiva da melhor ideia.

87.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Metas de Usabilidade
Servem para guiar o desenvolvimento de produtos fáceis de usar,
eficientes e agradáveis. São elas (Preece, Rogers, Sharp):
1. Utilidade
2. Eficácia
3. Eficiência
4. Segurança
5. Facilidade de aprendizado
6. Facilidade de lembrar como se usa
Eficácia: O quanto um produto é bom em se fazer o que se espera dele
Eficiência: Como um produto auxilia a execução de suas tarefas com o mínimo de recursos

88.
TO DO
Colinha
1. Utilidade
2. Eficácia
3. Eficiência
4. Segurança
5. Facilidade de aprendizado
6. Facilidade de lembrar como se usa
Como resolver o problema com software?
Q ual a ordem das metas que devem ser
priorizadas?
Q ual plataforma?
Concorrent es (diretos e indiretos)?
Requisitos?
Diferenciais?

89.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Prototipação
quebrando ovos para fazer omeletes
Marcello de Campos Cardoso
www.mcardoso.com.br | www.latitude14.com.br
mcardoso@latitude14.com.br
#2

90.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
recapitulando…

91.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Usabilidade é objetivo
...é atributo que define a facilidade de uso
Design de interação é metodologia
...métodos e técnicas para criar produtos mais usáveis
Design Centrado no Usuário é abordagem
...é aplicar técnicas envolvendo o usuário

92.
AS 3 FORÇAS DA INOVAÇÃO
Pessoas
Negócio
Te c n o l o g i a

93.
et nografia
Be n c hma r k in g
pesquisa
desenvolvimento
validação
Questionários e
entrevistas
protot ipação
personas
St o r y
mapping
Card S o rt ing
Análise Heurística
Pe r c u r s o
Cognit ivo
MIS Método de Inspeção Semiótica
focus group
testes de
usabilidade
MA C Método de Avaliação de comunicabilidade
net nografia

94.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Protótipo ~= modelo

95.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Podem ser de baixa ou alta resolução
Baixa: Para explorar ideias, conceitos, fluxos
Alta: para validar decisões pontuais

96.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
O que são modelos?

97.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Modelos são representações estruturadas de fenômenos e
abstrações complexas.

98.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
The helical model

99.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
São usados nas ciências naturais e sociais.
“Economistas utilizam modelos para descrever o comportamento de mercados, físicos os utilizam
para compreender partículas, descobrimos que usar pesquisa para criar modelos descritivos de
nossos usuários é uma ferramenta útil e poderosa para o Design de Interação.” - Cooper,
About Face 3.0

100.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

101.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

102.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Por que usar modelos?

103.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
São ferramentas simples e poderosas para
melhorar a visibilidade, compreensão e a
comunicação de informações.

104.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Bons modelos destacam características
relevantes das menos relevantes.
Evidenciam informações, não apenas dados.

105.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Prototipação quebrando ovos para fazer omeletes

106.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Prototipação física
apple lisa, 82

107.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

108.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

109.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
macbook, 82
tablet 83

110.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br | earbuds 83
telefonia móvel

111.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
relógio e fone de ouvido

112.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
google glass

113.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

114.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

115.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

116.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
google glass

117.
1o passo: Determinar tipos de usuários
(Uma boa ideia é focar em papéis)
1. Gourmets, Viajantes, Namorados…

118.
2o passo: Listar características de cada tipo
1. Demográficas: Idade, sexo, classe social, onde vivem, cultura, formação, profissão...
2. Tecnológicas: Quais são suas habilidades? Uso mais frequente? Hardware, conexão?
3. Contexto de uso: Onde usaria (casa, escritório, metrô..)? Que horas, por quanto tempo?
4. Estilo de vida: Valores, atitudes. O que procuram? Diversão, rapidez, desafio, conforto... Quais são
seus hobbies? O que detesta, o tira do sério ou incomoda?
5. Objetivos: Quais os problemas ele tem relacionados ao contexto do seu produto? Nunca
perguntar diretamente. Pergunte por exemplo: “Me conte da última vez que gostou de ir a um
restaurante.” depois “Agora me conte a última vez que não gostou.”
6. Necessidades: diretas e periféricas (mas importantes. ex: segurança no metrô)
7. Desejos: o que eles querem, não o que dizem que querem. (Gladwell, spaghetti sauce)
8. Conhecimento: Na área relacionada, cultura geral. Novatos? Experts? Curiosos?
9. Lealdade: Frequência de uso, compromisso (software sazonal, apple vs android...).
10. Dê um nome, um rosto, uma frase emblemática:

119.
3o passo: Determinar usuários focais (patton) ou primários (cooper)
1. "É um usuário que deve ser atendido e não seria com uma interface projetada para outra
pessoa." (Cooper)
2. Todo sistema tem ao menos 1
3. Se identificamos mais de 1, temos mais de uma interface. Se identificarmos mais de 3, temos
um problema. (citar ML)

120.
Nome, Idade Papel
descrição, frase emblemática
Tarefas Necessidades no no sistema para necessidades
mundo real

121.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
TO DO DONE
EM GRUPO!
Inventar uma 3 personas (quick and dirty)!
Uma persona inventada de 1 parágrafo, com
suas principais caract erísticas.
Escolher uma como focal.
t empo: 30’

122.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Nós <3 PAPEL!
• Nada digital é mais rápido, flexível e fácil de prototipar
• Não requer habilidades específicas
• É mais barato e colaborativo;
• Variedade = possibilidades: Diferentes cores, tamanhos,
texturas, adesivos...
• Tamanho é documento (difícil ter um monitor do tamanho
de uma cartolina)
• Estimula desapego
• Reciclável, divertido, estimula a equipe

123.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Material
• Papéis de todos os tamanhos e cores
• Lápis duro, macio e coloridos
• Post Its
• Tesoura
• Estilete
• Cola
• Fitas adesivas (durex, fita crepe)
• Canetas
• Canetinhas pontas finas e grossas

124.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
“Devemos criar exatamente quanta
documentação necessitamos para executar
bem um projeto, e não mais.”
-Dan Saffer

125.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
É isso aí!
“Devemos criar exatamente quanta
documentação necessitamos para executar
bem um projeto, e não mais.”
-Dan Saffer

126.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

127.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

128.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Cenário
“São protótipos feitos de palavras”
• Os protagonistas são as PERSONAS
• Devem refletir comportamento no sistema
• Uma boa prática é passar diferentes personas pelo mesmo cenário
• Um bom cenário é imaginar o primeiro uso

129.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Cenário
Uma imagem vale mil palavras.
Mas as palavras certas podem valer algumas boas imagens.
Lúcia Maria loga em sua conta Sacolao.com. Vê seu pedido da semana passada e
decide usá-lo de novo para esta semana. Remove alguns itens arrastando-os de sua
Cestinha®, e o valor ajusta automaticamente. Satisfeita com a compra, clica no
botão Entrega rápida e confirma o débito em seu cartão de crédito previamente
salvo. A tela de confirmação informa para esperar a entrega nas próximas 2 horas.

130.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
TO DO DONE
EM GRUPO!
Inventar uma 3 personas (quick and dirty)!
Uma persona inventada de 1 parágrafo, com
suas principais caract erísticas.
Escolher uma como focal.
Criar um cenário (primeiro uso ou tarefa
chave) e aplicá-lo em sua Persona Focal. .
t empo: 30’

131.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Task flows
diagrama de fluxo
• Fluxos são tão importantes quanto telas
• Quanto mais “cascata”, mais robusto e formal o task flow

132.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Task flows
diagrama de fluxo

133.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br | FFFFFFFF
FFFFFFFF
FFFFFFFF
UUUUUUU
UUUUUUU

134.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Task flows
diagrama de fluxo
Fluxos são interações de um indivíduo, elementos / escolhas

135.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Task flows
diagrama de fluxo
Exemplo: Adicionando um item na TO-DO do Basecamp.

136.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Task flows
diagrama de fluxo
• É rápido de fazer e simples de enxergar.
• Ideal para sprints!

137.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Task flows
diagrama de fluxo
Estrutura
• Barra separa a UI da ação
• Barra pontilhada separa as opções para mesma ação
• Setas vão da ação para a nova UI
• Se a UI for fora de escopo, mantém simples, sem ação

138.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Twitterverse - Emily Chang

139.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Storyboards

140.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Storyboards
Técnica da publicidade, HQs e cinema, que ilustra interações
complexas

141.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Storyboards
• Imagens + legendas
• Ilustram fluxos, momentos chave
• Casos de uso
• Mostram ambientes e contextos
• Complementam wireframes

142.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Wireframes protótipos estruturais do sistema
Registram as funcionalidades do produto, seus aspectos técnicos e sua lógica
de negócios, sem a influência do design visual (branding, layout)
Podem ser usados para validar ideias
Podem ser usados para testes com usuários

143.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Wireframes
Substituem documentos mais burocráticos, são
especificações visuais comprometidas com:
• Estrutura
• Arquitetura da informação
• Controles (padrões de interação)
• Conteúdo

144.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Jack Dorsey’s - Twitter (stat.us)

145.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Biz Stone - retweet

146.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Dan Catt’s - Flickr Places

147.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
tela de perfil do Vimeo - Sockyung ‘Sox’ Hong

148.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

149.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

150.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

151.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

152.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

153.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

154.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
papel=desapego

155.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

156.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

157.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

158.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

159.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

160.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

161.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Prototipando e testando lo fi
http://www.youtube.com/watch?v=k9mTvt0LXgk

162.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
> fidelidade

163.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
mock ups / comps / layouts

164.
Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |
Lembrem que podemos mudar o que
foi decidido.
IDEAÇÃO = CA OS!

165.
Marcello Cardoso
(31) 9793-6456 | mcardoso@latitude14.com.br | skype: mcardoso82
essa apresentação e seu conteúdo não deve ser reproduzida, apresentada ou reutilizada em nenhuma circustância.