Pedido de proposta para desenvolvimento de maquete no Figma - Módulo CDE do BIMWorkplace.

Descrição do projeto:
O BIMWorkplace está desenvolvendo um novo módulo, o CDE (Common Data Environment), e buscamos um freelancer experiente em design UI/UX no Figma para criar uma prova de conceito (POC) baseada no screen 22 do nosso protótipo. Este protótipo foi inicialmente desenvolvido no Adobe XD, mas foi convertido para o Figma de forma automatizada e, portanto, contém inconsistências visuais e estruturais que precisam ser corrigidas.

O objetivo principal é recriar o screen 22:
https://www.dropbox.com/scl/fi/z4603yz6s79n4yghekm9q/screen-22.pdf?rlkey=es1eqa0tzscrjwz0bkywef6bw&dl=0

Utilizando boas práticas de design no Figma, adotando um Design System padronizado e componentes do Indigo.Design UI Kit for Material 1.5 para Figma: Indigo.Design UI Kit for Material 1.5: https://www.figma.com/community/file/1185626590778033159.

Além disso, desejamos que a maquete seja projetada considerando a futura integração com o Infragistics App Builder (https://www.appbuilder.dev/platform), que gerará código Angular diretamente a partir do design.

Caso este screen seja apresentado com boa qualidade, depois avaliaremos fazer uma parceria para desenvolver os restantes screens.

________________________________________

Requisitos e diretrizes para a prova de conceito:
1. Recriação estruturada no Figma:
• Representar de forma clara os diferentes frames e níveis hierárquicos da interface:
• Header (cabeçalho)
• Ribbon Bar (barra superior de ações)
• Main Area (área principal)
• Left and Right Popup (painel lateral esquerdo e direito): deve empurrar a área principal para a esquerda ou direita ao ser aberto.

2. Responsividade:
• Garantir que o design seja adaptável tanto para desktop quanto para dispositivos móveis.
• Utilizar Auto Layout para facilitar o redimensionamento de elementos.

3. Padronização de design:
• Definir e aplicar um padrão consistente de:
• Tipografias
• Paleta de cores (respeitando o padrão atual do BIMWorkplace)
• Margens e espaçamentos
• Componentes e ícones.
• Priorizar o uso de componentes do Indigo.Design UI Kit for Material, recriando apenas os elementos necessários que não estejam disponíveis no kit.

4. Interatividade no Figma:
• Adicionar funcionalidades de prototipação para demonstrar como a interface deve se comportar, incluindo:
• Abertura e fechamento do Right Popup e o impacto disso na área principal.
• Transições e interações usuais da interface.

5. Correção de inconsistências:
• Ajustar problemas de design presentes no protótipo original, como:
• Margens e espaçamentos desiguais.
• Tamanhos de fonte inadequados.
• Paleta de cores inconsistentes.

6. Documentação e Design System:
• Estruturar o arquivo no Figma de forma organizada e documentada para fácil utilização futura.
• Criar um mini Style Guide dentro do projeto Figma, com:
• Paleta de cores.
• Tipografia.
• Componentes reutilizáveis.

________________________________________

Expectativa de entrega:
1. Maquete do screen 22 recriada no Figma seguindo as diretrizes acima.
2. Demonstração de interatividade no protótipo do Figma.
3. Arquivo organizado e preparado para futura integração com o Infragistics App Builder.

________________________________________

Materiais fornecidos:
1. A maquete original em Figma (convertida do Adobe XD).
2. Screen 22 - https://www.dropbox.com/scl/fi/z4603yz6s79n4yghekm9q/screen-22.pdf?rlkey=es1eqa0tzscrjwz0bkywef6bw&dl=0.
3. Acesso ao Indigo.Design UI Kit for Material 1.5.
4. Informações sobre o padrão atual de design da nossa plataforma (cores, fontes, etc.).

________________________________________

Critérios de seleção do freelancer:
1. Experiência comprovada em design UI/UX no Figma.
2. Conhecimento e habilidade no uso de Design Systems e componentes pré-definidos (preferencialmente Indigo.Design).
3. Capacidade de criar designs responsivos e consistentes.
4. Experiência prévia em projetos com integração para geração de código, como Infragistics App Builder, será um diferencial.

________________________________________

Envio de propostas:
Envie sua proposta detalhada para [e-mail ou outro meio de contato], incluindo:
1. Portfólio de trabalhos anteriores no Figma.
2. Experiência com Design Systems e prototipação.
3. Valor e prazo estimado para a realização desta prova de conceito.
Estamos à disposição para esclarecer dúvidas e fornecer informações adicionais.

Atenciosamente,
António Meireles.