Ticto Apresentacao Final PDF

Apresentação
da marca
Design de marca e sistema
de identidade visual.
Cliente Responsável Walter Mattos Design Studio Ltda.

Proposta Nº: 240_01 Rio de Janeiro: 09 09 2022 Ticto Renato Moreira waltermattos.com
Este documento é o primeiro passo na
construção da sua marca.
Obrigado pela sua colaboração até aqui.
Apresentação da Marca Ticto waltermattos.com 2

0. Índice
1. Jornada do Projeto 13. Direção Visual (Overview)

2. Objetivos 14. Desconstruindo e Reconstruindo
3. O negócio 15. O Símbolo
4. O Logo atual 16. O Logotipo
5. O nome 17. Assinatura Visual
6. Atributos da marca 18. Comparação com cenário
7. O público 19. Antes e Depois
8. O que faz uma boa identidade visual? 20. Tipografia
9. Concorrentes 21. Cores
10. Referências visuais 22. Apoios Gráficos
11. Direções preliminares 23. Universo Imagético
12. Mood Boards 24. Aplicações

1. Jornada do Projeto
Síntese &
Mood Board Direção Visual Apresentação da Marca Manual da Marca Brand Pack
Direcionamento
Estamos aqui

2. Objetivos

1. Criar a nova identidade visual da Ticto,
traduzindo para o mercado seu novo
posicionamento como uma plataforma
aberta, capaz de aumentar seu marketshare.

2. Equilibrar no redesign o tom menos
impositivo do novo momento com
a essência da Ticto:
• Diferenciais (plataforma premium,
tecnologia de excelência e atendimento
humanizado);
• Valores e característica de ser uma
plataforma desejada no mercado.

2. Objetivos
"Queremos ser a Apple das

plataformas de pagamento."
Premium = fácil de usar +

atendimento de excelência

3. O negócio

3. O negócio
O que tem de único Como o serviço é vendido
• Criada por players para players. • Hoje: online, com critérios de

Entende e resolve suas dores. aprovação.
• Atendimento Premium.
• Software tecnológico, que faz • Futuro: online, para todos.
com que o uso seja mais fácil,
com constantes evoluções para
manter a excelencia.

3. O negócio
Principais pontos de contato, em ordem de importância
Site Brindes
Mais
Importante
Mídias Sociais Terceiro
mais importante
Crachá
Materiais Promocionais Uniformes
Segundo
Apresentações Institucionais
mais importante
Materiais de Papelaria

3. O negócio
Conhecemos as dores dos pequenos e grandes

players do mercado digital e existimos para trazer as
soluções para elas, gerando eficiência e excelência
Por quê?
para quem necessita, independentemente de seu
tamanho ou momento de empresa.
Como?
O quê?
* Círculo Dourado, por Simon Sinek, fundador do "Comece pelo Por quê", uma instituição dedicada
a produzir ferramentas e recursos para inspirar pessoas, também é autor de diversos livros
entre eles "Comece pelo Por Quê", e reconhecido pelo seu Ted Talk em 2009.

3. O negócio
Fazemos isso através da proximidade com

nossos clientes, da qualidade extrema
e tecnologia de nosso software, e do
Por quê?
atendimento humanizado.
Como?
O quê?

3. O negócio
A Ticto é uma plataforma premium de venda

de produtos digitais e físicos na internet.
Por quê?
Como?
O quê?

4. O logo atual

4. O logo atual O que ainda faz sentido?
Manter alguma memória com o símbolo atual.
O que não gostamos mais ou o

que não faz mais sentido?
Sentimos dificuldade em posicionar a assinatura visual (símbolo
+ logotipo) em alguns casos. Provavelmente devido às relações
proporcionais entre eles.
Muitas vezes temos que utilizar o símbolo dentro de um círculo,

pois achamos que fica mais agradável dessa forma.
Por que ele não nos

representa mais?
Como a marca quer aproximar mais o público, talvez utilizar formas
muito pontiagudas ou caixa alta no texto (fontes maiúsculas) não
seja o melhor caminho. Estas características transmitem a ideia de
algo mais impositivo que amigável.

5. O nome

