Design System para Documentos Legais da Zenvia

Design System para Documentos Legais da Zenvia

Design System para Documentos Legais da Zenvia

O objetivo deste projeto é desenvolver um Design System completo para os documentos legais da Zenvia, abrangendo versões desktop e mobile. O Design System irá padronizar a identidade visual e a estrutura gráfica dos documentos, garantindo uma experiência consistente e intuitiva para os usuários.

Nome do Cliente

Quark Legal Design
E-mail, clique aqui.

Endereçada à:

Fellipe Branco
CEO da Empresa

Data de Emissão:

05/06/2024

Expira em:

25/06/2024

Design System

Criar um conjunto de padrões de design que abranjam todos os elementos visuais e componentes usados nos documentos legais e páginas associadas.

Design System

Criar um conjunto de padrões de design que abranjam todos os elementos visuais e componentes usados nos documentos legais e páginas associadas.

Design System

Criar um conjunto de padrões de design que abranjam todos os elementos visuais e componentes usados nos documentos legais e páginas associadas.

Identidade Visual

Paleta de Cores: Definir cores primárias, secundárias, e de apoio. Tipografia: Escolher fontes para títulos, subtítulos, corpo do texto e elementos de destaque. Ícones e Ilustrações: Desenvolver ou selecionar ícones e ilustrações coerentes com a identidade visual.

Identidade Visual

Paleta de Cores: Definir cores primárias, secundárias, e de apoio. Tipografia: Escolher fontes para títulos, subtítulos, corpo do texto e elementos de destaque. Ícones e Ilustrações: Desenvolver ou selecionar ícones e ilustrações coerentes com a identidade visual.

Identidade Visual

Paleta de Cores: Definir cores primárias, secundárias, e de apoio. Tipografia: Escolher fontes para títulos, subtítulos, corpo do texto e elementos de destaque. Ícones e Ilustrações: Desenvolver ou selecionar ícones e ilustrações coerentes com a identidade visual.

Componentes de UI

Botões: Estilos de botões primários, secundários, e outros estados (hover, active, disabled). Formulários: Campos de texto, caixas de seleção, botões de rádio, etc. Tabelas: Estilos para tabelas, incluindo cabeçalhos, linhas e colunas. Avisos e Mensagens: Estilos para mensagens de erro, aviso, sucesso, e informação. Links e Navegação: Estilos de links, breadcrumbs, menus de navegação, etc. Muitos outros itens…

Componentes de UI

Botões: Estilos de botões primários, secundários, e outros estados (hover, active, disabled). Formulários: Campos de texto, caixas de seleção, botões de rádio, etc. Tabelas: Estilos para tabelas, incluindo cabeçalhos, linhas e colunas. Avisos e Mensagens: Estilos para mensagens de erro, aviso, sucesso, e informação. Links e Navegação: Estilos de links, breadcrumbs, menus de navegação, etc. Muitos outros itens…

Componentes de UI

Botões: Estilos de botões primários, secundários, e outros estados (hover, active, disabled). Formulários: Campos de texto, caixas de seleção, botões de rádio, etc. Tabelas: Estilos para tabelas, incluindo cabeçalhos, linhas e colunas. Avisos e Mensagens: Estilos para mensagens de erro, aviso, sucesso, e informação. Links e Navegação: Estilos de links, breadcrumbs, menus de navegação, etc. Muitos outros itens…

Estrutura e Layout

Grades e Espaçamento: Definir a estrutura de grade para layouts de páginas e espaçamento entre elementos. Headers e Footers: Estilos de cabeçalhos e rodapés para os documentos e páginas.

Estrutura e Layout

Grades e Espaçamento: Definir a estrutura de grade para layouts de páginas e espaçamento entre elementos. Headers e Footers: Estilos de cabeçalhos e rodapés para os documentos e páginas.

Estrutura e Layout

Grades e Espaçamento: Definir a estrutura de grade para layouts de páginas e espaçamento entre elementos. Headers e Footers: Estilos de cabeçalhos e rodapés para os documentos e páginas.

Documentação

Guia de Estilo: Criar uma documentação detalhada que descreva todos os componentes e padrões definidos. Exemplos de Uso: Fornecer exemplos práticos de como utilizar os componentes e aplicar os estilos.

Documentação

Guia de Estilo: Criar uma documentação detalhada que descreva todos os componentes e padrões definidos. Exemplos de Uso: Fornecer exemplos práticos de como utilizar os componentes e aplicar os estilos.

Documentação

Guia de Estilo: Criar uma documentação detalhada que descreva todos os componentes e padrões definidos. Exemplos de Uso: Fornecer exemplos práticos de como utilizar os componentes e aplicar os estilos.

Metodologia

Pesquisa e Análise: Analisar a estrutura atual dos documentos e identificar áreas de melhoria. Desenvolvimento do Design System: Criar e iterar os componentes e padrões de design. Testes e Validação: Testar o Design System em diversos dispositivos e contextos para garantir usabilidade e consistência. Entrega e Implementação: Fornecer a documentação completa e suportar a implementação do Design System

Metodologia

Pesquisa e Análise: Analisar a estrutura atual dos documentos e identificar áreas de melhoria. Desenvolvimento do Design System: Criar e iterar os componentes e padrões de design. Testes e Validação: Testar o Design System em diversos dispositivos e contextos para garantir usabilidade e consistência. Entrega e Implementação: Fornecer a documentação completa e suportar a implementação do Design System

