Design Kit

Eduardo Sampaio

Icaro Matos

Ivana Costa

Lucas Marcolino

Marcelo Sousa

Natalia Feitosa

Pedro Baptista
 Sumário

Terminar
público alvo
público-alvo primário: Empresas querendo investir e Investidores Anjo que estão buscando novos empreendimentos para o seu portfólio

público-alvo secundário: Profissionais buscando investimento e promover soluções

público-alvo terciário: Pessoas que possuem pensamento coletivo e buscam contribuir na construção de ideias

primário secundário terceário

Empresas de grande porte e investidores que buscam Designers, arquitetos, engenheiros, entre outros Pessoas preocupadas com questões socioambientais

soluções inovadoras que possuam um viés mínimo de profissionais de ambos os sexos de 22 a 30 anos, que e a convivência em comunidade, que sintam vontade

sustentabilidade para complementar o portfólio da sua procuram problemas para resolver de forma que de contribuir na construção de projetos inovadores que

empresa ou ser um novo produto/serviço que tenha o receba apoio ou retorno financeiro por essa ideia, ao melhorem o modo de vida e auxiliam na expansão da

ciclo de produção e de lucro contínuo que se mantenha mesmo tempo que busca se desafiar para ampliar suas sociedade e das cidades. Ou pessoas com problemas que

por si só, geralmente são empresas ou investidores que habilidades porém não entende ou decidiu que tipo de acreditam ser de suma importância para determinado

ao olharem o mercado notaram que os consumidores questão resolver e como conseguir investimento para a grupo e sente a necessidade de ter uma solução no

estão cada vez mais atraídos por produtos com bons sua ideia. mercado para sanar a sua dor.

custo-benefício, comunitário/sharing e que respeitem os

limites dos recursos naturais.

7
personas
 Investidor

Nome: Braú

Ano de fundação: 2008

Ramo de atuação: financeiro, bancário

Número de Funcionários: 94.779

Número de Filiais: +450

Continentes que atua: América Latina, Europa e Ásia

Principal produto: agência bancária, caixas eletrônicos, investimentos,

emprestimos

Qual(is) áreas de mercado planeja atuar futuramente?

A mesma que atua

Que tipo de solução está buscando? Soluções fintech, soluções de

interação

Quanto está disposto a investir? A partir de R$500 mil

9
 Entusiasta

Nome: Renata Pereira

Profissão: Líder Comercial

Empresa: Contratado

Idade: 36 anos

Gênero: Feminino

Educação: MBA em Marketing

Objetivos: Se tornar sócia na empresa que trabalha

Principais atividades: Pesquisar sobre novas startups e conseguir novos leads

para a empresa em que trabalha

Hobbies: Dançar, yoga e pintura

Localização: São Paulo - SP

Classe Social: Classe Média Alta

Personalidade: Tranquila, persistente, líder, extrovertida

10
 Projetista

nome: ana cáceres

profissão: gestora de projetos

empresa: desempregada

idade: 27 anos

gênero: feminino

educação: administração - ensino superior completo

objetivos: conseguir alguma forma de remuneração enquanto busca emprego

principais atividades: envio de currículos, empregos temporários

hobbies: leitura, gosta de postar no facebook e instagram, sair com os amigos

localização: rio de janeiro

classe social: classe média baixa

personalidade: extrovertida, determinada, tímida, gosta de conversar e sair

com os amigos

11
painel
semântico
13
jornada do
usuário
Jornada do Usuário
A jornada do usuário foi pensada de maneira que faça o usuário entender o que é esperado dele dentro da

plataforma, quais ações dependem dele e o que a plataforma pede dele, enquanto isso utilizamos tanto da

comunicação usada dentro das telas quanto de artifícios externos como redes sociais, eventos, newsletter e

e-mails marketing para mantê-lo engajado e retornando a plataforma.

Já no primeiro acesso, a jornada dele ‘e predefinida em passos para que ele seja induzido a realizar as tarefas