5. O nome
Nome assinado no logo Significado Tradução encontrada no Google
Ticto Vem da palavra em latim Grego > Português

"Tictein", que significa Tiquetaque
parir, dar à luz. Remete
uma nova era, inovação,
nova esperança, algo
novo, algo melhor.

6. Atributos da marca
Quando as pessoas olharem ou pensarem na nossa marca e na

nossa comunicação, o que deve vir em suas mentes?

(No sentido de Premium)
Moderna Descontraída Singular Leve Frágil Extrovertida Impulsiva Improvisada Feminina Inovadora Luxuosa Convidativa Elaborada Urgente Ofensiva Pró-ativa
Conservadora Séria Popular Pesada Forte Reservada Analítica Racional Masculina Tradicional Acessível Demonstrativa Direta Paciente Protetora Passiva
(Mas não Popular)

Somos principalmente Outras palavras-chave
FORTES INOVADORES Transparentes

Skin in the Game
Humanos
EXCELENTES

Símbolos, imagens ou cores que nós NÃO O que a marca NÃO deve transmitir sob nenhuma
queremos ser associados: circunstância?
• Cor roxo do concorrente, ou • Arrogância

cores de concorrentes • Popular / com má qualidade
• Inacessível
• Complexidade (que conflita com
a facilidade de uso)

7. O público

7. O público
Antes Hoje
Grandes players do mercado digital, com Qualquer empresa que venda infoprodutos ou
faturamento mínimo de 300k, depois de 30k. produtos físicos na internet e busca eficiência,
relevância e excelência, seja em sua primeira
venda ou com faturamento de milhões.

8. O que faz uma boa
Identidade Visual?

Identidade Visual?
O Logo Segundo Sagi Haviv, Sócio e Designer no

escritório da CGH em Nova York, estas são as 3
principais características que uma marca precisa
ter para ser considerada de alta qualidade:
1. Apropriada 2. Distinta 3. Simples

Ela não precisa tentar traduzir tudo O suficiente para se fixar na mente Simples significa conseguir fazer o
que a empresa ou o negócio faz, ela das pessoas. Idealmente, a pessoa melhor uso dos espaços. Do pixel ao
precisa ser apropriada. deve conseguir descrever a marca, metro, uma boa marca deve ter boa
ainda que de maneira geral, mesmo leitura e compreensão. E quanto mais
a tendo visto ao menos uma vez. simples, melhor.
*Chermayeff & Geismar & Haviv (CGH)

é um dos escritórios de design mais
reconhecidos do mundo, responsáveis por
marcas como National Geographic, Animal
Planet, NBC e projetos para a ONU, Harvard,
Moma, etc. Desde 1957 a empresa é
pioneira no movimento moderno de design
gráfico como uma disciplina interdisciplinar
e colaborativa.

Identidade Visual?
O Sistema de Identidade Visual Além do logo (símbolo, logotipo ou ambos), um bom Sistema
de Identidade Visual é baseado em um conjunto de ativos que
ajudam a gerar reconhecimento para a marca, como cores,
tipografia, estilo fotográfico, composições, iconografia, etc.
Seja individualmente ou em conjunto, essas características

reforçam a singularidade e diferenciação da marca
como um todo.

Identidade Visual?
Composição
Logo Cores Institucionais Estilo Fotográfico Tipografia
& Ilustração

Identidade Visual?
Apoios Gráficos &

Logo Cores Institucionais Estilo Fotográfico Tipografia
Cores Secundárias

Identidade Visual?
Logo Cores Institucionais Estilo Fotográfico Tipografia Ilustração

Identidade Visual?
A estrutura do Logo A estrutura formal da assinatura do logo, também chamada de

topologia, é como os elementos da marca são organizados.
Em geral, podemos ver 5 estruturas mais comuns. Não existe

certo ou errado, cada tipo tem suas vantagens e desvantagens
de acordo com as necessidades individuais de cada negócio.
Monogramas Pictogramas Tipográficas Emblemas Abstratas

Sobreposição, agrupamento ou Símbolo que representa um objeto Marcas que são baseadas Marca na qual o nome da empresa Marca com símbolo que não
combinação de duas ou mais ou conceito por meio de figuras essencialmente em elementos está intrinsecamente conectado representa uma figura de maneira
letras ou elementos gráficos para facilmente reconhecíveis. textuais. ou inserido a um elemento gráfico. óbvia.
formar um símbolo.

