CASE
preparando o case…
Entregáveis Arquivos Ferramentas Landing Page ↗
Capa do teste técnico V4
Teste Técnico · Designer de Performance  ·  V4

De uma provocação
nasceu uma marca.

Recebi um desafio: dar identidade a uma empresa de finanças. O resultado é uma marca completa: identidade, manual, landing page, social e aplicações. Role para descobrir.

Finanças B2BCLIENTE-PERSONA
RafaelDIREÇÃO & DESIGN
6 diasDO BRIEFING À ENTREGA
role para começar
01 · ENTREGÁVEIS

Materiais entregues.

Cada peça no formato pedido pelo teste. Clique para visualizar ou baixar.

PDF

Manual de Marca

Guia completo da identidade: logo, malha, usos, paleta e tipografia.

⬇ Baixar
LINK

Landing Page

Página de conversão do serviço, construída em código e responsiva.

Abrir ao vivo ↗
02 · ARQUIVOS

Explore o projeto por dentro.

Navegue pelas pastas do projeto e veja o preview de cada arquivo. Clique nas imagens para ampliar.

📁 LOGO / EXPORT / V2 · 12 arquivos
Principal
principal.pngEXPORT / V2
Principal horizontal
principal-h.pngEXPORT / V2
Negativa institucional
negativa.pngEXPORT / V2
Negativa horizontal
negativa-h.pngEXPORT / V2
Branca
branco.pngEXPORT / V2
Branca horizontal
branco-h.pngEXPORT / V2
Preta
preto.pngEXPORT / V2
Preta horizontal
preto-h.pngEXPORT / V2
Monocromática âmbar
mono-ambar.pngEXPORT / V2
Mono âmbar horizontal
mono-ambar-h.pngEXPORT / V2
Monocromática azul
mono-azul.pngEXPORT / V2
Mono azul horizontal
mono-azul-h.pngEXPORT / V2
📁 MOCKUPS · 5 arquivos
Fachada
fachada.pngMOCKUPS
Papelaria
papelaria.pngMOCKUPS
Vestuário
vestuario.pngMOCKUPS
Post feed
post-feed.pngMOCKUPS
Post story
post-story.pngMOCKUPS
📁 MANUAL DE MARCA · PDF + versão web

Manual de Marca

Guia completo da identidade: logo, malha, usos, paleta e tipografia.

⬇ Baixar Versão web ↗
📁 LANDING PAGE · HTML/CSS responsiva

Landing Page

Página de conversão do serviço, construída em código e totalmente responsiva.

Abrir ao vivo ↗
📁 LOGO / PROJETO · arquivos editáveis
AI

Logo Finanças Já! · V2

Arquivo Illustrator editável, versão final (2,2 MB).

AI

Logo Finanças Já! · V1

Arquivo Illustrator editável, primeira versão (772 KB).

EPS

Vetor base

Vetor bruto do símbolo em formato EPS (5,6 MB).

📁 FONTES · Poppins + Manrope
PoppinsTítulos & Marca · 400 a 800
AaBbCc 0123 Já!
Regular · Medium · SemiBold · Bold · ExtraBold
ManropeTexto & UI · 400 a 700
AaBbCc 0123 Já!
Regular · Medium · SemiBold · Bold
03 · FERRAMENTAS

Como isso foi construído.

O stack usado do primeiro rascunho do símbolo até o site publicado.

Marca & Design

AiAdobe IllustratorConstrução do símbolo FJ, malha, proporções e todas as variações do logo.
PsAdobe PhotoshopMontagem e tratamento dos mockups: fachada, papelaria, vestuário e posts.
FfAdobe FireflyGeração das imagens de apoio e das bases usadas nas aplicações da marca.

Motion & Áudio

AeAfter EffectsAnimação do anúncio: gancho, montagem do símbolo e contadores de KPI.
PrPremiere ProMontagem final, sincronia com a trilha e otimização do formato de export.
MeAdobe Media EncoderRenderização e conversão dos masters em H.264, nas versões 9:16 e 1:1.
11ElevenLabsNarração e áudio da peça de tráfego pago.

IA & Conteúdo

GPTChatGPTApoio na copy, no brainstorm de conceito e na estruturação do briefing.
GmGoogle GeminiPesquisa de referências e validação do posicionamento da marca.
CCClaude CodeCódigo do hub, da landing page e do manual web, e organização do repositório.

Web & Publicação

</>HTML · CSS · JSLanding page, hub e manual escritos à mão, sem framework nem build.
3jsThree.jsAtmosfera 3D de partículas no topo deste hub.
AaGoogle FontsPoppins e Manrope, as duas famílias do sistema tipográfico.
GitGit & GitHubVersionamento do projeto e origem do deploy contínuo.
CFCloudflare PagesHospedagem estática: cada push republica o site automaticamente.
💡 Todas as peças foram desenhadas e dirigidas por mim. As ferramentas de IA entraram como apoio de produção e pesquisa, nunca no lugar da decisão criativa — o critério de marca, a paleta, a tipografia e a estratégia de cada peça são autorais.