Apresentação realizada no #DEXCONF19 sobre design e estratégia de produtos.

1. como o design pode
mudar a estratégia
e o desenvolvimento
de produtos
#dexconf19

2. resultado da fusão entre zap e viva real em 2017
850 funcionários (e uma catiorinha)
17 pessoas em design
produtos (além dos portais): datazap, fipezap,
suahouse, geoimovel.
temos vagas!

3. paulo floriano
diretor de design, grupo zap
diretor de produto, ifood
fundador, neue labs
+try, terraforum/globant
formado em administração

4. paulo floriano
diretor de design, grupo zap
diretor de produto, ifood
fundador, neue labs
+try, terraforum/globant
formado em administração

5. podemos
mais.

6. mas precisamos
nos conectar
com as questões
certas.

7. mirar em
criar boas
experiências
já não é
suficiente.

8. métricas de ux <
métricas de
produto <
alavancas de
negócio

9. receita
novos
clientes
base
clientes
ticket
médio
leads
conversão
ltv
churn

10. precisamos
de mais hipóteses
e menos balas
de prata.

11. evidência > hipótese > aposta > framework
> índice de priorização (empresa)
toda ideia passa pelo mesmo processo.

12. precisamos ser
mais donos das
decisões e não só
do método.

13. ideia
com
investigação
hipótese
com
evidência
protótipo beta tração escala

14. ideia
com
investigação
hipótese
com
evidência
protótipo beta tração escala
ownership
de design

15. menos
controle
e mais
democratização.

16. a lina, nosso design system.
Primary Text colorsBackground colors
Progress badge colors Feedback colors
Outline
Disabled
Info #007AA5
$token-name
Dark #CC4800
Base: Orange
#FF5A00
Base: Teal
#008295
Base: Blue
#007AA5
Info-dark #006184
$token-name
Dark #007485
Success-dark #005C43
$token-name
Success #00A57A
$token-name
Warning #BE8C00
$token-name
Error #A50000
$token-name
Darker #993600 Darker #444444 Darker #444444
Badge-2 #8C0046
$token-name
Dark #6F6F6F Dark #6F6F6F
Gray #979797
1px
$token-name
Teal #008295
1px
$token-name
Orange #007AA5
1px
$token-name
Disabled input 1px
$token-name
Disabled button
$token-name
Disabled x
$token-name
Badge-3 #A63700
$token-name
Darker #005A68
Darkest #662400
$token-name
Warning-dark #735400
$token-name
Error-dark #630000
$token-name
Badge-1 #4D0073
$token-name
$token-name $token-name
$token-name
Info-light #B2D7E4
$token-name
Success-light #99DBCA
$token-name
Warning-light #E6CC7E
$token-name
Error-light #E4B2B2
$token-name $token-name
$token-name
$token-name
$token-name $token-name
$token-name
Darkest #222222Darkest #00404A
Light #FF7B33 Light #339BAA
Lighter #FFAC7F Lighter #EEEEEE
Light #E7E7E7 Light #EEEEEE
Lighter #7FC0CA
Lightest #FFDECC
White #FFFFFF
Lightest #F7F7F7Lightest #CCE6EA
Dark #006184
Darker #004963
Darkest #003042
Light #3395B7
Lighter #66AFC9
Lightest #B2D7E4
$color-primary-dark
$color-primary-base $color-secondary-base $color-tertiary-base
$color-secondary-dark
$color-primary-darker $color-secondary-darker
$color-primary-darkest $color-secondary-darkest
$color-primary-light $color-secondary-light
$color-primary-lighter $color-secondary-lighter
$color-primary-lightest $color-secondary-lightest
$color-tertiary-dark
$color-tertiary-darker
$color-tertiary-darkest
$color-tertiary-light
$color-tertiary-lighter
$color-tertiary-lightest
Secondary Tertiary
4px
$token-token-spacing-4
8px
$token-token-spacing-8
12px
$token-token-spacing-12
16px
$token-token-spacing-16
20px
$token-token-spacing-20
24px
$token-token-spacing-24
32px
$token-token-spacing-32
40px
$token-token-spacing-40
48px
$token-token-spacing-48
56px
$token-token-spacing-56
64px
$token-token-spacing-64
72px
$token-token-spacing-72
80px
$token-token-spacing-80
88px
$token-token-spacing-88
96px
$token-token-spacing-96
Spacing rules
Opacity rules
Border radius rules
opacity-08
8% of a color
0.08
opacity-92
92% of a color
0.92
opacity-16
16% of a color
0.16
opacity-84
84% of a color
0.84
border-circle
50% of smaller size
ctas, action icon, etc
border-small
border-large
border-radius: 8px
border-default
Color
Building
foundations

17. precisamos
começar a avaliar
pessoas por
impacto e não só
por competência.

18. in: pfloriano
@grupozapdesign
obrigado.
temos vagas!