Case de Site Institucional
Source Design
Site para estúdio de design gráfico e comunicação visual. Serviços, preços e canais de contato organizados para o cliente potencial entender rapidamente o que o estúdio oferece e como contratar.
Papel
UX/UI Designer & Desenvolvedor
Empresa
Source Design (cliente)
Ferramentas
Next.js, Tailwind CSS, Vercel, Cursor
Localização
Brasil
Duração
Projeto pontual
Introdução
A Source Design, estúdio de design gráfico e comunicação visual, precisava que o próprio site fizesse o que ela pede aos clientes todos os dias: transformar identidade de marca em presença digital clara e confiável. Sites de estúdio são julgados com mais rigor do que o trabalho para clientes. Serviços, preços e contato precisavam ser escaneáveis, enquanto a própria UI comprovava gosto, craft e profissionalismo. O produto era ao mesmo tempo ferramenta comercial e prova de portfólio.
Papel & Responsabilidades
- Estruturei o catálogo de serviços e a tabela de preços em seções escaneáveis e fáceis de decidir.
- Traduzi a identidade de marca em uma UI web coesa, com tipografia, espaçamento e ritmo de cor consistentes.
- Desenhei CTAs claros para WhatsApp e e-mail nos momentos-chave de conversão.
- Construí e iterei o front end com Cursor e apoio de IA.
- Publiquei o site em produção na Vercel com experiência institucional polida.
- Equilibrei expressão de marca com clareza prática de contratação para clientes potenciais.
O Desafio
O site de um estúdio de design é julgado com mais rigor do que qualquer projeto de cliente. Precisa comprovar gosto e, ao mesmo tempo, deixar serviços e preços fáceis de escanear e agir. Expressão artística demais cria atrito. Pragmatismo de template demais mina credibilidade. O desafio era construir um site que a Source Design tivesse orgulho de enviar, sem inventar desculpas para o atrito de contato que ela nunca aceitaria em um cliente.
O Processo
Parti da identidade de marca já existente do estúdio e a traduzi em fundamentos web: tipografia, espaçamento e ritmo de cor. Depois organizei serviços e preços em cards e seções escaneáveis com próximos passos inequívocos. CTAs de WhatsApp e e-mail foram posicionados onde a intenção naturalmente sobe. A iteração com Cursor ajudou a refinar detalhes rápido protegendo o acabamento de estúdio que a marca exigia.
Personas
Beatriz, dona de pequeno negócio
Precisa de apoio em branding ou comunicação visual e está comparando estúdios locais ou regionais antes de entrar em contato.
Necessidades & Objetivos
Entender com clareza os serviços, ter sinais de preço e um jeito fácil de começar a conversa.
Desafios
Descrições vagas de serviço, lógica de preço escondida e sites só de portfólio que nunca explicam como contratar.
Thiago, coordenador de marketing
Avalia parceiros de design para campanhas e trabalho visual contínuo dentro de uma empresa com pouco tempo para selecionar fornecedores.
Necessidades & Objetivos
Escaneamento rápido de capacidades, apresentação profissional e caminhos de contato credíveis para um primeiro briefing.
Desafios
Sites excessivamente artísticos que obscurecem a oferta, e fraca diferenciação entre estúdios com estética parecida.
Resultados
O estúdio agora tem um site que reflete seu próprio padrão de design e, ao mesmo tempo, facilita entender oferta, preços e contato. Clientes potenciais avaliam o fit mais rápido e entram em contato com menos mensagens de esclarecimento. O site funciona como prova de credibilidade e como caminho prático de contratação.
Principais Entregas
- Site institucional consistente com a marca
- Catálogo de serviços com definição clara da oferta
- Apresentação de preços pensada para escaneamento e comparação
- CTAs de contato via WhatsApp e e-mail
- Sistema de UI responsiva alinhado à identidade do estúdio
- Deploy em produção na Vercel
Minha Contribuição
Traduzi a identidade de marca existente na UI web e estruturei as informações de serviço e preço para decisão, depois construí e iterei o front end com Cursor antes de publicar na Vercel. A ownership atravessou tradução de marca, design de informação e implementação. O objetivo era um site que vende o estúdio sem baixar a barra visual que o estúdio cobra dos clientes.
Aprendizados
- O site de um estúdio de design é a prova de maior risco dos seus próprios padrões visuais.
- Serviços e preços escaneáveis reduzem o atrito entre interesse e a primeira mensagem.
- Expressão de marca e clareza de conversão não são opostos quando a hierarquia é intencional.
- Iteração com apoio de IA ajuda a proteger craft sob prazos curtos de freela.
Próximo Projeto
Idea Validator