que precisamos dele, a partir de seu segundo acesso em diante, suas ações são mais livres passando autonomia

para que o usuário realize suas tarefas no seu tempo.

15
 Investidor

Etapas Pesquisa Descobrindo Assimilação Uso

Redes Sociais
Eventos
Ações do Postar Problema Postar Problema
Artigos Home Investidor Cadastro/Login Ativar cadastro Completar Perfil Pool de So
Usuário Pessoal geral
Orgânico
Anúncios

Realize a ação que

Mostrar para o
Mostrar os tipos de Explicar o papel desse Coletar as informações Alertá-lo sobre o Fazer com que o exercite precisamos para
Atrair os usuários através Inserir demais soluções que
Sistema atividades que podem ser tipo de usuário na necessárias de cadastro recebimento do email de e o prepare para a alimentar no pool de
de conteúdo informações pelas etapa
realizadas na plataforma plataforma do usuário ativação próxima etapa problemas para os
buscando inv
projetistas

Computador Computador Computador Computador Computador Computador Computador Computador Compu

Pontos de
Celular Celular Celular Celular Celular Celular Celular Celular Celu
Contato
Tablet Tablet Tablet Tablet Tablet Tablet Tablet Tabl

"Como eu me encaixo "Agora eu tenho que

"Queria novos desafios' "Então é assim que eu "Isso é rápido!" "Que legal, posso montar "Como isso me ajuda "Aqui tem sol
aqui?" pensar em mais pessoas"
"Quero ganhar dinheiro posso colaborar' "São as informações um perfil!" conseguir investir?" variad
"Esse perfil é o mais "Parece seguro, tem "Na minha empresa,
Pensando com produtos escaláveis" "É gratuito, e ainda posso necessárias de "Dessa forma posso ter "eu deveria realmente "Essa aqui po
próximo de mim" verificação" estamos com um
"Queria ideias para desenvolver um produto seguração que eles reconhecimento sobre estar postando um produto
"Será que eu posso problema em um
realizar" que o consumidor queira" pedem" minha solução" problemas pessoais?" empre
participar?" produto"

Pensativo; inseguro;
Sentindo Frustrado; curioso Empolgado; feliz Feliz; neutro Neutro Feliz, neutro Curioso; confuso Feliz; analítico; Feliz; analítico
curioso

16
 Possibilidades Retorno

Redes Sociais
Eventos
Artigos
Fiz uma proposta de
oluções Pool de Problemas Meu Perfil Reunião Verificação Não deu certo! Deu certo! Orgânico
investimento 
Anúncios
Emails/Newsletter
Ligação/Reunião

Caso a reunião tenha O usuário preenche seus Postar a solução criada

Mostrar para o usuário os Acompanhar em que corrido bem, o usuário Se a reunião não deu dados bancários para pelo usuário para que ele
o usuário as O usuário selecionou
problemas postados por etapa está suas O usuário pode nos precisa subir o contrato certo e não haverá realizarmos a se sinta prestigiado e
e passaram uma ideia para investir e
outros usuários dos quais soluções, acompanhar avisar como foi a reunião assinado por todas as investimento, o usuário transferência do aporte e importante; engajá-lo
as e estão fez uma proposta para a
ele pode acompanhar e seus likes e seus com o investidor   partes para comprovar a pode nos passar um passarmos as para a plataforma e
vestimento equipe/autor
investir nas soluções problemas postados veracidade da feedback informações da solução manté-lo participando da
informação para o investidor plataforma

utador Computador Computador Computador

ular Celular Celular Computador Computador Computador Computador Computador Celular
let Tablet Tablet ablet
T

