.Wrapp – Brandbook

Manual de produção Versão 1.0 – Novembro 2015 Pontifícia Universidade Católica Departamento de Artes e Design DSG1005 2015.2 – Manual de Produção Prof. Marcelo Pereira & Roberta Portas Julia Aguiar Luiza Breier Pedro Vieira Tatiana Levinstein

.wrapp .Wrappbrandbook brandbook

Olá!

Versão Versão1.0 1.0

Criamos esse documento como um guia de uso e de produção para qualquer pessoa ou empresa que esteja escrevendo, desenvolvendo ou se comunicando em nosso nome.

Este manual contém um sumário do pensamento por detrás da concepção da marca .wrapp, nossas crenças e valores e uma explicação acerca dos elementos básicos que compõe a nossa identidade.

Manter a integridade da mesma é crucial para o bom funcionamento do negócio, então separe alguns minutos para nos conhecer melhor.

2

Novembro Novembro2015 2015

.Wrapp brandbook

Versão 1.0

:sumário

01 02

04

introdução

05

quem somos

08

a marca .wrapp

09

18

construção versões paleta de cores tipografia grafismos área de proteção redução restrições

20

cards

21

aplicativos arquivos agenda email tarefas chat

10 12 14 15 16 17

03

22 24 26 28 29

Novembro 2015

04

30

detalhamento técnico

31

50

gerenciamento de dados integração de serviços fluxograma wireframes interface site interface desktop interface mobile

52

divulgação & distribuição

53

57

versão beta parcerias presença em blogs material impresso Google Ads

58

análise financeira

59

planilha de custos

62

conclusão

32 34 38 40 42

05

54 55 56

06 07

3

.Wrapp brandbook

introdução quem somos para quem criamos nosso objetivo nosso sonho especificações

4

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:introdução quem somos

.wrapp é uma iniciativa, uma plataforma digital de gerenciamento de projetos que busca, por meio da integração de aplicativos já existentes no mercado, revolucionar as relações de trabalho existentes nos dias de hoje.

Queremos facilitar a comunicação e organização entre membros de uma equipe, torná-las mais produtivas. Criamos uma plataforma que se divide em quatro módulos, que acreditamos serem base de qualquer tipo de projeto: arquivos, agenda, tarefas e email. Nesses, o usuário terá a liberdade de utilizar os aplicativos que mais gosta para cada módulo, sem sair da sua zona de conforto, ao mesmo tempo que continua conectado com a sua equipe.

Mas como? Simples. O gerente, ou criador do projeto, pré-definirá os aplicativos a serem integrados no mesmo. Por exemplo, será possível dois usuários de apps diferentes de calendário interagirem entre si – convidando para eventos, tendo acesso ao cronograma do projeto, etc – por meio do .wrapp, como uma central de informações.

Além disso, a plataforma conta com um sistema de chat próprio, que possibilita uma comunicação mais direta. Desenvolvido tanto para smartphones, quanto para desktop, nosso objetivo é diminuir tais barreiras digitais que causam ruídos na comunicação e no bom andamento do trabalho, podendo prejudicar a qualidade do mesmo.

5

.Wrapp brandbook

Versão 1.0

Queremos mudar o seu cotidiano da forma mais impactante, e com menos esforço. Todas as informações necessárias para um excelente projeto na palma da sua mão, conectando você e a sua equipe de forma mais inteligente.

6

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

envolvidos

cenário

equipes de projeto

falta de organização falha na comunicação multiplas plataformas

plataforma

objetivo

integração de aplicativos centralização da informação comunicação mais limpa

tempo produtividade liberdade de escolha

7

.Wrapp brandbook

a marca .wrapp construção versões paleta de cores tipografia grafismos área de proteção redução restrições

8

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:a marca .wrapp construção modular A marca conta com elementos gráficos e tipográficos exclusivos e sua integridade deve ser mantida de acordo com as normas de utilização presentes neste manual.

O ponto representa a centralização da informação, objetivo da plataforma, além de remeter ao fechamento de arquivo, de acordo com o seu tipo. Além disso, o logotipo conta com elementos visuais representando a modularidade de adaptação para as preferências de cada usuário.

