Galática MKT · Site institucional e blog
Galática: identidade, site e blog
Uma presença digital para comunicar soluções sob medida, IA aplicada e SaaS
Atualizei o logo e o design system da Galática MKT e construí o site com blog. O projeto conecta posicionamento, conteúdo e interface para apresentar uma atuação que reúne serviços de agência e soluções digitais personalizadas.
Explorar as telas§ 01
Contexto
A Galática precisava ampliar sua apresentação para comunicar soluções sob medida, IA aplicada e SaaS, junto dos serviços de agência. O redesign da marca foi a parte que mais exigiu trabalho: atualizei o logo e reformulei todo o design system.
Levei essa direção para a estrutura do site, a comunicação das capacidades e o blog, onde comecei as publicações. A intenção era apoiar o posicionamento e a presença da empresa para competir em todo o Brasil.
§ 02
Decisões de UX/UI
01Ligar a proposta à apresentação da empresa
Organizei a home para apresentar a direção da Galática, detalhar capacidades, mostrar projetos e explicar o método. A oferta ampliada orienta essa sequência.
O bloco de direção reúne a proposta e os caminhos para conhecer o trabalho, explorar o processo ou iniciar uma conversa. Cada ação tem uma função na apresentação.
Proposta e caminhos de navegação no bloco de direção. Os números visíveis pertencem à comunicação institucional, não a resultados deste projeto. - 02
Aplicar a identidade como um sistema
Usei a linguagem orbital, o fundo escuro e os acentos em roxo, lilás e magenta ao longo da experiência. Títulos grandes, rótulos monoespaçados, linhas e botões em gradiente reaparecem nas diferentes seções.
A atualização do logo e do design system se estende ao site e às artes do blog, com variações de composição conforme o conteúdo.
Escala tipográfica, acentos e elementos orbitais reaparecem em outra composição da home. - 03
Dar uma estrutura comum às capacidades
Organizei as seis capacidades em cards com ícone, nome, descrição e disciplinas. Sites, produtos digitais, descoberta orgânica e IA aplicada fazem parte dessa apresentação, junto das outras frentes da agência.
A mesma estrutura visual apresenta serviços distintos. No desktop, os cards formam duas colunas; cada bloco mantém sua explicação e seus elementos de identificação.
Ícones, descrição e disciplinas seguem uma estrutura comum. O enquadramento mostra os primeiros cards, não as seis capacidades completas. - 04
Estender a experiência ao blog
Criei o blog e comecei a publicar conteúdos ligados a projetos digitais. A listagem reúne capas, categorias, títulos e resumos na mesma linguagem visual do site.
O artigo tem uma composição própria de leitura, com índice, compartilhamento e conteúdos relacionados. O cabeçalho e os caminhos de navegação mantêm a ligação com a apresentação institucional.
Capas, categorias, títulos e resumos conectam a identidade do site à área editorial. - 05
Reorganizar os blocos sem perder a identidade
Nas telas menores, as capacidades passam para uma coluna. O blog usa duas no tablet e uma no celular, enquanto o índice do artigo entra na coluna de conteúdo.
Ajustei grades, escala dos títulos e disposição dos botões, mantendo os elementos da marca. O menu fica recolhido e as ações de contato acompanham a navegação.
A organização das capacidades em uma coluna, em emulação de tablet. O card seguinte aparece parcialmente.
§ 03
Construção com IA
Usei Lovable, ChatGPT e Codex na execução do projeto, conduzindo identidade, conteúdo, interface e implementação.
- Da direção visual à navegação
- A proposta ganha uma experiência navegável, com âncoras na home, FAQ expansível e acesso às páginas de conteúdo.
- Entre os templates
- Home, listagem, categoria e artigo compartilham elementos visuais, com organizações próprias para apresentar a empresa ou ler um conteúdo.
§ 04
SEO
O blog e as primeiras publicações fazem parte da intenção de apoiar o posicionamento da Galática e ampliar sua presença no Brasil.
- Cada página com seu contexto
- Home, blog, categoria e artigo têm títulos, descrições e URLs canônicas próprios na amostra documentada.
- Estrutura de conteúdo
- Hierarquia de títulos, dados estruturados por tipo de página e textos alternativos nas imagens completam a implementação observada.
↳ Esses elementos descrevem a estrutura entregue. Não há dados de tráfego, ranking ou alcance nacional para atribuir ao projeto.
§ 05
Telas
As capturas mostram a versão de 23/10/2026. Tablet e celular foram registrados em emulação de viewport.
Desktop · 03
Tablet · 03
Celular · 03
§ 06
Créditos
Matheus Barros: atualização do logo, reformulação do design system e artes; copy, UX/UI, SEO e construção do site e blog, incluindo o início das publicações.