O Fiuza é uma franquia de educação, bem-estar e lazer para idosos. Funciona como uma escola: os alunos passam boa parte do dia entre atividades físicas, cognitivas e sociais. A marca chegou à agência querendo atualizar o visual. O projeto não foi um rebrand: foi a introdução de uma nova comunicação, que mantém muitas das características originais da marca.
Fiuza is an education, wellness and leisure franchise for older adults. It works like a school, where members spend most of their day between physical, cognitive and social activities. The brand came to the agency wanting to refresh its look. This was not a rebrand, but the introduction of a new communication language that keeps many of the brand's original traits.
A agência precisava de uma base visual sólida para atender o Fiuza. A primeira grande frente foi uma demanda de anúncios para a Meta: vários criativos, cada um desdobrado em até seis formatos, do 1200×628 ao 1080×1920.
Adaptar peça por peça, à mão, seria lento e abriria espaço para inconsistências. E cada ajuste pedido pelo cliente teria que ser repetido em todos os formatos.
The agency needed a solid visual foundation for Fiuza. A key front was a batch of Meta ads: several creatives, each unfolded into up to six formats, from 1200×628 to 1080×1920. Adapting each piece by hand would be slow and prone to inconsistency. And every client change would have to be repeated across every format.
Criei um sistema visual que a equipe usa para produzir a comunicação do Fiuza.
I created the visual system the team uses to produce Fiuza's communication.
O logotipo não foi alterado. Ele entrou no sistema como um componente com variantes (positivo, negativo e símbolo).
The logo was not changed. It became a component with variants (positive, negative and symbol).
Mantive o laranja e o marrom do logo e propus uma família de azuis complementares, do marinho ao lilás, com um off white frio para respiro. Cada cor virou um estilo nomeado no Figma, assim ninguém precisa decorar hexadecimal.
I kept the logo's orange and brown and proposed a family of complementary blues, from navy to lilac, plus a cool off-white for breathing room. Each color became a named Figma style, so nobody has to memorize hex codes.
Estilos de degradê
Gradient Styles
Padrão tipográfico: personalidade e legibilidade.
Typographic system: Personality and legibility.
Grafismos, ilustrações e fundos
Degradês fluidos nas duas cores principais, criados para compor fundos e formas nas peças. Eles trazem energia e profundidade sem competir com as fotos.
As asas do símbolo do Fiuza inspiraram uma família de libélulas ilustradas. Combinadas em padrões sobre off white, marinho e laranja, elas dão leveza e identidade a materiais impressos e brindes.
Graphics, illustrations and backgrounds
Fluid gradients in the two main colors, made to build backgrounds and shapes across pieces. They add energy and depth without competing with photography. The wings in Fiuza's symbol inspired a family of illustrated dragonflies. Arranged as patterns over off-white, navy and orange, they bring lightness and identity to print and merchandise.
Design System: do padrão gráfico a um sistema que acelera o time.
Para acelerar as entregas de anúncios, transformei o padrão em um design system simplificado no Figma. Tudo o que se repete virou estilo ou componente.
Cada criativo é montado com auto layout e grid, então trocar de formato vira um ajuste, não um redesenho, e a consistência vem de fábrica.
From graphic guidelines to a system that speeds up the team.
To speed up ad delivery, I turned the guidelines into a lean design system in Figma. Everything that repeats became a style or a component. Every creative is built with auto layout and grids, so switching formats is an adjustment, not a redesign, and consistency comes built in.
Cada formato tem seu frame com grid próprio. Os elementos são presos ao auto layout, então ao trocar de proporção eles se reorganizam mantendo margens, hierarquia e respiro.
Each format has its own frame and grid. Elements are bound to auto layout, so when the ratio changes they rearrange while keeping margins, hierarchy and spacing.
Botões, ícones, tópicos e boxes foram criados como componentes com variantes de tamanho, preenchimento
e contorno. Quem monta a peça escolhe a variante; quem mantém o sistema ajusta em um lugar só.
e contorno. Quem monta a peça escolhe a variante; quem mantém o sistema ajusta em um lugar só.
Buttons, icons, bullet topics and boxes were built as components with size, fill and outline variants. Whoever builds a piece picks a variant; whoever maintains the system edits it in one place.
Exemplo: fundo de funil
Peça de conversão para captar interessados na franquia. Foto, logo, título, corpo de texto e CTA são os mesmos componentes em todos os formatos; o que muda é como é a distribuição desses elementos, otimizada pelo auto-layout.
Conversion asset designed to capture leads interested in the franchise. The components—photo, logo, headline, body text, and CTA—remain the same across all formats; what changes is the layout of these elements, which is optimized via auto-layout.
Exemplo: topo de funil
Carrossel de oito cards apresentando a franquia, produzido em duas proporções bem diferentes: o vertical 1080×1350 e o horizontal 1200×628. Um teste real de que o padrão se sustenta em qualquer formato.
An eight-card carousel introducing the franchise, produced in two very different ratios: vertical 1080×1350 and horizontal 1200×628. A real test that the system holds up in any format.
Resultado: menos retrabalho, mais tempo para criar.
Outcome: less rework, more time to create.
O mesmo padrão fora da tela
Como o padrão gráfico nasceu antes dos anúncios, ele também orienta impressos, sinalização e brindes, mantendo a marca reconhecível em todos os pontos de contato.
The same system, off screen.
Since the guidelines came before the ads, they also guide print, signage and merchandise, keeping the brand recognizable at every touchpoint.
O caminho continua.
Desde este trabalho, a marca já passou por ajustes, e novos passos estão por vir. O que foi construído aqui é a base para essa evolução: um sistema que se adapta sem perder a identidade.
The journey continues. Since this project, the brand has already evolved, and new steps are ahead. What was built here is the foundation for that growth: a system that adapts without losing its identity.
Obrigado!
Agência: Onlime Comunicação
Cliente: FIuza Convivência para Idosos
Padrão Gráfico e Design System: Heitor Ferreira
