Design system para o seu site e aplicação: um só conjunto de regras desde €1 990
Cores, tipos de letra, botões, formulários e ecrãs-tipo reunidos num conjunto de regras, para que as novas páginas tenham um aspeto coerente. O design system de produto custa desde €1 990.
Branding e identidade visualPrazo: 2–4 semanas
Como é um design system de produto
Um design system é para produtos que têm site e aplicação, e para equipas com vários designers e programadores. É especialmente útil quando uma plataforma cresce por partes e cada novo ecrã corre o risco de ficar diferente. Para um projeto pequeno chega muitas vezes uma identidade de marca, e dizemos isso com franqueza. Veja também: plataforma chave na mão.
- Para produtos com site e aplicação. O site e a aplicação parecem um só produto, e não dois projetos separados.
- Para equipas em crescimento. As regras ficam escritas em vez de viverem na cabeça de um só designer. Um recém-chegado integra-se mais depressa, e há menos discussões sobre pequenos detalhes.
Apresentação aproximada: as imagens e os textos foram escolhidos como exemplo. No seu projeto as funcionalidades, o design e a arquitetura serão outros, feitos para os seus objetivos.
Sistema de design do produto — desde €1 990
Um conjunto único de regras visuais para o site e a aplicação: cores, tipos de letra, botões, formulários e ecrãs-tipo. As novas páginas são montadas a partir de peças prontas e ficam com o mesmo aspeto.
Mostramos o preço à partida. Entregamos o resultado numa forma que qualquer equipa pode usar, por isso não fica preso a nós. O design system liga-se ao nosso desenvolvimento mas não o exige: os ficheiros e as regras ficam consigo. As licenças de tipos de letra e conjuntos de ícones pagos, se os escolher, são pagas diretamente ao titular dos direitos. Veja também: marca chave na mão.
Ideal para: produtos com site e aplicação · equipas com vários designers e programadores · empresas que desenvolvem a plataforma por fases
O que inclui um design system de produto por €1 990
Um preço para a lista toda: sem custos extra por horas ou por itens avulsos.
O design system de produto custa desde €1 990 e demora 2–4 semanas. O trabalho abrange uma auditoria do aspeto atual, cores e tipos de letra, um conjunto de componentes, ecrãs-tipo, documentação e entrega aos programadores. O total depende do número de ecrãs e do estado do design atual, e damos o valor exato depois de uma análise. Veja também: painel de administração.
- Cores, tipos de letra e componentes. Uma paleta, tipos de letra, tamanhos e espaçamentos, mais botões, campos, cartões, tabelas e mensagens de erro.
- Ecrãs-tipo e documentação. Exemplos de páginas-chave, formulários e uma área de cliente, e um guia curto sobre como usar os componentes. Versões escura e clara, se precisar.
- Auditoria do aspeto atualVemos o que já existe e encontramos as inconsistências: botões, tons e espaçamentos diferentes.
- Cores, tipos de letra e espaçamentosUma paleta única, tipos de letra e escala de tamanhos. Os novos ecrãs não se afastam dos restantes.
- Conjunto de elementosBotões, campos, cartões, tabelas, mensagens de erro. O programador monta os ecrãs a partir de peças prontas.
- Ecrãs-tipoExemplos de páginas principais, formulários e área de cliente. Mostram como os elementos funcionam em conjunto.
- Versões escura e claraDesenhamos 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 membro da equipa percebe sozinho.
- Entrega ao programadorFicheiros e instruções para passar para o código, para que nada tenha de ser refeito.
Apresentação aproximada: as imagens e os textos foram escolhidos como exemplo. No seu projeto as funcionalidades, o design e a arquitetura serão outros, feitos para os seus objetivos.
Pode ser adicionado ao projeto
Opcional, já ou mais tarde. O preço fica fixado antes de o trabalho começar.
O sistema pode ser construído 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 na Europa, nos EUA, nos Emirados, no Cazaquistão e noutros países. Num produto internacional, isto reduz o retrabalho quando se acrescenta um idioma.
Identidade visualO logótipo, o cartão de visita, a apresentação e os modelos para redes sociais são desenhados no mesmo estilo do seu produto.€1 290Saber mais
A partir do logótipo montamos um conjunto único: paleta, tipos de letra, cartão de visita, modelos para redes sociais e regras. Útil quando os materiais são feitos por pessoas diferentes e ficam todos diferentes.
Prazo: 2–3 semanas
Painel de administraçãoMontamos uma área interna a partir dos elementos prontos do seu sistema. É um desenvolvimento à parte, com arquitetura.desde €9 900Saber mais
Construímos um painel de controlo sobre o sistema. É útil quando o produto precisa de uma área para a equipa.
Prazo: a partir de 4 semanas
Ecrãs adicionaisDesenhamos mais exemplos de ecrãs além do conjunto acordado, para que os programadores montem o produto com mais facilidade.por orçamentoDetalhes
Mais exemplos de ecrãs além do conjunto acordado. O âmbito e o preço são acordados antes de começar. Não há faturação à hora.
Prazo: conforme a tarefa
Ícones e ilustraçõesDesenhamos ícones e ilustrações no mesmo estilo, para que o produto tenha um aspeto coerente e fique na memória dos utilizadores.+ €590Saber mais
Desenhamos mais ícones e ilustrações. É útil quando o conjunto padrão não chega.
Prazo: 1 semana
Pago à parte, não por nós: licenças de tipos de letra e conjuntos de ícones pagos, se os escolher, pagas diretamente ao titular dos direitos. Todos os extras →
Como se cria um design system
Os passos mudam automaticamente, ou clique em qualquer um para ler mais.
Primeiro vemos o que já existe e encontramos incoerências: botões, tipos de letra e espaçamentos diferentes entre páginas. Depois construímos a paleta, os componentes e os ecrãs-tipo, acordamo-los consigo e escrevemos a documentação. No fim entregamos ficheiros e instruções ao programador. A passagem para código é feita pela sua equipa ou num projeto à parte.
- O que precisamos de si. Acesso ao seu site ou aplicação atual, materiais de marca se os tiver e uma pessoa que aprove a direção.
Se ainda não tem uma identidade de marca, convém criá-la antes do sistema ou em conjunto com ele. Depois, os ecrãs podem ser construídos como aplicação web, área de cliente ou plataforma, e para uma aplicação móvel podemos preparar o design da interface. Veja também: identidade de marca, design de aplicações móveis, aplicação web e áreas de cliente.
1. Briefing
Um questionário curto de 15 minutos: que negócio é, para quem, o que precisa e para quando. Por voz, por escrito ou numa chamada.
- Perguntamos apenas o que afeta o resultado e o preço
- Os materiais (logótipo, fotografias, textos) podem ser enviados mais tarde
- No mesmo dia útil respondemos: o que propomos, quanto custa e quanto tempo demora
2. Orçamento e contrato
Fixamos o âmbito, o preço, o prazo e o calendário de pagamentos. O valor não aumenta sem o seu consentimento escrito.
- Contrato entre a nossa empresa e a sua, ou consigo pessoalmente
- Inclui: o âmbito ponto por ponto (como nesta página), prazos, fases de pagamento, correções em garantia
- O código, o domínio e as contas dos serviços são seus: está escrito no contrato
- Assinamos online: um PDF com assinatura eletrónica, sem papel e sem estafetas
3. Pagamento
Emitimos a fatura em nome da sua empresa. Pague por transferência bancária ou com cartão.
- Sem custos escondidos: o domínio e as subscrições dos serviços são pagos por si diretamente a eles, sem margem nossa
- Cada pagamento está ligado a uma etapa: paga o que já consegue ver
- Documentos de fecho: fatura e auto de aceitação
4. Trabalho com a pré-visualização
Em cada etapa recebe uma ligação de pré-visualização: vê o que já está pronto e deixa logo as suas correções.
- Primeiro o mapa do produto e a estrutura, depois o design, depois a construção
- Reunimos as correções num só sítio, para nada se perder na troca de mensagens
- As perguntas para si chegam em lista, com opções de resposta: responde quando lhe der jeito
5. Revisão e aprovação
Antes do lançamento verificamos tudo nós mesmos, depois aprova o trabalho com base na lista do contrato.
- Telemóveis e computadores, velocidade de carregamento, formulários e emails, pagamentos em modo de teste
- As páginas legais e o aviso de cookies estão no lugar
- Percorre a lista do âmbito e assina o auto de aceitação
6. Lançamento e entrega
Publicamos no seu domínio e entregamos-lhe tudo: acessos, instruções, ficheiros de origem.
- Domínio, email no domínio, análise de dados e Search Console
- Os acessos a todas as contas passam para si; nós ficamos por convite
- Um guia curto: como alterar por si os textos, as fotografias e os preços
- A seguir, se quiser: apoio, divulgação, novos módulos
Perguntas frequentes
Quanto custa um design system de produto?
Desde €1 990. O preço depende do número de ecrãs e do estado do design atual. Damos o valor exato depois de uma breve análise.
Como se paga o trabalho?
Se o total for inferior a €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 aceitação.
Um projeto pequeno precisa de um design system?
Muitas vezes chega uma identidade de marca. Dizemos-lhe se compensa fazer o sistema mais tarde.
Em que difere um design system de uma identidade de marca?
A identidade de marca define o reconhecimento: logótipo, cores, tipos de letra, materiais. O design system descreve como construir interfaces: botões, formulários, ecrãs e estados.
Está ligado ao vosso desenvolvimento?
Está ligado, mas entregamos o resultado numa forma que qualquer equipa pode usar. Não tem de encomendar o desenvolvimento a nós.
Inclui passar os ecrãs para código?
Não. Entregamos ficheiros e instruções, e a sua equipa ou um projeto à parte faz a programação.
Podem criar um sistema para um site existente?
Sim. Começamos por uma auditoria do aspeto atual, construímos regras a partir do que já existe e eliminamos as incoerências.
Quem atualiza o sistema depois da entrega?
Você ou a sua equipa, seguindo a documentação. Novos ecrãs ou componentes são trabalho à parte, orçamentado individualmente.
Combina com este serviço
O que costuma ser pedido em conjunto: clique para abrir a página do serviço com um exemplo.
Branding e identidadeLogótipo3 conceitos, 2 rondas de correções, todos os formatos de ficheiro.€5905–7 dias
Branding e identidadeIdentidade visualLogótipo, cores, tipos de letra, cartão de visita, papel timbrado, modelos para redes sociais.€1 2902–3 semanas
Criação de sitesSite em 24 horasPara quando um banco ou parceiros precisam de ver, muito depressa, uma empresa real e ativa: a sua atividade, país e dados da empresa, e-mail no seu domínio, páginas legais. Uma página 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.desde €490/mêsarranque em 5–7 dias, trabalho a partir de 2 meses
Lojas onlineLoja online chave na mãoDesenvolvimento próprio, sem mensalidade a uma plataforma.€2 4902–3 semanas
Sites corporativos e portaisSite corporativoAté 20 páginas: serviços, casos, notícias, equipa, 2 idiomas.€3 4902–3 semanas
Promoção SEOAuditoria 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 no projeto.€3 5002–3 semanas