9. Concorrentes

9. Concorrentes

9. Concorrentes
O Logo Cores
Letras minúsculas, formas
redondas e cantos retos, diagonal.
Apropriação da cor roxa vibrante.
Estrutura Sistema de Identidade Visual

Comunicação impactante e popular.
Tipográfica

9. Concorrentes
O Logo Cores
Letras minúsculas, arredondadas.

Comunicação bastante acessível, focada em cursos.
Abstrata

9. Concorrentes
O Logo Cores
Letras maiúsculas e arredondadas.

Comunicação acessível, simples e popular. Um tanto
quanto desestruturada, sem padrão.
Abstrata

9. Concorrentes
O Logo Cores
Letras minúsculas, tipografia
moderna.

Comunicação profissional, distinguível no
mercado e acessível. Porém, se faz distinguível pelo
Abstrata
tamanho e relevância alcançados, mas possui uma
comunicação levemente desestruturada no Instagram.

9. Concorrentes
O Logo Cores
Letras minúsculas, tipografia
moderna, apropriação da cor
verde.

A comunicação possui características divertidas, com
formas nas cores cinza e preto, e redação objetiva.
Abstrata

9. Concorrentes
O Logo Cores
Letras maiúsculas, cantos retos
e autoritário. Aparenta ser um
negócio da área de Contabilidade
ou algo semelhante, tanto pelo
nome como escolha de cores.

Tom empoderador, forte e comunicação focada em
lucratividade, números e crescimento, com uso de
Emblema
linguagem de gráfico e símbolo $.

9. Concorrentes
O Logo Cores
Estilo tecnológico, letras
maiúsculas com desenho
geométrico.

Foco em tecnologia com símbolo que remete a setas
e uma relação de troca. A comunicação tem visual
Emblema
espacial, cinematográfico ou gamer.

9. Concorrentes
Resumo
Logo Estrutura
4 das marcas analisadas utilizam um tom de O mercado não tem um padrão e utiliza estruturas
proximidade com todas as letras arredondadas e tipográficas, emblema e abstratas, sendo esta última
em minúsculas. 3 delas apresentam todas as letras a predominante.
em maiúsculas.
Sistema de Identidade Visual

Cores
A comunicação da maior parte dos concorrentes é
A busca por cores proprietárias é bem clara no genérica ou neutra, sem traduzir de forma marcante a
mercado observado, sendo o uso de azuis e verdes o identidade visual em seus layouts.
mais presente, focando mais no lado "frio" do círculo
cromático, com exceção de Hotmart e Eduzz.

10. Referências Visuais

Apple

PlanetScale

Stripe

11. Direções Preliminares
As conclusões tiradas aqui irão nortear as próxima etapas,

Mood Board e Direção Visual. Portanto, não se preocupe em
tomar decisões finais.

11. Direções Preliminares
Oportunidades Predominância da Concorrência Oportunidades
Logo Sistema de Identidade Visual

Temos definido que o Logo irá manter sua essência Podemos nos diferenciar dos concorrentes criando um
formal. Sendo o símbolo o elemento mais marcante, sistema visual mais uniforme, único, seja através do uso
podemos respeitar sua memória no novo design. das cores ou de apoios gráficos marcantes.
Hotmart está aqui. Oportunidades Braip está aqui. Podemos explorar uma assinatura com a escrita Caso optemos pelo uso de degradês ou cores vibrantes,
tradicional, "Ticto", como assinam marcas como devemos nos preocupar com os pontos de contatos
Microsoft e Apple. Assim, nos distanciamos de todas físicos, onde cores demais ou muito vibrantes podem
as marcas analisadas e impomos um equilíbrio entre ser complicadores.
as ideias de uma marca acolhedora (ou acessível) e,
ao mesmo tempo forte.
O que buscar no Mood Board?
Cores Podemos buscar por referências visuais que consigam