Metodologia

Pesquisa e Análise: Analisar a estrutura atual dos documentos e identificar áreas de melhoria. Desenvolvimento do Design System: Criar e iterar os componentes e padrões de design. Testes e Validação: Testar o Design System em diversos dispositivos e contextos para garantir usabilidade e consistência. Entrega e Implementação: Fornecer a documentação completa e suportar a implementação do Design System

Entregáveis

Design System Completo: Incluindo paleta de cores, tipografia, componentes de UI, estruturas de layout, e documentação tudo no Figma. Guia de Estilo e Documentação: Manual detalhado para uso e implementação do Design System.

Entregáveis

Design System Completo: Incluindo paleta de cores, tipografia, componentes de UI, estruturas de layout, e documentação tudo no Figma. Guia de Estilo e Documentação: Manual detalhado para uso e implementação do Design System.

Entregáveis

Design System Completo: Incluindo paleta de cores, tipografia, componentes de UI, estruturas de layout, e documentação tudo no Figma. Guia de Estilo e Documentação: Manual detalhado para uso e implementação do Design System.

Total em R$:

R$ 18.400,00

Outras Informações

Outras Informações

Nossos Prazos (Deadlines)

Semana 1-2: Pesquisa e Análise Semana 3-10: Desenvolvimento do Design System Semana 11: Testes, Validação e Documentação Semana 12: Entrega em Arquivo Figma

Forma de Pagamento (Payment)

Valor Total do Projeto - Gerente de Projeto: R$ 50,00 por hora - Designer UX/UI: R$ 48,00 por hora —--------------- Custo do Gerente de Projeto: 100 horas x R$ 50,00 = R$ 5.000,00 Custo do Designer UX/UI: 300 horas x R$ 48,00 = R$ 13.400,00 Valor total do Projeto: R$ 18.400,00 podendo ser parcelado em 4 vezes em parcelas iguais. Dados Bancários para Transferência: PIX (CNPJ): 14.961.485/0001-94 Banco: Nu Pagamentos (0260) Agência: 0001 Conta Corrente: 57074565-3 As demais parcelas serão pagas via a solução Asaas, trata-se de uma plataforma que faz todo o controle de pagamento de nossa empresa. Isto significa que a própria plataforma irá fazer a cobrança das parcelas restantes via email e whatsapp.

Observações (Observations)

Observações....

Nossos Prazos (Deadlines)

Semana 1-2: Pesquisa e Análise Semana 3-10: Desenvolvimento do Design System Semana 11: Testes, Validação e Documentação Semana 12: Entrega em Arquivo Figma

Forma de Pagamento (Payment)

Valor Total do Projeto - Gerente de Projeto: R$ 50,00 por hora - Designer UX/UI: R$ 48,00 por hora —--------------- Custo do Gerente de Projeto: 100 horas x R$ 50,00 = R$ 5.000,00 Custo do Designer UX/UI: 300 horas x R$ 48,00 = R$ 13.400,00 Valor total do Projeto: R$ 18.400,00 podendo ser parcelado em 4 vezes em parcelas iguais. Dados Bancários para Transferência: PIX (CNPJ): 14.961.485/0001-94 Banco: Nu Pagamentos (0260) Agência: 0001 Conta Corrente: 57074565-3 As demais parcelas serão pagas via a solução Asaas, trata-se de uma plataforma que faz todo o controle de pagamento de nossa empresa. Isto significa que a própria plataforma irá fazer a cobrança das parcelas restantes via email e whatsapp.

Observações (Observations)

Observações....

Nossos Prazos (Deadlines)

Semana 1-2: Pesquisa e Análise Semana 3-10: Desenvolvimento do Design System Semana 11: Testes, Validação e Documentação Semana 12: Entrega em Arquivo Figma

Forma de Pagamento (Payment)

Valor Total do Projeto - Gerente de Projeto: R$ 50,00 por hora - Designer UX/UI: R$ 48,00 por hora —--------------- Custo do Gerente de Projeto: 100 horas x R$ 50,00 = R$ 5.000,00 Custo do Designer UX/UI: 300 horas x R$ 48,00 = R$ 13.400,00 Valor total do Projeto: R$ 18.400,00 podendo ser parcelado em 4 vezes em parcelas iguais. Dados Bancários para Transferência: PIX (CNPJ): 14.961.485/0001-94 Banco: Nu Pagamentos (0260) Agência: 0001 Conta Corrente: 57074565-3 As demais parcelas serão pagas via a solução Asaas, trata-se de uma plataforma que faz todo o controle de pagamento de nossa empresa. Isto significa que a própria plataforma irá fazer a cobrança das parcelas restantes via email e whatsapp.

Observações (Observations)

Observações....

Oferta de Extensão de Tempo (Opcional)

Devido à complexidade inerente à criação de um Design System, gostaríamos de disponibilizar a possibilidade de uma extensão opcional do prazo, caso o cliente necessite. Esse adicional de tempo proporcionará mais horas de trabalho da equipe, que poderão ser consumidas dentro do prazo de 30 dias, ao custo de R$ 4.000,00.

Create a free website with Framer, the website builder loved by startups, designers and agencies.