"Quantos problemas!" "Não deu certo, quero ver "Agora eu tenho mais um
luções bem "Tenho que agendar a "A reunião foi muito
"Esse é bem "Gostaria de comprar o que acontece com o investimento, espero que "Que bom que eles me
das" reunião com essa intensa, mas vamos "Seguração é importante"
interessante" essa ideia" meu dinheiro agora" corra tudo bem" acompanham"
oderia ser equipe" seguir!" "Tenho que enviar o
"Então são esses os "O valor está dentro do "Que bom que eles "Essa solução vai "Essa solução é bem
o da minha "Esse ainda não me "Não deu certo, não era o contratado para eles"
problemas que as que esperava" querem saber o que revolucionar minha interessante"
esa" respondeu" que eu esperava"
pessoas estão tendo" aconteceu" empresa"

empolgado; feliz; pensativo, frustrado, excitado, empolgado, neutro; reflexivo;

o e reflexivo Curioso; surpreso frustrado; neutro; feliz neutro; seguro; triste; frustrado; aliviado
surpreso ansioso feliz, pensativo empolgado

17
 Entusiasta

18
19
 Projetista

Etapas Pesquisa Descobrindo Assimilação Uso

Redes Sociais
Eventos
Ações do Postar Problema Postar Problema
Artigos Home Projetista Cadastro/Login Ativar cadastro Completar Perfil Pool de Problemas Definir Pesquisar Gerar Ideias Formar time Seleciona
Usuário Pessoal geral
Orgânico
Anúncios

Realize a ação que Mostrar para o usuário os Incentivar o usuário a

Usuário poderá decidir se
Mostrar os tipos de Explicar o papel desse Coletar as informações Alertá-lo sobre o Fazer com que o exercite precisamos para problemas postados por Confirmar a seleção do pesquisar e se Espaço para o usuário
Atrair os usuários através Inserir demais irá montar o projeto Convidar as pe
Sistema atividades que podem ser tipo de usuário na necessárias de cadastro recebimento do email de e o prepare para a alimentar no pool de outros usuários dos quais problema que o usuário aprofundar no problema dar o nome e explicar a
de conteúdo informações sozinho ou montar um farão parte
realizadas na plataforma plataforma do usuário ativação próxima etapa problemas para os ele pode tentar irá resolver para poder entendê-lo ideia que irá projetar
time
projetistas solucionar melhor

Computador Computador Computador Computador Computador Computador Computador Computador Computador Computador Computador
Pontos de
Celular Celular Celular Celular Celular Celular Celular Celular Celular Celular Celular Computador Computador Comput
Contato
Tablet Tablet Tablet Tablet Tablet Tablet Tablet Tablet Tablet Tablet

"O que poderia "Posso trabalhar em

