O Processo Importa

Autora: Michelle Protzek.

Michelle Protzek é sócia fundadora da Flama e mestre jedi de design de interfaces web. Além de designer e empreendedora, a Michelle também tem noções de front end, e é geek de carteirinha.

Co-de-sign 04/2016
http://fb.com/events/217267238664178/

Transcript

1. O PROCESSO IMPORTA
5. Entendimento Desafio Ferramentas Insights Referências Zoom out Zoom in Zoom out Zoom in Alternativas (ousado/discreto) Zoom out Embasado por insights UI Atual Solução Proposta
7. Abstrato Plataforma de marca Golden Circle Valores Atributos Arquétipos Mood boards concretos: • Tipografia • Cores • Componentes Referências Mood boards abstratos: • Arquitetura • Cartazes • Equipamentos • Embalagem Comportamento Wires AI Fluxos UI Componentes Templates Styleguide Concreto
8. Case Remoto
10. FRED CAÊ Então, o que você tá achando desse call flow? Estou tentando fazer de forma que possamos enxergar em paralelo os dois pontos de vista (de quem liga e de quem recebe a ligação) FRED Eita Caê, vamos falar em português ou inglês que aí fica mais fácil a CAÊ Foi mal, quando eu tô com sono começo a falar em latin, hahah CAÊ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat neque eget mattis interdum. Mauris porta et nibh ac viverra. Nulla suscipit massa id massa ornare, a faucibus sem iaculis. FRED The quick brown fox jumps over the lazy dog Fred Guth Remoto Julio Protzek Flama Fred Guth Remoto Michael Villander Flama Will Kurosawa Flama Michlle Protzek Flama Remoto Design Flama + 1 team 58 Marcela Moraes Flama Carlos Menezes Flama Find a conversation Remoto
11. Atributos
12. Human 01 Joyful 04 Innovative 05 Professional 02 Modernism 03
13. Human Professional Modernism Joyful Innovative
14. Modernism Geometric Beautiful Simple Functional Essential
21. Joyful Humorous Casual Cheerful Enjoyable Funny Happy Lighthearted Merry Easygoing Carefree
24. Definição da linha tipográfica
25. Tipografia Elegante Simple Legível Modernista Flexível Amigável
26. CAÊ Top! FRED Fera, muito bom! CAÊ Então, o que você tá achando desse call flow? Estou tentando fazer de forma que possamos enxergar em paralelo os dois pontos de vista (de quem liga e de quem recebe a ligação) FRED Eita Caê, vamos falar em português ou inglês que aí fica mais fácil a CAÊ Foi mal, quando eu tô com sono começo a falar em latin, hahah CAÊ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat neque eget mattis interdum. Mauris porta et nibh ac viverra. Nulla suscipit massa id massa ornare, a faucibus sem iaculis. FRED The quick brown fox jumps over the lazy dog Type message Fred Guth Remoto Caê Penna Flama Julio Protzek Flama Fred Guth Remoto Michael Villander Flama Will Kurosawa Flama Michlle Protzek Flama Remoto Design Flama + 1 team 58 Marcela Moraes Flama Carlos Menezes Flama Find a conversation Remoto
27. Remoto
28. Remoto 123456 San Francisco compact 6 pesos Remoto 123456 Din 20 pesos Remoto 123456 Lato 5 pesos Remoto 123456 San Francisco 6 pesos Remoto 123456 Helvetica Neue 8 pesos
29. Desafio Como podemos alinhar a tipografia com a plataforma de marca, de maneira estética e capaz de proporcionar uma experiência fluida.
30. Remoto 123456 San Francisco
31. Remoto 123456 Roboto
32. hamburgefonstiv hamburgefonstiv Remoto 123456 Roboto 12 pesos Remoto 123456 San Francisco 12 pesos
33. hamburgefonstiv hamburgefonstiv Remoto 123456 Roboto 12 pesos Remoto 123456 San Francisco 12 pesos
34. Caê Penna Flama Julio Protzek Flama Fred Guth Remoto Michael Villander Flama Will Kurosawa Flama Michlle Protzek Flama Remoto Design Flama + 1 team 58 Marcela Moraes Flama Carlos Menezes Flama Find a conversation Caê Penna Flama Julio Protzek Flama Fred Guth Remoto Michael Villander Flama Will Kurosawa Flama Michelle Protzek Flama Remoto Design Flama + 1 team 58 Marcela Moraes Flama Carlos Menezes Flama Find a conversation Julio Protzek Flama Fred Guth Remoto Michael Villander Flama Will Kurosawa Flama Michlle Protzek Flama
35. CAÊ Top! FRED Fera, muito bom! CAÊ Então, o que você tá achando desse call flow? Estou tentando fazer de forma que possamos enxergar em paralelo os dois pontos de vista (de quem liga e de quem recebe a ligação) FRED Eita Caê, vamos falar em português ou inglês que aí fica mais fácil a CAÊ Foi mal, quando eu tô com sono começo a falar em latin, hahah CAÊ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat neque eget mattis interdum. Mauris porta et nibh ac viverra. Nulla suscipit massa id massa ornare, a faucibus sem iaculis. FRED The quick brown fox jumps over the lazy dog Type message Fred Guth Remoto Remoto CAÊ Top! FRED Fera, muito bom! CAÊ Então, o que você tá achando desse call flow? Estou tentando fazer de forma que possamos enxergar em paralelo os dois pontos de vista (de quem liga e de quem recebe a ligação) FRED Eita Caê, vamos falar em português ou inglês que aí fica mais fácil a CAÊ Foi mal, quando eu tô com sono começo a falar em latin, hahah CAÊ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat neque eget mattis interdum. Mauris porta et nibh ac viverra. Nulla suscipit massa id massa ornare, a faucibus sem iaculis. FRED The quick brown fox jumps over the lazy dog Type message Fred Guth Remoto Remoto CAÊ FRED Fera, muito bom! CAÊ Então, o que você tá achando desse call flow? Estou tent que possamos enxergar em paralelo os dois pontos de v de quem recebe a ligação) Eita Caê, vamos falar em português ou inglês que aí fica
38. Obrigada Michelle Protzek michelle@flama.me @miprotzek