transmitir uma comunicação limpa, mas que faça bom
As oportunidades de maior diferenciação estão uso de cores de destaque.
nos laranjas e no azul celeste. Além destas opções,
podemos seguir as referências visuais e buscar A predominância de preto (ou um tom escuro) ou
degradês nas aplicações. branco na comunicação pode ajudar a trazer tons
como força e excelência, enquanto o uso de cores mais
No caso das cores do Logo, podemos nos diferenciar quentes usadas de maneira pontual podem ajudar a
ao não usar uma cor específica na assinatura, usando reforçar as ideias de uma marca moderna e inovadora.
preto, por exemplo, e deixar as cores para a identidade
visual.

12. Mood Boards (Overview)

12. Mood Boards
Onde estamos posicionados?
OXIO ASPECTUM INTEGRATED

Estilo próximo do Uber. Degradês diferenciados. Predominância de magentas.
Monocromático, minimalista. Ruídos, efeitos em fotos. Tipografia elegante.
Amigável. Moderno. Humano.
VENTUS REYOU STYLE SHARE

Degradês monocromáticos. Estilo próximo da Apple. Espectro abrangente de cores.
Iconografia transparente. Degradês + Transparências. Linguagem mais jovem.
Digital. Elegante. Inovador.
Ticto
DIREÇÃO #1 DIREÇÃO #2 DIREÇÃO #3
Amigável e Digital. Moderno e Elegante. Humano e Inovador.

13. Direção Visual (Overview)

13. Direção Visual (Overview) CORES - TICTO HOJE

13. Direção Visual (Overview) CORES - CHECKPOINT 25/08/22
Feedbacks
• O estilo do Gradiente é um ponto positivo.
• O Gradiente como está, porém, apresenta um tom muito pastel.
• Combinação do Rosa + Azul nos tons ao lado não ficou legal - talvez puxar um
Magenta (ou Lilás) + Azul mais saturado.
• Também pode ser interessante experimentar Gradientes com as cores atuais
da Ticto - ou incluir o Laranja na equação.
• O Laranja pode trazer um ar mais quente e aconchegante para a marca.
• Em relação ao preto, ficou a dúvida sobre a preferência por manter preto ou
trocar por um roxo saturado.
• A ideia de usar o Gradiente partindo para uma cor escura foi unânime.

13. Direção Visual (Overview) TIPOGRAFIA - CHECKPOINT 25/08/22
aeioutfgks
AEIOUTFGKS
Atual - Montserrat
012&@$
Feedbacks
aeioutfgks
012&@$
• Em relação ao logo, existe o receio de mudar a fonte para algo muito distante e
AEIOUTFGKS
despertar o estranhamento do público.
• Ainda em relação ao logo, é bem-vinda qualquer personalização que ajude a
trazer diferenciação.
+ Próxima / Usual • Para fontes de apoio, a Tomato tem um estilo que trás a sensação de algo
único.
aeioutfgks
AEIOUTFGKS
+ Distante / Humana (New Spirit)
012&@$
aeioutfgks
AEIOUTFGKS
+ Distante / Elegante (Tomato)
012&@$
14. Desconstruindo
e reconstruindo

14. Desconstruindo
e reconstruindo
A Ticto passa por um momento ousado de reposicionamento.
Depois de inúmeros testes na tentativa de manter um visual

similar com a marca atual, entendemos que a nova marca deve
obedecer aos mesmos princípios - ela deve ser ousada.
Uma mudança sutil no logo e na identidade visual nos obrigam

a manter características que a Ticto quer deixar para trás.
Por isso, durante o processo, descobrimos que o nosso maior

desafio seria respeitar a essência da marca sem manter a
forma.
Para isso, olhamos para o passado de uma das maiores

referências da Ticto.

14. Desconstruindo
e reconstruindo
A Apple foi um personagem constante durante nossas

conversas de imersão. Ela foi citada como referência de
comportamento, tecnologia, posicionamento, de percepção
de marca, enfim. Esta é, sem dúvidas, uma marca para a qual
podemos olhar e e nos inspirar.
De tempos em tempos a Apple deu pequenos saltos no seu

visual. A mudança mais radical foi ao sair da sua primeira fase,
em 1976.
Em um determinado momento ela também