"Como eu me encaixo "Agora eu tenho que
"Queria novos desafios' "Então é assim que eu "Que legal, posso montar "Como isso me ajuda solucionar esse equipe" "Preciso pen
aqui?" pensar em mais pessoas" "Seria interessante saber
"Quero ganhar dinheiro posso colaborar' "Isso é rápido!" um perfil!" conseguir investimento?" "Quantos problemas!" problema?" "Se eu achar esses áreas vou p
"Esse perfil é o mais "Parece seguro, tem "Minha vó se machucou "Sim, é esse mesmo que que soluções já existem"
Pensando com produtos escaláveis" "É gratuito, e ainda posso "São poucas informações "Dessa forma posso ter "eu deveria realmente "Esse eu poderia "O que eu consigo profissionais posso fazer "Tem aquele(
próximo de mim" verificação" em casa, acho que isso eu irei trabalhar" "É bom pesquisar"
"Queria ideias para desenvolver um produto que eles querem" reconhecimento sobre estar postando solucionar" desenvolver?" a minha solução" que entende
"Será que eu posso pode acontecer com "Irei fazer isso depois"
realizar" que o consumidor queira" minha solução" problemas pessoais?" "Qual o nome que essa "Posso trabalhar sozinho que ele(a) a
participar?" outras pessoas de idade"
ideia pode ter?" também""

Pensativo; inseguro; Feliz; excitado; Excitado; empolgado; excitado, empolgado,

Sentindo Frustrado; curioso Empolgado; feliz Feliz; neutro Neutro Feliz, neutro Curioso; confuso surpreso; reflexivo; empolgado; reflexivo; neutro; reflexivo; neutro; refl
curioso esperançoso esperançoso feliz, pensativo

20
 Possibilidades Retorno

Redes Sociais
Eventos
Recebeu convide para Reduzir & Analisar Reduzir & Analisar Reduzir & Analisar Testar Protótipo Recebeu proposta de Artigos
ar time Testar Protótipo Meu Perfil Reunião Verificação Não deu certo! Deu certo! Pool de Soluções
participar de um time Finanças Ambiental Social Montar apresentação aporte Orgânico
Anúncios
Emails/Newsletter

Caso a reunião tenha O usuário preenche seus Postar a solução criada

Foi chamado para um
Fazer o usuário pensar Adicionar mídias e textos Acompanhar em que corrido bem, o usuário Se a reunião não deu dados bancários para pelo usuário para que ele
time, irá receber um Orientar o usuário a O usuário é notificado
sobre as questões O usuário irá medir o Usuário irá medir o que expliquem e etapa está suas O usuário pode nos precisa subir o contrato certo e não haverá realizarmos a O usuário pode ver as se sinta prestigiado e
essoas que convite onde verá a construir um MVP da que um investidor se
financeiras do projeto e impacto ambiental que impacto social que a apresente a solução soluções, acompanhar avisar como foi a reunião assinado por todas as investimento, o usuário transferência do aporte e outras soluções postadas importante; engajá-lo
do time descrição e nome do solução para testar a interessou por sua
entender quanto irá ele vai ter solução terá construída para os seus likes e seus com o investidor   partes para comprovar a pode nos passar um passarmos as na plataforma para a plataforma e
projeto para decidir se irá viabilidade solução
gastar investidores problemas postados veracidade da feedback informações da solução manté-lo participando da
aceitar ou não
informação para o investidor plataforma

Computador Computador Computador

tador Computador Computador Computador Computador Computador Computador Celular Computador Computador Computador Computador Computador Celular Celular
Tablet Tablet ablet
T

"Como eu poderia
"Preciso fazer um
explicar essa parte?" "Não deu certo, eu
"Que legal que ele (a) "Realmente é necessário modelo" "Ah, essa solução eu "Esse projeto é realmente "Nossa, eles estão
nsar que "Isso é importante!" "Que bom que aqui tem "Wow, recebi uma oferta "A reunião foi muito realmente espero que "Realmente
pensou em mim" "Wow, não esperava por pensar nisso?" "Acho que o material que ainda estou nessa parte" legal!" divulgando o meu
precisar" "Essa questão de os campos, algumas pela minha ideia" intensa, mas vamos "Nossa, eles realmente eles possam me conseguimos!"
"Esse projeto parece isso" "Será que os eu tenho não é "Ainda não responderam "Nunca tinha visto algo projeto!"
(a) colega empregos que serão dessas coisas não tinha "Que legal que alguém se seguir!" querem confirmar a entender e me ajudar" "Funciona de verdade"
legal" "Quanto eu vou gastar consumidores e suficiente" meu convite para o time" assim" "Olha esse problema, eu
disso, será afetados por tecnologia é pensado" interessou" "Não deu certo, não era o informação" "Que bom que eles "Agora posso colocar
"Será que vou ter tempo para esse projeto?" investidores olham esse "Deveria ter pesquisado "Como essa solução está "Isso seria muito legal de podia fazer isso para
aceita?" algo a se pensar" "Essa parte da solução "Realmente funciona" que eu esperava" querem saber o que minha ideia no mercado"
de trabalhar nisso?" lado?" mais, vou fazer isso indo?" se ter no mercado" resolver"
precisa ser trabalhada aconteceu"
agora"
mais um pouco"

Surpreso, reflexivo, Preocupado, reflexivo, Excitado; empolgado; empolgado; feliz; pensativo, frustrado, excitado, empolgado, excitado, empolgado, neutro; reflexivo;
flexivo pensativo; feliz Reflexivo; inseguro Curioso; preocupado frustrado; neutro; feliz neutro; seguro; triste; frustrado
frustrado esperançoso esperançoso surpreso ansioso feliz, pensativo feliz, pensativo empolgado

21
biblioteca
de padrões
UI ELEMENTS
Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Aenean at orci est. Integer

condimentum est sed ex molestie suscipit.

Sed auctor arcu ut elementum efficitur.

Aenean elementum orci in nunc placerat

egestas. Nullam tincidunt dui non magna

malesuada, in sagittis ex consequat.

23
iconografia
A iconografia foi desenvolvida seguindo

o conceito orgânico que é empregado

em toda a identidade visual do projeto.

A partir disso, decidiu-se aplicar ícones

em outline com pontas arredondadas

e pequenos fragmentos/rastros,

passando a ideia de movimento.

Os ícones podem estilizados com apenas

uma cor ou um gradiente, mas somente

com variações presentes na paleta de cores

do projeto.

25
wireframe
Os wireframes foram pensados levando

em conta trazer as instruções para a Home Pool de soluções

realização da ação pedida na tela que

o usuário está, sem deixar poluído

textualmente e visualmente, assim

posicionamos os formulários e os call

to action, em sua maioria, no centro da

tela para que trabalhasse o foco naquele

ponto e deixasse espaço para o layout ser

explorado.

Pool de Problemas Perfil

Também utilizamos as migalhas de

navegação para que assim ele possa

acompanhar o desempenho dele na

plataforma e onde ele está, logo o fluxo

de ações se torna mais fluido e o leva a

se concentrar mais na ação realizada.

No topo estão títulos de incentivo e/ou

informativo preparando o usuário para

o texto explicativo e os campos que Reduzir e Analisar Testar Protótipo
precisam de preenchimento.

O objetivo era definir a hierarquia

das informações, proporcionar uma

navegação fluida e fácil perante ao

grande fluxo de informações que os

usuários precisam inserir e o levasse a

uma boa experiência.

27
wireflow
navegação
 Investidor
https://bit.ly/2RXvoP2*

Pool de Soluções Pagina projeto Aporte

Investir Reunião Verificação

*Navegar através dos botões

29
 Entusiasta
https://bit.ly/2Bcfivh*

Login Completar perfil Treinar

Postar problema Sucesso Pool de problemas

*Navegar através dos botões

30
 Projetista
https://bit.ly/2TlrAbX*

Pool de problemas Etapa definir Etapa de pesquisa

Gerar ideias Confirmação gerar ideias Precisa de time

*Navegar através dos botões

31
layouts
33
34
35
comunicação
comunicação
Nossa comunicação possui o tom brincalhão e menos formal, escolhemos tratar o usuário como um amigo

que estamos tentando ajudar e incentivar sua participação na plataforma.

Essa comunicação mais próxima e leve apoia a interação dos usuários com a plataforma, pensando

principalmente no projetista e na sua jornada pelas nove etapas do Design Thinking Sustentável, trabalhar a

comunicação dessa forma auxilia no fácil entendimento das suas ações dentro da Ágora.

37
 projetistas e entusiastas
Email Marketing e Newsletter Outras estratégias

Além dos emails do nosso sistema, iremos trabalhar com emails O Google Adwords, Google Analytics, Facebook Ads e SEO serão

marketing que levem até o entusiastas e investidores as novas trabalhados de forma que nos guiem nos testes sobre horário, dias
soluções postadas e as soluções em alta na nossa plataforma, da semana, conteúdo e perfis que mais se atraem para usuários

incentivando-os a investir e dar like nesses projetos. Para o projetista, para nossa plataforma, após os resultados dos que as ferramentas

iremos trabalhar com emails de novos problemas postados e utilizadas nos passarem, iremos trabalhando para que nossa

problemas que foram impulsionados, também iremos passar os comunicação acompanhe os nossos usuários e leads, e tornando

números de visualizações que a solução teve. todo o nosso projeto mais assertivo.

A Newsletter vai trazer os cases de sucesso de soluções e problemas

postados por nossos usuários, artigos novos do nosso blog e

novidades sobre a plataforma.

Blog

Os artigos para o blog no Medium serão para atrair leads mais

qualificados e qualificar os leads que estamos atraindo a partir de

outros meios, assim fornecendo informações sobre os temas que

envolvem nossa plataforma, deixará mais claro o que é esperado

deles e o que eles podem encontrar no nosso site.

38
39
tecnologias
Na elaboração de materiais como mood

board, painel semântico, posts para

redes sociais, tratamento de fotos para o

projeto e do poster ciêntífico, o software

utilizado foi o Photoshop. Com o Illustrator,

criamos o logo e os ícones, tanto da nossa

página, quanto dos materiais impressos

(monografia, brandbook e design kit). Com

todos arquivos prontos, diagramamoss tudo

no Indesign. Dessa forma, finalizamos a

identidade do projeto.

Já para a plataforma online, começamos

com draw.io para definir a jornada do

usuário e o Adobe XD para os layouts. Em

seguida, para programar tudo, utilizamos o

MERN Stack. A linguagem de programação

utilizada é apenas Javascript, o que facilita

e implementação e desenvolvimento,
estruturando melhor o projeto. O custo

benefício do projeto é maior pois não é

necessário contratar diferentes especialistas

para manter o projeto. Todas as tecnologias

utilizadas são gratuitas e open-source.

Por fim, o After Effects e o Premiere foram

nossos editores de vídeo.

41
custos e
prazos
 Custos mensais
Item Valor Quantidade Custo por ano
Internet R$ 120,00 7 R$ 10.080,00
Alimentação R$ 460,00 7 R$ 38.640,00
Energia R$ 120,00 7 R$ 10.080,00
Água R$ 100,00 7 R$ 8.400,00
Pacote Adobe R$ 240,00 4 R$ 11.520,00
Reunião mensal R$ 85,00 1 R$ 1.020,00
G Suite Basic R$ 30,00 7 R$ 2.520,00

Custos anuais
Item Valor por ano
Dominio R$ 30,90
Servidor R$ 335,81

Total
Total por mês R$ 6.675,56
Total por ano R$ 80.106,71

43
 Cronograma DT
Data 04/10/2018 11/10/2018 18/10/2018 25/10/2018

Grupo Entreg

Conta Rotina de cadastro de Rotina de cadastro de Rotina de Cadastro de

Back End
Primeiro Acesso problema problema Solução

Algorítimo da validação
40% do Front dos wires ambiental Páginas do pool de
Front End Calculadora das finanças P
(sem arte) Telas de /CONTA + problemas
microinterações

UX Wireframes Wireframes Wireframes Wireframes

Logo(defesa e aplicação) 50% Design Kit

Tipografia BrandBook 90% Roteiro e peças do video
Arte Monografia diagramada
50% do BrandBook 10 paginas do laytout Cores
10%Design Kit (foco nas de Conta)

Plano de Negócios Plano de Negócios Plano de um ano Estudo de mercado Definição de Preços

44
TS
01/11/2018 08/11/2018 15/11/2018 22/11/2018 29/11/2018

ga

Rotina de Cadastro de Rotina de Seleção de Rotina de Seleção de Rotina de Seleção de

Solução Solução pelo investidor Solução pelo investidor Solução pelo investidor

Aplicação da identidadade
Páginas dos investidores Landing Pages Ajustes finais
visual nas páginas

Entrega de todas
as peças
WireflowW ireflowD esign de Interação Teste de Usabilidade

Cartaz Científico e layout

Desing Kit Completo Brandbook 100% Design Kit 95%
de todas as páginas

Definição de Salários e Fechamento de todas as

Escolha de modelo de
benefícios de todos os planilhas prevendo um -
negócios
colaboradores ano de funcionamento

45