Pagamento em cursoAnimação de carregamento · Lottie · 3,2 kB
O nosso processo de branding e animação
Cinco passos do brief aos ficheiros no seu produto. Vê o trabalho em cada passo e escolhe antes de avançarmos.
01Âmbito
O seu público, a concorrência e a sua marca atual estudados, e o posicionamento decidido.
02Direção
Dois ou três caminhos em moodboards, esboços e style frames, e escolhe um.
03Design
O logótipo, a tipografia, a cor, as ilustrações e os ícones desenhados como um único sistema.
04Animação
O logótipo, as transições e os momentos do produto animados com as mesmas regras.
05Entrega
O manual da marca, a biblioteca Figma e os ficheiros SVG, Lottie e vídeo, prontos para o desenvolvimento.
01Âmbito
O seu público, a concorrência e a sua marca atual estudados, e o posicionamento decidido.
02Direção
Dois ou três caminhos em moodboards, esboços e style frames, e escolhe um.
03Design
O logótipo, a tipografia, a cor, as ilustrações e os ícones desenhados como um único sistema.
04Animação
O logótipo, as transições e os momentos do produto animados com as mesmas regras.
05Entrega
O manual da marca, a biblioteca Figma e os ficheiros SVG, Lottie e vídeo, prontos para o desenvolvimento.
Porquê a SafeBlockLab para branding e animação
Um estúdio que desenha a sua marca, as suas ilustrações e animações, e as integra no seu produto.
01
Desenhado à mão, não gerado.
A IA ajuda-nos a explorar no início; cada símbolo, ilustração e ícone final é desenhado em vetor, limpo em qualquer tamanho e seu.
02
Desenhado pela equipa que o desenvolve.
Quem desenha a sua animação trabalha ao lado de quem a publica, por isso o que aprova é o que corre na sua app.
03
Leve para o produto.
As animações pesam poucos kilobytes e são testadas no browser antes da entrega, para que o movimento nunca torne um ecrã lento.
04
Movimento que respeita quem o usa.
Cada animação tem uma versão parada para quem desliga o movimento, e cada cor é verificada quanto ao contraste.
05
Um só estilo em tudo.
Logotipo, ilustrações, ícones e animação partilham uma paleta e as mesmas regras, para que a marca se leia igual onde aparecer.
06
Primeiro, uma proposta por escrito.
Âmbito, preço e datas por escrito depois de uma primeira chamada, antes de qualquer design começar.
Setores para os quais desenvolvemos software
Desenvolvimento de software à medida para cada setor: web, móvel e IA, construído e auditado em segurança pela mesma equipa.
Também desenvolvemos software para seguros (insurtech), administração pública (govtech), energia e media. Se o seu setor não estiver na lista, também podemos desenvolver software para ele.
Tecnologias e ferramentas para branding, logotipos e animação
As ferramentas com que desenhamos, animamos e entregamos, e as que a sua equipa já usa.
Um símbolo e um logotipo, o ícone da app e o favicon, uma paleta de cores e uma tipografia, e um manual sobre como usá-los. Podem juntar-se ilustração, ícones e animação no mesmo estilo, e aplicamos a marca à sua app e ao seu website.
Quanto custa o branding e quanto tempo demora?
Depende do que for preciso: só um logotipo, uma identidade completa, ou também ilustração, ícones e animação. Depois de uma primeira chamada enviamos uma proposta escrita com o âmbito, o preço e as datas, e nada começa antes de a aceitar.
Usam IA para fazer logotipos?
Usamos ferramentas de imagem com IA no início, para explorar direções depressa. Os símbolos, ilustrações e ícones finais são desenhados à mão em vetor. Assim ficam limpos em qualquer tamanho, e isso conta para a propriedade: nos EUA, uma imagem feita só com IA não pode ser registada com direitos de autor.
De quem são o logotipo e os ficheiros?
Normalmente, seus: num trabalho para um cliente, os direitos sobre o trabalho final são-lhe cedidos conforme o acordo, e recebe cada ficheiro e o seu original, dos vetores mestres aos ficheiros de animação.
Podem atualizar o nosso logotipo em vez de começar do zero?
Sim. Uma atualização mantém o que as pessoas já reconhecem e corrige o que não funciona: o símbolo redesenhado numa grelha, cores acessíveis, a tipografia substituída. Um rebranding completo recomeça a partir do brief.
Lottie, Rive ou vídeo: de qual precisamos?
Lottie serve para animações que se reproduzem, como carregamentos, boas-vindas e logotipos animados, e funciona na web, em iOS e em Android. Rive serve para animações que respondem, com estados ao passar, carregar e avançar. O vídeo serve para cenas longas e ricas de marketing. Recomendamos um para cada uso, e muitas vezes usamos mais de um.
As animações vão tornar a nossa app mais lenta?
Não, se forem feitas para o produto. Mantemos as formas simples, verificamos o peso de cada ficheiro antes da entrega e carregamos as animações só quando aparecem no ecrã. As animações desta página são os próprios ficheiros, com o seu peso à vista. Cada animação tem ainda uma versão parada para quem desliga o movimento.
Podem ampliar o nosso conjunto de ícones ou o nosso design system?
Sim. Seguimos a grelha, o traço, os raios e o estilo do que já tem, desenhamos os ícones em falta e juntamo-los à sua biblioteca Figma e ao seu código.
Podem integrar as animações e os ícones no nosso produto?
Sim. Somos um estúdio de desenvolvimento além de design, por isso a equipa que desenha uma animação pode juntá-la à sua app web ou móvel, com os ícones como componentes e as cores e os tempos como tokens.
Que ficheiros vamos receber?
Depende do serviço. Uma identidade de marca inclui o logotipo em SVG, PDF e PNG, o ícone da app, o manual e uma biblioteca Figma; as ilustrações, SVG por camadas e PNG ou WebP exportados; as animações, Lottie ou dotLottie, Rive ou vídeo, com uma imagem parada; os conjuntos de ícones, ficheiros SVG, uma fonte de ícones, um sprite e componentes Figma.