Tais módulos são dinâmicos, possibilitando uma variedade de versões do mesmo logotipo. Contudo, os mesmos devem sempre estar interligados, contendo uma interseção que retrata a conexão entre aplicativos proposta pela platataforma.

Por fim, foi desenvolvida uma tagline, que acompanha os demais elementos, condizente com o posicionamento da marca de optimizar e tornar as relações de trabalho mais inteligentes.

central

inteligente conectada

9

.Wrapp brandbook

Versão 1.0

Novembro 2015

:a marca .wrapp versões

versão principal

A identidade visual conta com uma versão em cores do logotipo e uma variação em preto e branco por motivos de legibilidade em certas aplicações em fundos coloridos, além de reduzir os custos em materiais impressos.

Nossa identidade é dinâmica e modular, reforçando o posicionamento da empresa.

Ao lado pode-se observar alguns exemplos de variações possíveis de serem criadas. A proporção do traçado dos módulos dinâmicos devem ser mantidas a todo momento, assim como a interseção existente entre os mesmos.

10

versão preto e branca

R253G194B36

R176G176B176

C0M25Y90K0

C0M0Y0K30

R70G191B226

R135G135B135

C65M0Y9K0

C0M0Y0K60

.Wrapp brandbook

Versão 1.0

Novembro 2015

exemplos de variações dos módulos

11

.Wrapp brandbook

Versão 1.0

Novembro 2015

:a marca .wrapp paleta de cores R253G194B36 C0M25Y90K0

As cores possuem grande importância na identificação visual da marca e sua utilização de forma estratégica otimiza o reconhecimento por parte do público do empreendimento.

Para a identididade visual do .wrapp foram utilizadas cores que o destacessem da paleta comum entre seus concorrentes. Desenvolvemos uma paleta que buscava tornar a nossa plataforma mais amigável e menos burocrática, mas sem perder o profissionalismo exigido em um processo de gerenciamento de projetos.

