Olhar / Processo Antes da forma,uma direção. As escolhas por trás dos projetos. Explore como uma ideia vira identidade, interface e comportamento.
02 / Direção de arte Uma pergunta. Um sistema visual.
O olhar mudao resultado. Veja como a pergunta de cada projeto encontra uma resposta em cor, tipografia e composição.
01 / HAKB
Como fazer confiança parecer contemporânea? Uma presença institucional que aproxima identidade, informação e atendimento em uma mesma linguagem.
01 Hierarquia A mensagem principal abre a página; os detalhes surgem em etapas. A estrutura permite entender os serviços antes de entrar em informações específicas.
02 Cor O verde aproxima a marca de cuidado e continuidade. Superfícies neutras oferecem uma base estável para textos, fotografias e materiais.
03 Sistema Assinatura, website e documentos pertencem à mesma família. A identidade precisa manter reconhecimento em formatos com necessidades diferentes.
Conhecer o projeto completo ↗ HAKB Direção de arte
Cuidado.Com clareza. #1E2219 #353A2C #FAF0E6 #C59B27
02 / 8 Corretora
Como tornar algo complexo fácil de escolher? Um website que organiza a conversa sobre planos de saúde, do primeiro contato aos critérios de comparação.
01 Hierarquia Títulos de grande escala apresentam a proposta. Navegação e ações organizam as próximas escolhas, sem dar o mesmo peso a toda informação.
02 Cor O azul profundo concentra os elementos de marca. Fundos claros e variações suaves de azul estruturam a leitura do website.
03 Digital A linguagem da identidade aparece na interface, no conteúdo editorial e nos pontos de contato com a corretora.
Conhecer o projeto completo ↗ 8 Corretora Direção de arte
Critérios Rede Custo Cobertura
#061A33 #0B2F6B #EAF1FB
03 / WNVS
Como uma identidade continua viva sem virar fórmula? Um símbolo que atravessa identidade, volume e movimento. A marca do estúdio também é um espaço de experimentação.
01 Assinatura O wordmark compacto e o símbolo têm funções complementares. A marca completa identifica o estúdio; o W ocupa os espaços menores e as aplicações visuais.
02 Movimento A passagem do plano ao volume transforma o símbolo em uma experiência. O movimento revela a construção do W e conecta a abertura ao website.
03 Paleta em estudo Cinco direções cromáticas estão em comparação. A seleção final será feita a partir das aplicações da identidade, e não de uma cor isolada.
Conhecer o projeto completo ↗ WNVS Direção de arte
WNVS Uma assinatura.Novas dimensões.
#E7E2D8 #242522 #91A9BB #777D69
03 / Explore a linguagem Você controla a experiência
Design tambémé comportamento. Do símbolo à sua presença na tela. Experimente o volume do W e descubra como a tipografia muda o tom de uma mensagem.
01 / Símbolo em movimento Do plano ao volume. O mesmo W da identidade, em três dimensões.
02 / Voz tipográfica A forma de dizer. Peso, espaço e desenho também comunicam.
Sua
marca. Registro contemporâneo / 500 / -0.04 em
04 / Capacidades Uma linguagem, diferentes escalas
Da assinaturaà experiência. Escolha uma disciplina para explorar o que ela transforma.
01 Identidade ↗ 02 Digital ↗ 03 Movimento ↗
Aa
Reconhecer. A marca ganha uma assinatura e regras para continuar reconhecível em diferentes aplicações.
Ver aplicado em HAKB ↗ Sentir. O comportamento também comunica. Volume, transições e interação ampliam a presença da marca.
Ver aplicado em WNVS ↗ 05 / Como trabalhamos A construção de uma linguagem
A ideia encontrasua forma. Uma construção em quatro etapas. Acompanhe o projeto ganhar estrutura, identidade e presença.
Em construção 01/04
Contexto Pessoas Objetivo
WNVS
WNVS Identidade / Digital
Com umaque é só sua. Contexto e prioridades
01 02 03 04 01 / 04 Entender. O projeto começa com o contexto. O que a marca precisa dizer, para quem e em quais situações?
O que ganha forma Contexto e prioridades
02 / 04 Definir. Uma direção central orienta a linguagem. Cor, tipografia e composição passam a trabalhar juntas.
O que ganha forma Conceito e direção visual
03 / 04 Criar. A ideia encontra suas aplicações. Identidade e interface são exploradas, comparadas e refinadas.
Assinatura Aplicações Protótipo O que ganha forma Sistema visual e protótipo
04 / 04 Construir. O sistema ganha comportamento. Desenvolvimento, revisão e publicação completam a experiência.
Interação Revisão Publicação O que ganha forma Interface e publicação
Cuidado.