teve seu símbolo ao lado de um logotipo
(texto), conseguindo transmitir força
e modernidade com seu símbolo e, ao
mesmo tempo, a imagem de uma marca
convidativa e amigável, através do seu
logotipo.
Hoje a Ticto tem a oportunidade de dar um grande salto.

14. Desconstruindo
e reconstruindo
Para conceituar a
marca pensamos no
significado mais básico
do nome Ticto, a luz.

15. O símbolo

15. O símbolo
24
Começamos a construir o símbolo com base em um

módulo de 24 x 24.
O símbolo será o principal elemento da marca

Ticto, e deve possuir boa legibilidade em reduções,
especialmente digitais.
24
Utilizamos o mesmo princípio de construção de ícones
para Apps.

15. O símbolo

15. O símbolo
Resgatamos, em memória, a forma do T da marca

original e aplicamos ao grid de 24 x 24.
Aqui a intenção é dar início à evolução da marca

respeitando sua essência.

15. O símbolo
Acendemos/Iluminamos o T.
Ticto é luz.
Mas ainda podemos trazer um registro do símbolo

anterior, uma homenagem. E, com isso, mais
personalidade ao símbolo.

15. O símbolo
Utilizamos a mesma curva do símbolo original para

trazer volume ao novo símbolo.
Além disso, resgatamos também a tridimensionalidade

do símbolo original, porém, de maneira mais sutil.

15. O símbolo
Desenho original Grid Versão com ajuste ótico
Apesar de dentro do grid modular, o T nesta posição Para resolver isso, fizemos um ajuste ótico.
nos causa a impressão de que ele está mais próximo
do topo do que da base.

15. O símbolo

15. O símbolo
170px
85px
35px
16px
Por ter sido desenhado com seus pontos tocando um

grid modular, mesmo após o ajuste ótico, podemos
dizer que o símbolo é "pixel perfect".
Isso significa que ela irá possuir boa leitura em

qualquer mídia digital, mesmo em tamanhos super
reduzidos.

15. O símbolo

16. O Logotipo

16. O Logotipo
Fonte original: Tomato Medium

16. O Logotipo
O pingo pode descer

para ficar mais harmonioso
Pode ser mais suave
O C pode ser mais aberto

para melhor leitura em reduções

16. O Logotipo

16. O Logotipo
16 14 5 7
100
Ajuste de kerning

16. O Logotipo
Versão final

16. O Logotipo
O logotipo também possui referência e homenagem

ao símbolo original.

17. Assinatura Visual



2x
x
60px

18. Comparação com cenário

18. Comparação com cenário

19. Antes e Depois

19. Antes e Depois
Atributos perceptíveis:
• Força
• Imponência
• Remete a marcas de carros de luxo
Atributos perceptíveis:
• Forte, porém leve
• Amigável
• Remete ao digital moderno

20. Tipografia

20. Tipografia
Fonte escolhida para

títulos e destaques. Tomato Grotesk
aAbB 01234
Características:
Leve e elegante. Ideal para marcar

o leitor como um item identitário e
&@#$%
único da Ticto.
Criada por: The Design Foundry
Licença: U$D220 dólares para todos os 18 estilos ou U$D 60 por estilo.
Esilos recomendados: Light e Bold.

20. Tipografia
Fonte escolhida para

textos corridos e sistema. Space Grotesk
aAbB 01234
Características:
Ótima leitura em tamanhos

reduzidos. Suas formas também
&@#$%
a diferenciam das mais comuns
usadas pelo mercado.
Criada por: Google Fonts
Licença: Gratuita
Esilos recomendados: Regular e Bold.

21. Cores

21. Cores
NEW TICTO Predominância em layout: ≤ 75%
BRIGHT TICTO Predominância em layout: ≤ 25%

21. Cores
TECH GRADIENT
Predominância em layout máx 50%

21. Cores
WARM GRADIENT
Predominância em layout máx 50%

21. Cores
SECONDARY COLORS
Apresentação da Marca Ticto
Predominância em layout: ≤ 25% cada cor waltermattos.com 94
22. Apoios Gráficos

O círculo, uma forma

simples e elegante.

Multiplicação.
Transparência.
Evolução.

Desfoque para trazer volume.

Bloco transparente para incluir informações.