A relação ao lado apresenta as especificações técnicas nas principais escalas para impressão em policromia (CMYK), cor sólida (PANTONE), reprodução digital (RGB) e uso na web (Hexadecimal #).

12

#FCC223

R241G133B50 C0M57Y85K0 #F08431

R70G191B226 C65M0Y9K0 #45BEE1

PANTONE 7549CP

PANTONE 1505CP PANTONE 298CP

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

R232G66B73 C0M85Y65K0

R73G111B181 C77M54Y0K0

R135G135B135 C0M0Y0K60

#E84248

#496FB4

R87G87B86 C0M0Y0K80

#878786

#575756

R176G176B176 C0M0Y0K30 R230G111B122 C5M68Y40K0 PANTONE 2726P

#E56F79

#C4C4C4 PANTONE 192CP

R102G102B101 C0M0Y0K74 #656565

PANTONE 198UP

13

.Wrapp brandbook

work sans work sans work sans work sans work sans 14

Versão 1.0

Novembro 2015

:a marca .wrapp light

tipografia

regular

A tipografia tem papel essencial na construção de uma marca. Junto com os elementos que a compõem, ela ajuda na impressão dos conceitos e valores defendidos pela empresa, auxiliando em seu posicionamento e sua comunicação.

medium

semibold

Como fonte auxiliar optou-se pela família Work Sans, uma fonte sem serifa optimizada para o uso na web, moderna e de fácil legibilidade. Além disso, a mesma é composta por uma grande variedade de pesos, reforçando o dinamismo da marca.

Recomenda-se a utilização do peso Regular para massas de texto corrido, assim como os pesos Medium ou Semibold para destaque de alguma informação e Bold para títulos.

bold A aplicação da tipografia na plataforma pode ser vista na página 44 desse manual.

.Wrapp brandbook

Versão 1.0

Novembro 2015

:a marca .wrapp grafismos

Foram desenvolvidos grafismos que acompanham os materiais gráficos onde a identidade visual será aplicada, tanto para motivos estéticos apenas, quanto para destaque de alguma informação ou segmento.

Os módulos poderão ser utilizados somente nas cores definidas na paleta da identidade, e tanto preenchidos quanto apenas em traçado.

Recomenda-se que, no caso deste último, seja utilizada a espessura de 23pt, partindo do centro.

15

.Wrapp brandbook

Versão 1.0

Novembro 2015

:a marca .wrapp área de proteção

O desenho da marca se constitui a partir das relações entre seus elementos: as distâncias e os alinhamentos estabelecidos proporcionam uma sensação visual de equilíbrio, harmonia e estabilidade para o consumidor.

A área de proteção tem como objetivo preservar a legibilidade da mesma, por meio da prevenção de aproximações excessivas das partes. Portanto, nenhuma informação ou elemento gráfico, sejam eles textos ou assinaturas, podem ultrapassar o espaço delimitado.Independente das variações dos módulos que compõe o logotipo, as proporções métricas da margem de segurança deve ser mantida impreterivelmente.

y

x x

x y

16

.Wrapp brandbook

Versão 1.0

Novembro 2015

:a marca .wrapp redução 4cm

2cm

113,4px

56,7px

A versão principal é composta pelo logotipo .wrapp, acompanhado da tagline “smarter teams”. A tagline só poderá ser retirada a partir do momento em que perder a visibilidade. Quando a marca for aplicada menor que 4 cm de largura, deverá ser utilizada a versão reduzida.

A versão reduzida só poderá ser utilizada sem a tagline e quando aplicada a partir de 4 cm de largura, tendo sua redução máxima de 2 cm. Os módulos não podem ser retirados.

Conforme as necessidades de aplicação da marca, foi pensado o tamanho mínimo que a mesma pode chegar sem perder legibilidade e visibilidade em seus produtos.

17

.Wrapp brandbook

Versão 1.0

Novembro 2015

:a marca .wrapp restrições linha 01

A padronização e a manutenção de uma identidade são fundamentais para sua consolidação no mercado a longo prazo. Não é perimitido o de redesenho da marca, assim como a modificação de padrões pré-definidos no desenvolvimento na identidade. Ao lado seguem exemplos seguem exemplos do que não deve ser feito:

Não separar os módulos, não aplicar sem a tagline (smarter teams), não aplicar sombras.

linha 02 Não modificar as cores, não redimensionar desproporcionalmente, não aplicar contornos.

linha 03 Não adicionar ou remover módulos, não rotacionar elementos, não preencher as formas.

18

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

19

.Wrapp brandbook

cards aplicativos Ă­cones arquivos agenda email tarefas chat

20

VersĂŁo 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:cards aplicativos

A plataforma .wrapp possui 5 módulos diferentes: arquivos, tarefas, agenda, e-mail e chat. Por armazenarem tipos particulares de dados, cada módulo se comporta de uma maneira única.

Visando uma melhor organização e ergonomia, cada módulo é denominado a um card de sua respectiva cor: amarelo (#FCC223) para o card de arquivos, salmão (#E56F79) para o card de agenda, roxo (#E56F79) para o card de e-mail, azul (#45BEE1) para o card de tarefas e cinza (#575756) para o card de chat.

Além disso, cada módulo integrará tipos específicos de aplicativos, condizentes com o propósito do mesmo. Atualmente, temos como proposta trabalhar com os seguintes:

21

.Wrapp brandbook

:cards arquivos

O módulo arquivos coleta os dados armazenados nos respectivos aplicativos e dispõe eles para o usuário de acordo com a interface do .wrapp, podendo ser arquivos indivíduais ou pastas.

Estas, são selecionadas pelos componentes do grupo para fazerem parte dos arquivos relevantes para o projeto. Ao criar uma nova pasta em nossa plataforma para conter esses arquivos, a mesma é criada tanto no Dropbox quanto no Google Drive dos outros componentes envolvidos no projeto.

Dessa forma, usuários frequentes de ambas as plataformas terão o acesso a todos os arquivos.

22

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

Files

sort by

import

+add

Files

Alternativas_wrap...

sort by

Alternativas_wrap...

import

Alternativas_wrap...

Alternativas_wrap...

Alternativas_wrap...

+add

Alternativas_wrapp_JA.ai Layout_siteWrapp.ai ManualDeProdução.pdf mockup_mobile_wrapp.psd mockup_desktop_wrapp.psd

23

.Wrapp brandbook

:cards agenda

O módulo agenda permite que os componentes do grupo possam criar uma agenda que poderá ter cronograma de eventos como reuniões, etapa do processo e prazos relacionados ao projeto.

Ao criar um novo evento, o mesmo é criado na agenda da plataforma preferencial de cada usuário, se encaixando em seu intinerário.

Caso haja um conflito de horários com um dos usuários, a plataforma .wrapp envia um pedido de substituição de eventos para esse usuário. Se não for possível fazer a troca, uma notificação é enviada para o criador do evento informando que esse usuário não poderá comparecer a tal evento. Assim, todos podem encaixar seus horários de uma forma que não haja sobreposição de agendamentos.

24

Versão 1.0

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Calendar

Novembro 2015

import

1

October 2015 mon 26

Calendar

tue 27

wed 28

thu 29

sex 30

9 AM 1

9:25

import

10 AM

October 11 AM 2015 mon12 26 AM 9 AM

1 PM

9:25 10 AM

11 AM

12 AM

2 PM

3 PM

4 PM

1 PM

2 PM

3 PM

4 PM

25

.Wrapp brandbook

:cards e-mail

O módulo e-mail permite com que todos os e-mails trocados por integrantes de uma equipe, relacionados ao projeto, estejam disponíveis nesse único espaço.

Para isso, tais e-mails estarão marcados com um tag criado pelo admin do projeto para que a plataforma Wrapp seja autorizada a disponibilizalos para os demais membros do projeto. Isso facilita a comunicação e acelera troca de informações entre os integrantes de uma equipe.

Em termos mais práticos, o usuário poderá visualizar se o outro está com algum compromisso marcado e poderá fazer convites, mesmo utilizando programas de e-mails diferentes.

26

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Email

Novembro 2015

import

Unread

1–25 of 74 Conceituação

Apresentação para segunda-feira - Equipe, não podemos

00:30

Conceituação

Apresentação para segunda-feira - Equipe, não podemos

21:35

Geração de alternativas

Conceituação

Apresentação para segunda-feira - Equipe, não

Apresentação para segunda-feira - Equipe, não podemos

Geração de alternativas

Apresentação para segunda-feira - Equipe, não

21:10

18:23

18:11

Logotipo

Apresentação para segunda-feira - Equipe, não podemos esquecer

Oct 26

Logotipo

Apresentação para segunda-feira - Equipe, não podemos esquecer

Oct 26

27

.Wrapp brandbook

:cards tarefas

O módulo tarefas permite que os componentes do projeto possam compartilhar um único espaço onde as tarefas de cada um vai estar disposta para todos verem. Assim, todos componentes estarão cientes de cada processo do projeto. Ao criar uma tarefa nova na plataforma .wrapp, a mesma é criada no Trello e Basecamp respectivos a cada membro. Se encaixando assim no To Do list de suas plataformas preferênciais.

28

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:cards chat

Tasks

sort by

import

+add Conceituação Marcar reunião

+ J

T

Pesquisar conceitos Montar apresentação

+

Geração de Alternativas Vetorizar rascunhos Selecionar melhores

Logotipo

A plataforma Wrapp possui seu próprio chat para que os integrantes do projeto possam ter um método de comunicação mais imediato, ajudando a manter a troca de informações limpa e eficaz. Nele, os membros podem se comunicar individualmente com outros ou criar grupos de conversas. Também será possível o envio de links, partes de códigos de programação, diferentes tipos de arquivos, contatos, gravações de áudio ou realizar vídeo conferências.

L

Chat Luiza Breier Ok

Pedro Vieira Vamos falar sobre isso na s...

Julia Aguiar

5

20:01 2

19:45 1

19:07

Tudo bem.

DSG1005

Pedro Vieira:

16:52

O relatório é para ser entreg...

Bia Guarniero Preciso da sua ajuda!

yesterday

29

.Wrapp brandbook

detalhamento técnico gerenciamento de dados integração de serviços fluxograma wireframes interface mobile interface site interface desktop

30

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:detalhamento técnico gerenciamento de contas

Nessa plataforma, o usuário terá a opção de criar um login novo, onde ele preencherá com os seus dados pessoais, ou vincular a conta das outras plataformas que serão vinculadas ao .wrapp.

Dessa forma, os seus dados como, tarefas, agendas, e-mail, arquivos, entre outros, estarão automaticamente disponíveis e prontos para uso e compartilhamento em sua conta. Como estamos lidando com dados que muitas vezes são valiosos, todas as contas serão criptografadas usando o algoritmo AES (Advanced Encryption Standard).

Uma ferramenta muito usada para criptografia de chave simétrica. Além de contar com o sistema de segurança que as outras plataformas que serão vinculadas, usam. Dessa forma, o armazenamento e troca de dados será feita de forma segura e confiável.

31

.Wrapp brandbook

Versão 1.0

:detalhamento técnico integração de serviços

Uma vez que a conta do usuário for realizada, ele poderá escolher quais serviços ele ira utilizar em seus projetos. Graças a parcerias feitas com diversas empresas, que crescerá de acordo com o desenvolvimento e o estabelecimento do .wrapp no mercado, o indivíduo poderá selecionar as suas plataformas preferenciais para realizar suas tarefas.

Ele poderá encontrar tais ferramentas em nossa biblioteca onde todas elas estarão disponíveis.

Como o objetivo do .wrapp é servir de intermediário para todos os membros de uma equipe, a tradução de dados entre uma ferramenta e outra é fundamental. Uma vez que um membro da equipe opte em usar o Google Drive, por exemplo, para armazenar seus arquivos, ele não será limitado ao apenas transferir e compartilhar estes apenas com outros componentes que utilizam a mesmo ferramenta.

32

Com o .wrapp, ele será capaz de disponibilizar seu arquivo para usuários de Dropbox e também, abrir e modificar os arquivos desses usuários que utilizam ferramentas diferentes. Tudo isso será possível utilizando um API de conectividade. Esta sequência de protocolos e rotinas é que diz como os dados ficaram dispostos na interface gráfica do usuário. Além disso, ela irá traduzir os dados de outras plataformas e colocá-las na tela do usuário de forma legível e organizada, atendendo os parâmetros de nosso layout.

Sendo assim, inicialmente, toda a parte de armazenamento de informações será feita em suas respectivas plataformas, fazendo com o que .wrapp funcione como um intermediário de informações.

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

33

.Wrapp brandbook

:detalhamento tĂŠcnico fluxograma

34

VersĂŁo 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

:detalhamento técnico wireframes

O desenvolvimento dos wireframes foi dividido em dois tipos: os de baixa fidelidade e os de alta fidelidade. Foram criadas versões de várias interfaces da versão mobile e desktop em baixa fidelidade. Para o wireframe de alta fidelidade, foi feita uma versão da tela principal para o mobile e outra para o desktop. Com isso, acreditamos que seja possível compreender as estruturas das nossas interfaces.

Um ponto importante a se considerar é a experiência do usuário. A fim de aprimorá-la e reforçar a questão de liberdade de escolha que a plataforma proporciona à ele, a interface do .wrapp será modular, permitindo que o usuário a configure da forma que for mais relevante para ele.

Dessa forma, visa-se atender as demandas de cada equipe e membro, entendendo que cada pessoa se organiza de uma forma particular.

Outra questão é que, devido a estimativa de quantidade de informações muito ampla na plataforma, a interface deverá ser a mais limpa possível, abolindo interferências visuais que não são relevantes.

Nesse sentido, definimos Wireframes de alta fidelidade para representar a disposição dos elementos nas telas Mobile e Desktop. Com isso, acreditamos que seja possível compreender as estruturas das nossa interface com um maior nível de detalhamento.

Para a versão Mobile, propomos uma solução mais compacta e ergonômica para melhor desempenho em Smartphones. Isso envolve um comportamento diferente dos elementos da plataforma, como os cards e menus e modo de navegação. Sempre mantendo o layout e identidade visual coerente com a versão Desktop.

Vers達o 1.0

wireframe desktop

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

37

.Wrapp brandbook

Vers達o 1.0

wireframe mobile

38

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

39

.Wrapp brandbook

40

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

41

.Wrapp brandbook

interface site

42

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

43

.Wrapp brandbook

interface desktop

44

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

interface mobile

Vers達o 1.0

.Wrapp brandbook

46

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

47

.Wrapp brandbook

48

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

49

.Wrapp brandbook

50

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

51

.Wrapp brandbook

52

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

Vers達o 1.0

Novembro 2015

53

.Wrapp brandbook

divulgação & distribuição versão beta parcerias presença em blogs material impresso Google Ads

54

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:divulgação & distribuição versão beta

Como estratégia inicial de teste e distribuição, terá o desenvolvimento de uma versão beta, onde seus usuários poderão ter um primeiro contato com a plataforma. Desta forma, visa-se recolher um feedback dos mesmos, para eventuais melhorias nas atualizações seguintes. Em um primeiro momento, essa versão estará disponível para poucos usuários e será ampliada a todos gradativamente, através de um sistema de convites, onde um usuário terá direito de convidar 10 outros membros para ter acesso a versão seguinte do .wrapp.

Além disso, busca-se ter casos reais de empresas e grupos de trabalho que utilizaram o wrapp no desenvolvimento de projetos para que esses cases sejam divulgados em futuras propagandas da plataforma. Desta forma, é possível chamar a atenção do público alvo, difundir a plataforma através de uma rede de conhecidos e, consequentemente, chamar novos usuários para utilizar o .wrapp.

55

.Wrapp brandbook

:divulgação & distribuição parcerias

Como segundo momento de distribuição, entendemos que será positivo criar parcerias com empresas que já tem alguma posição no mercado para que elas utilizem a plataforma no desenvolvimento de algum projeto (como por exemplo Tumblr, Adobe e PayPal). Desta forma, além de se ter um caso real de utilização da plataforma, ela estará atrelado ao nome de uma empresa que o público já está familiarizado, passando confiança e legitimidade.

56

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:divulgação & distribuição presença em blogs

Investiremos em parcerias com blogs relacionados, assim como demais blogs nacionais e internacionais que fazem reviews sobre assuntos de tecnologia e afins, como TecMundo e Mashable. Desta forma, uma análise positiva ou até mesmo uma simples divulgação da plataforma em um desses sites atingirá um público leitor que já se interessa sobre o tema.

http://tecmundo.com.br/

http://mashable.com/

57

.Wrapp brandbook

:divulgação & distribuição material impresso

E, por fim, o .wrapp conta com um sistema visual impresso de cartões de visita para os sócios do .wrapp, para distribuição em eventuais reuniões com possíveis clientes e parceiros.

58

Versão 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:divulgação & distribuição Google Ads 2.

Outra estratégia de divulgação online será por meio de Google Ads. Esse, funciona a partir da determinação de palavras-chave, que quando pesquisadas no Google pelo usuário, o site aparece na primeira página. Por exemplo, caso um possível usuário pesquisasse “gerenciamento de projeto” no Google, o site do Wrapp apareceria como primeiro resultado de busca.

Além disso, é possível inserir propagandas apenas em sites relacionados a um determinado assunto com o Google Adsense. Somado a isso, o Google Adwords é um programa onde só é cobrado quando o usuário clica no anúncio. Desta forma as chances de atraír um novo usuário são muito grandes pois existe uma segmentação da publicidade àquelas pessoas que realmente tem interesse na plataforma, diminuindo custos e aumentando o retorno.

1. Google Adsense espaço de propaganda

1.

2. Google Adwords resultado na pesquisa

59

.Wrapp brandbook

anĂĄlise financeira planilha de custos

60

VersĂŁo 1.0

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

:análise financeira planilha de custos

Somos uma startup, cujo o produto é a plataforma .wrapp. Fizemos uma projeção de custos para os próximos dois anos, que é o tempo em que acreditamos estabilizar e firmar a nossa plataforma no mercado de hoje.

Durante esse tempo, para o desenvolvimento do aplicativo, será necessário, além da equipe de designers, dois programadores. Um deles precisa ter conhecimento de front-end e o outro de back-end. Além do custo de mão de obra, será necessário pagar por servidores. Em um período de dois anos, esse custo é elástico e será escalado com o aumento de números de usuários. Portanto, dividimos em um preço inicial (normalmente são preços promocionais para os primeiros meses) e um preço de servidor mais alto conforme a demanda de acessos da plataforma.

61

.Wrapp brandbook

Versão 1.0

:análise financeira planilha de custos

Outro quesito que entra nos custos são as formas de divulgação. Como listado anteriormente, escolhemos por ter cartões de visita, teste BETA, presença em blogs, parcerias com marcas do mercado e GoogleAds. Además, temos a nossa landing page, na versão mobile e desktop para demonstração de como funciona o .wrapp.

Programadores: Para a função dos programadores, pensamos em um salário médio de cinco mil reais/mês por funcionário. Como são dois programadores, o valor salarial seria de dez mil reais/mês.

Designers: Para a função de designers, temos a equipe criadora do .wrapp. Cada um dos sócios estará recebendo 5 mil reais/mês e cada um teria uma função específica dentro da empresa. Um seria responsável pela parte comercial, outro para gerenciar a relação do design com a programação, parte de desenvolvimento gráfico e outro para manter os processos de divulgação.

62

Suporte: Para atendermos as demandas feitas no teste BETA e outros pontos do projeto, será necessário ter um funcionário de suporte para atender os clientes. Com isso, seria uma pessoa com um salário de 2.500/ mês.

O custo dos funcionários são além do apenas o salário. Fizemos então, o cálculo considerando os encargos sociais (INSS, SAT, INCRA, FGTS, SEBRAE,SESC) e encargos trabalhistas (13o salário, férias, abono de férias) Servidores: Para os servidores, pensamos em um valor inicial para os primeiros seis meses, de 50 dólares (200 reais) e para o restante dos anos, seria de 150 dólares (600 reais).

Espaço coworking: Por mais que o trabalho seja Home office, é necessário ter reuniões e encontros com clientes. Portanto, será necessário pagar por um espaço de coworking.

Novembro 2015

.Wrapp brandbook

Versão 1.0

Novembro 2015

mês

2 anos

Designers (4)

40k

960k

Programadores (2)

20k

480k

Servidores

600

14k

Cartão de visita

200

4.800

Google Adwords

600

14.400

5k

120k

1.500

36k

Total: Suporte Coworking

1.629.200

63

.Wrapp brandbook

conclus達o

64

Vers達o 1.0

Novembro 2015

.Wrapp brandbook

O .wrapp permite que equipes de trabalho se conectem de uma forma mais fácil e eficiente.

A partir da troca de dados entre plataformas, os usuários têm a possibilidade de utilizar os aplicativos que tem mais afinidade e ainda assim se manter em contato com a sua equipe.

Com a centralização de todas as informações de um projeto, problemas na comunicação que ocasionam perda de tempo, prazos e, consequentemente, de dinheiro são minimizados.

Os quatro Cards foram divididos para que a experiência do usuário seja melhor definida, acreditando que esses são a base de um projeto.

A partir deles é possível se ter uma melhor

Versão 1.0

Novembro 2015

organização do trabalho e visualizar o processo como um todo. Além disso, o .wrapp apresenta um sistema de chat próprio, para que membros de equipes se comuniquem de uma forma ainda mais rápida, sempre quando necessário.

Criado tanto para smartphones, quanto para desktop, com o .wrapp visamos melhorar a vida e o rendimento de nossos usuários para que possam aproveitar seu tempo da melhor forma possível.

Julia Aguiar, Luiza Breier, Pedro Vieira e Tatiana Levinstein

65

Este manual foi desenvolvido para a disciplina Projeto Avançado – Produção/Distribuição do curso de Desenho Industrial na Pontifícia Universidade Católica.