Desenvolvedor Flutter Front-End - Implementação de Figma para Flutter

Sobre o Projeto

Estamos desenvolvendo um aplicativo Android para nossa loja online de vegetais e produtos frescos. O back-end e a arquitetura do aplicativo estão sendo tratados separadamente. Para esta vaga, buscamos exclusivamente um desenvolvedor Flutter experiente que possa pegar nosso design finalizado no Figma e traduzi-lo para um front-end Flutter impecável, responsivo e fluido.

Você terá acesso completo ao arquivo do Figma — incluindo todas as telas, componentes, tokens de design, tipografia, estilos de cores e protótipos interativos — e sua função será dar vida a ele em Flutter com precisão e atenção aos detalhes.

O que você receberá
- Arquivo de design completo do Figma com todas as telas do aplicativo (compartilhado via link do Figma com acesso de visualização/inspeção)
- Paleta de cores definida, escala tipográfica, sistema de espaçamento e biblioteca de componentes no Figma
- Protótipo interativo mostrando transições e fluxos de usuário
- Anotações escritas sobre quaisquer animações ou microinterações esperadas
- Esclarecimentos e feedback contínuos ao longo do projeto

Escopo do Trabalho

- Converter todas as telas do Figma em widgets Flutter, correspondendo fielmente ao design
- Implementar as seguintes telas e fluxos:

- Tela de apresentação e integração

- Tela inicial com categorias de produtos e itens em destaque

- Página de listagem de produtos com filtros e barra de pesquisa

- Página de detalhes do produto (galeria de imagens, descrição, seletor de quantidade, adicionar ao carrinho)

- Carrinho de compras e tela de resumo do pedido

- Fluxo de finalização da compra (endereço, horário de entrega, seleção do método de pagamento)

- Tela de confirmação e rastreamento do pedido

- Perfil do usuário, endereços salvos e histórico de pedidos

- Telas de login, cadastro e recuperação de senha

- Interface de notificações push (banners e alertas no aplicativo)
- Construir Componentes de widget reutilizáveis ​​e bem estruturados, seguindo o sistema de design
- Implementar todas as animações, transições e microinterações da interface do usuário conforme especificado no protótipo
- Garantir um layout responsivo em uma variedade de tamanhos e densidades de tela do Android
- Integrar dados fictícios/simulados ou hooks de api de espaço reservado (a conexão real da api está fora do escopo)
- manter o código dart limpo, legível e bem comentado, seguindo as melhores práticas do flutter

requisitos

- experiência sólida e comprovada com flutter e dart
- capacidade comprovada de implementar designs do figma com precisão em nível de pixel - portfólio com evidências necessário
- conhecimento profundo da árvore de widgets do flutter, pintura personalizada e sistema de layout
- experiência na criação de bibliotecas de componentes reutilizáveis ​​e sistemas de design no flutter
- proficiência em animações do flutter (animationcontroller, hero, animações implícitas, lottie)
- sólido conhecimento de gerenciamento de estado (provider, riverpod ou bloc)
- capacidade de ler e navegar em arquivos do figma, incluindo layout automático, componentes e variáveis
- experiência com interfaces de usuário responsivas diversos tamanhos de tela e densidades de pixels do android
- boas práticas de código: estrutura de pastas, separação de responsabilidades, convenções de nomenclatura
- entregas confiáveis ​​de acordo com os marcos acordados

esta função não inclui:
- desenvolvimento de back-end ou desenvolvimento de api
- design de banco de dados ou lógica do lado do servidor
- código nativo do android (kotlin/java)
- submissão à app store ou devops
- alterações de design ux/ui - o arquivo figma está finalizado

se você é principalmente um desenvolvedor full-stack ou back-end, esta vaga não é para você. Procuramos um especialista que domine completamente a interface do usuário do Flutter.

Desejável
- Experiência com interfaces de usuário para aplicativos de e-commerce, supermercados ou entrega de comida
- Familiaridade com animações Lottie e Rive para Flutter
- Conhecimento do sistema de temas Material 3 do Flutter
- Experiência com o Modo Desenvolvedor ou o painel de inspeção do Figma para medições precisas
- Capacidade de sugerir pequenas melhorias na experiência do usuário, mantendo-se fiel à intenção do design

Entregáveis
1. Código-fonte completo do projeto Flutter, bem estruturado e documentado
2. Todas as telas implementadas conforme o Figma, com precisão de pixels
3. Biblioteca de widgets reutilizáveis, espelhando a biblioteca de componentes do Figma
4. Arquivo README conciso explicando a estrutura de pastas, a abordagem de gerenciamento de estado e como executar o projeto
5. Entrega final via repositório Git (GitHub, GitLab ou Bitbucket)