Detalhe para o desfoque reforçado abaixo do bloco,
simulando um vidro translúcido/fosco.
Os objetos translúcidos, juntamente com os

spots de luzes e gradientes, reforçam as ideias de
transparência e iluminação, atributos que vão ao
encontro do que a Ticto propõe.

23. Universo Imagético

23. Universo Imagético

24. Aplicações

Obrigado.

15. Próximos Passos

15. Próximos Passos
Síntese &
Mood Board Direção Visual Apresentação da Marca Manual da Marca Brand Pack
Direcionamento

Walter Mattos Design Studio Ltda.
Especialista em Identidade de Marca [email protected] Behance Linkedin Instagram Youtube

www.waltermattos.com +55 21 998 615 374
Apresentação da Marca Ticto

Ticto Apresentacao Final PDF

Enviado por

Direitos autorais:

Formatos disponíveis

Ticto Apresentacao Final PDF

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Ticto Apresentacao Final PDF

Enviado por

Direitos autorais:

Formatos disponíveis

Apresentação

Cliente Responsável Walter Mattos Design Studio Ltda.

Obrigado pela sua colaboração até aqui.

Apresentação da Marca Ticto waltermattos.com 2

1. Jornada do Projeto 13. Direção Visual (Overview)

Apresentação da Marca Ticto waltermattos.com 3

Apresentação da Marca Ticto waltermattos.com 4

Apresentação da Marca Ticto waltermattos.com 5

Apresentação da Marca Ticto waltermattos.com 6

Apresentação da Marca Ticto waltermattos.com 7

"Queremos ser a Apple das

Premium = fácil de usar +

Apresentação da Marca Ticto waltermattos.com 8

Apresentação da Marca Ticto waltermattos.com 9

O que tem de único Como o serviço é vendido

• Criada por players para players. • Hoje: online, com critérios de

Apresentação da Marca Ticto waltermattos.com 10

Principais pontos de contato, em ordem de importância

Apresentação da Marca Ticto waltermattos.com 11

Conhecemos as dores dos pequenos e grandes

Apresentação da Marca Ticto waltermattos.com 12

Fazemos isso através da proximidade com

Apresentação da Marca Ticto waltermattos.com 13

A Ticto é uma plataforma premium de venda

Apresentação da Marca Ticto waltermattos.com 14

Apresentação da Marca Ticto waltermattos.com 16

O que não gostamos mais ou o

Muitas vezes temos que utilizar o símbolo dentro de um círculo,

Por que ele não nos

Apresentação da Marca Ticto waltermattos.com 17

Apresentação da Marca Ticto waltermattos.com 18

Nome assinado no logo Significado Tradução encontrada no Google

Ticto Vem da palavra em latim Grego > Português

Apresentação da Marca Ticto waltermattos.com 19

Quando as pessoas olharem ou pensarem na nossa marca e na

Apresentação da Marca Ticto waltermattos.com 20

Apresentação da Marca Ticto waltermattos.com 21

Somos principalmente Outras palavras-chave

FORTES INOVADORES Transparentes

Apresentação da Marca Ticto waltermattos.com 22

• Cor roxo do concorrente, ou • Arrogância

Apresentação da Marca Ticto waltermattos.com 23

Apresentação da Marca Ticto waltermattos.com 25

Apresentação da Marca Ticto waltermattos.com 26

Apresentação da Marca Ticto waltermattos.com 29

O Logo Segundo Sagi Haviv, Sócio e Designer no

1. Apropriada 2. Distinta 3. Simples

*Chermayeff & Geismar & Haviv (CGH)

Apresentação da Marca Ticto waltermattos.com 30

Seja individualmente ou em conjunto, essas características

Apresentação da Marca Ticto waltermattos.com 31

Apresentação da Marca Ticto waltermattos.com 32

Apoios Gráficos &

Apresentação da Marca Ticto waltermattos.com 33

Logo Cores Institucionais Estilo Fotográfico Tipografia Ilustração

Apresentação da Marca Ticto waltermattos.com 34

A estrutura do Logo A estrutura formal da assinatura do logo, também chamada de

Em geral, podemos ver 5 estruturas mais comuns. Não existe