3Dmania
Website institucional para uma startup portuguesa de impressão 3D, vinil e design gráfico — da arquitetura de informação ao design, com foco em clareza de serviços e conversão.
A 3Dmania é uma startup cofundada com o meu irmão, especializada em impressão 3D FDM e resina, corte de vinil, design gráfico e web design. O desafio foi criar um website que apresentasse cinco serviços distintos de forma coerente, gerasse confiança numa marca nova e conduzisse o utilizador até ao pedido de orçamento.
Cinco serviços, uma marca, um utilizador com pouco tempo.
Uma startup com cinco áreas de serviço distintas — FDM, resina, vinil, design gráfico e web design — corre o risco de parecer uma loja de tudo e não ser especialista em nada. O utilizador chega ao site com uma necessidade concreta e precisa de perceber rapidamente se a 3Dmania a resolve.
A decisão foi agrupar os serviços em dois eixos — físico (impressão + vinil) e digital (design + web) — e construir uma hierarquia visual clara que guia o olhar da proposta de valor até ao CTA "Pedir Orçamento" sem fricção.
Navegação orientada à conversão.
O menu principal foi desenhado com cinco destinos: Início, Serviços, Portfólio, Contactos e um item destacado — Pedido de Orçamento. Este último funciona como CTA persistente: está sempre visível, tem tratamento visual diferenciado e leva diretamente ao formulário sem passos intermédios.
O footer repete a navegação com um eixo adicional — Sobre e Projetos — para utilizadores que chegaram ao fundo da página em modo de pesquisa e precisam de mais contexto antes de contactar.
Uma fonte de marca + uma fonte de leitura.
O sistema tipográfico usa dois pesos distintos: Space 3Dmania, uma fonte OpenType customizada para o logótipo e elementos de marca, que reforça a identidade única da startup; e Open Sans (400/500/700) para todo o corpo de texto, escolhida pela sua legibilidade excecional em ecrã, especialmente em tamanhos pequenos.
A separação clara entre fonte de marca e fonte de texto garante consistência — a identidade aparece onde tem impacto, sem comprometer a leitura.
Limpo, neutro, profissional.
A paleta baseia-se em brancos e cinzentos — uma escolha deliberada para um negócio de serviços técnicos onde a credibilidade importa mais do que a expressão visual. O contraste entre o header/footer escuros e o corpo branco cria ritmo e separa claramente a navegação do conteúdo.
Tokens principais
#FFFFFF
#F5F5F5
#40464D
#949494
#1E2128
Verificação de contraste — WCAG 2.1
Num site de serviços, a legibilidade é crítica — o utilizador precisa de ler descrições e preços sem esforço. O texto principal e os headings passam AAA. O texto secundário (#949494) é usado exclusivamente em metadados e labels, nunca em corpo de texto longo, precisamente por ter contraste mais limitado em fundo branco.
Em produção desde 2025.
O website está no ar e em constante evolução — novos serviços e conteúdos adicionados regularmente.