Design system para o seu site e aplicativo: um só conjunto de regras a partir de €1.990
Cores, fontes, botões, formulários e telas-modelo se reúnem em um conjunto de regras, para que as novas páginas tenham um visual coerente. O design system de um produto custa a partir de €1.990.
Branding e identidade visualPrazo: 2–4 semanas
Como é um design system de produto
O design system é para produtos que têm site e aplicativo, e para equipes com vários designers e desenvolvedores. É especialmente útil quando a plataforma cresce por partes e cada nova tela corre o risco de ficar diferente. Para um projeto pequeno, muitas vezes basta uma identidade de marca, e dizemos isso com franqueza. Veja também: plataforma pronta para usar.
- Para produtos com site e aplicativo. O site e o aplicativo parecem um só produto, e não dois projetos separados.
- Para equipes em crescimento. As regras ficam escritas em vez de viverem na cabeça de um só designer. Quem chega se integra mais rápido, e há menos discussão sobre pequenos detalhes.
Exemplo ilustrativo: as imagens e os textos foram escolhidos como exemplo. No seu projeto, as funcionalidades, o design e a arquitetura serão outros — sob medida para os seus objetivos.
Sistema de design do produto — a partir de €1 990
Regras únicas de aspeto para o site e o aplicativo: cores, fontes, botões, formulários e telas-tipo. As novas páginas montam-se a partir de peças prontas e ficam todas iguais.
Mostramos o preço de antemão. Entregamos o resultado de um jeito que qualquer equipe consegue usar, então você não fica preso a nós. O design system se conecta ao nosso desenvolvimento, mas não o exige: os arquivos e as regras ficam com você. As licenças de fontes e de pacotes de ícones pagos, se você os escolher, são pagas direto ao titular dos direitos. Veja também: marca pronta para usar.
Indicado para: Produtos com site e aplicativo · Equipes com vários designers e desenvolvedores · Empresas que desenvolvem a plataforma por partes
O que inclui um design system de produto por €1.990
Um só preço para a lista toda: sem cobranças extras por horas ou por itens avulsos.
O design system de um produto custa a partir de €1.990 e leva 2–4 semanas. O trabalho abrange uma auditoria do visual atual, cores e fontes, um conjunto de componentes, telas-modelo, documentação e entrega aos desenvolvedores. O total depende do número de telas e do estado do design atual, e passamos o valor exato depois de uma análise. Veja também: painel administrativo.
- Cores, fontes e componentes. Uma paleta, fontes, tamanhos e espaçamentos, mais botões, campos, cartões, tabelas e mensagens de erro.
- Telas-modelo e documentação. Exemplos das páginas principais, formulários e uma área do cliente, e um guia curto sobre como usar os componentes. Versões escura e clara, se você precisar.
- Auditoria do aspeto atualVemos o que já existe e encontramos as diferenças: botões, tons e espaçamentos diferentes.
- Cores, fontes e espaçamentosUma paleta única, fontes e uma escala de tamanhos. As novas telas não destoam dos restantes.
- Conjunto de elementosBotões, campos, cartões, tabelas, mensagens de erro. O desenvolvedor monta as telas a partir de peças prontas.
- Telas-tipoExemplos de páginas principais, formulários e área pessoal. Mostram como os elementos funcionam em conjunto.
- Versões escura e claraTratamos os dois temas com as mesmas regras, e o contraste é verificado em cada um.
- DocumentaçãoUma descrição curta de como usar cada elemento. Um novo colaborador percebe sozinho.
- Entrega ao desenvolvedorArquivos e instruções para passar para o código, para que nada seja montado de novo.
Exemplo ilustrativo: as imagens e os textos foram escolhidos como exemplo. No seu projeto, as funcionalidades, o design e a arquitetura serão outros — sob medida para os seus objetivos.
Pode ser adicionado ao projeto
Opcional — agora ou depois. O preço fica fixado antes de o trabalho começar.
O sistema pode ser feito em versões clara e escura e preparado para interfaces em vários idiomas, incluindo textos longos e escritas da direita para a esquerda. Trabalhamos com clientes da Europa, dos EUA, dos Emirados, do Cazaquistão e de outros países. Em um produto internacional, isso reduz o retrabalho quando um idioma é acrescentado.
Identidade visualLogotipo, cartão de visita, apresentação e modelos para redes sociais são tratados no mesmo estilo do seu produto.€1 290Detalhes
A partir do logotipo montamos um conjunto único: paleta, fontes, cartão de visita, templates para redes sociais e regras. É útil quando os materiais são feitos por pessoas diferentes e acabam com aparências diferentes.
Prazo: 2–3 semanas
Painel de administraçãoMontamos uma área interna a partir de elementos prontos do seu sistema. É um desenvolvimento à parte, com arquitetura.a partir de €9 900Detalhes
Construímos o painel de controlo com base no sistema. Útil quando o produto precisa de uma área para a equipe.
Prazo: a partir de 4 semanas
Telas adicionaisDesenhamos mais exemplos de telas além do conjunto acordado, para que seja mais fácil aos desenvolvedores montar o produto.sob orçamentoDetalhes
Mais exemplos de telas além do conjunto combinado. Combinamos o escopo e o preço antes de começar. Não há cobrança por hora.
Prazo: depende da tarefa
Ícones e ilustraçõesDesenhamos ícones e ilustrações no mesmo estilo, para o produto parecer coerente e ficar na memória dos usuários.+ €590Detalhes
Completamos o conjunto de ícones e ilustrações. Útil quando os ícones e ilustrações padrão não bastam.
Prazo: 1 semana
Pago à parte, e não a nós: Licenças de fontes e conjuntos de ícones pagos, se os escolher, diretamente ao titular dos direitos. Todos os extras →
Como se cria um design system
As etapas mudam sozinhas — ou clique em qualquer uma para ler mais.
Primeiro vemos o que já existe e encontramos as inconsistências: botões, fontes e espaçamentos diferentes entre páginas. Depois montamos a paleta, os componentes e as telas-modelo, alinhamos com você e escrevemos a documentação. No fim entregamos arquivos e instruções ao desenvolvedor. A passagem para código é feita pela sua equipe ou em um projeto à parte.
- O que precisamos de você. Acesso ao seu site ou aplicativo atual, materiais de marca se você tiver, e uma pessoa que aprove a direção.
Se você ainda não tem identidade de marca, convém criá-la antes do sistema ou junto com ele. Depois, as telas podem ser construídas como aplicativo web, área do cliente ou plataforma, e para um aplicativo para celular podemos preparar o design da interface. Veja também: identidade visual, design de aplicativos para celular, aplicativo web e áreas do cliente.
1. Briefing
Um questionário curto de 15 minutos: que negócio é, para quem, o que você precisa receber e até quando. Pode ser por voz, por texto ou numa chamada.
- Perguntamos apenas o que influencia o resultado e o preço
- Os materiais (logotipo, fotos, textos) podem ser enviados depois
- No mesmo dia útil respondemos: o que propomos, quanto custa e quanto tempo leva
2. Orçamento e contrato
Fixamos o escopo do trabalho, o preço, o prazo e o cronograma de pagamento. O valor não aumenta sem o seu consentimento por escrito.
- Contrato entre a nossa empresa e a sua empresa ou com você pessoalmente
- Inclui: o escopo item a item (como nesta página), prazos, etapas de pagamento, ajustes em garantia
- O código, o domínio e as contas dos serviços são seus: isso fica registrado no contrato
- Assinamos online: PDF com assinatura eletrônica, sem papel e sem motoboys
3. Pagamento
Emitimos a fatura em nome da sua empresa. Pagamento por transferência bancária ou por cartão.
- Sem custos escondidos: o domínio e as assinaturas dos serviços são pagos por você diretamente a eles, sem margem nossa
- Cada pagamento está ligado a uma etapa — você paga pelo que já está vendo
- Documentos de encerramento: fatura e termo de aceite
4. Trabalho com a prévia
Em cada etapa você recebe um link de prévia: vê o que já está pronto e deixa na hora os seus ajustes.
- Primeiro o mapa do produto e a estrutura, depois o design, depois a montagem
- Reunimos os ajustes num só lugar — nada se perde na conversa
- As perguntas para você chegam em lista, com opções de resposta: responda quando for conveniente
5. Revisão e aprovação
Antes do lançamento conferimos tudo nós mesmos; depois você aprova o trabalho de acordo com a lista do contrato.
- Celulares e computadores, velocidade de carregamento, formulários e e-mails, pagamentos em modo de teste
- As páginas legais e o aviso de cookies estão no lugar
- Você percorre a lista do escopo e assina o termo de aceite
6. Lançamento e entrega
Publicamos no seu domínio e entregamos tudo a você: acessos, instruções, arquivos-fonte.
- Domínio, e-mail no domínio, analytics e Search Console
- Os acessos a todas as contas ficam com você; nós ficamos por convite
- Instruções curtas: como editar você mesmo textos, fotos e preços
- Depois, se quiser: suporte, divulgação, novos módulos
Perguntas frequentes
Quanto custa um design system de produto?
A partir de €1.990. O preço depende do número de telas e do estado do design atual. Passamos o valor exato depois de uma análise rápida.
Como é feito o pagamento?
Se o total for menor que €2.000, o pagamento é 100% no início. A partir de €2.000 o esquema é 50% no início, 25% após o mapa do produto e o design, e 25% após a aprovação.
Um projeto pequeno precisa de um design system?
Muitas vezes basta uma identidade de marca. Dizemos se vale a pena fazer o sistema mais tarde.
Qual a diferença entre um design system e uma identidade de marca?
A identidade de marca define o reconhecimento: logo, cores, fontes, materiais. O design system descreve como construir interfaces: botões, formulários, telas e estados.
Ele está ligado ao desenvolvimento de vocês?
Está ligado, mas entregamos o resultado de um jeito que qualquer equipe consegue usar. Você não é obrigado a contratar o desenvolvimento conosco.
Inclui a passagem das telas para código?
Não. Entregamos arquivos e instruções, e a programação fica com a sua equipe ou com um projeto à parte.
Vocês conseguem montar um sistema para um site que já existe?
Sim. Começamos por uma auditoria do visual atual, montamos regras a partir do que já existe e removemos as inconsistências.
Quem atualiza o sistema depois da entrega?
Você ou a sua equipe, seguindo a documentação. Novas telas ou componentes são trabalho à parte, orçado individualmente.
Combina com este serviço
O que costuma ser contratado em conjunto: clique para abrir a página do serviço com um exemplo.
Branding e identidade visualLogotipo3 conceitos, 2 rodadas de ajustes, todos os formatos de arquivo.€5905–7 dias
Branding e identidade visualIdentidade visualLogotipo, cores, fontes, cartão de visita, papel timbrado, templates para redes sociais.€1 2902–3 semanas
Criação de sitesSite em 24 horasPara quando um banco ou parceiros precisam ver bem rápido uma empresa real e ativa: o que ela faz, país e dados da empresa, e-mail no domínio, páginas legais. Uma página com até 7 blocos, pronta em 24 horas.€59924 horas após o briefing, os materiais e o acesso ao domínio
Marketing e redes sociaisAnúncios no Google e nas redes sociaisUm canal à escolha: Google Ads ou Meta (Instagram, Facebook). O segundo canal é à parte.a partir de €490/mêslançamento em 5–7 dias, trabalho a partir de 2 meses
Lojas virtuaisLoja virtual completaDesenvolvimento próprio, sem mensalidade para uma plataforma.€2 4902–3 semanas
Sites e portais corporativosSite corporativoAté 20 páginas: serviços, cases, notícias, equipe, 2 idiomas.€3 4902–3 semanas
Promoção SEOAuditoria de SEOErros técnicos, estrutura, concorrentes, plano de trabalho.€4905–7 dias
Plataformas e SaaSSessão de arquiteturaMapa do produto, orçamento e plano da primeira versão. O valor é abatido do projeto.€3 5002–3 semanas