Contexto do Cliente:

Uma empresa do setor de wellness e fitness, especializada em soluções de Digital Out-of-Home (DOOH), precisava de uma maneira eficiente de gerenciar suas Ordens de Serviço relacionadas a seus ativos e campanhas. O sistema atual carecia de uma interface interativa e centralizada para acompanhar, editar e organizar essas ordens de serviço de forma prática.

Desafio:

O cliente desejava um dashboard dinâmico e interativo que permitisse a visualização em tempo real das Ordens de Serviço, com a possibilidade de acessar dados detalhados, status de execução e relatórios de desempenho, além de facilitar a integração com seu fluxo de trabalho já existente no Notion. O objetivo era melhorar a eficiência da equipe operacional e proporcionar uma visão clara e organizada de todas as atividades em andamento.

Solução Proposta:

Para atender a essas necessidades, desenvolvi um painel interativo utilizando Next.js como framework de front-end, garantindo alta performance e uma experiência de usuário fluida, tanto em dispositivos desktop quanto móveis.

A integração com o Notion foi fundamental, pois o cliente já utilizava o Notion como banco de dados para armazenar informações das ordens de serviço. Utilizei a API do Notion para consumir e manipular dados em tempo real, tornando o processo de gerenciamento de ordens mais ágil e intuitivo.

Principais Funcionalidades Implementadas:

• Visualização Interativa de Ordens de Serviço: Um painel central que exibe as ordens de serviço com filtros dinâmicos, permitindo a busca e categorização por status (pendente, em andamento, concluído).
• Detalhamento de Ordens: Cada ordem de serviço pode ser expandida para mostrar detalhes específicos, como data de criação, prazo de entrega, responsável, e progresso da execução.
• Atualização em Tempo Real: Integração com a API do Notion para sincronizar dados automaticamente e em tempo real, garantindo que as informações visualizadas no dashboard estivessem sempre atualizadas.
• Relatórios de Desempenho: Gráficos e relatórios visualizados diretamente no painel, facilitando a análise do histórico das ordens de serviço e o desempenho da equipe.
• Responsividade: O dashboard foi projetado para funcionar perfeitamente em diferentes dispositivos, permitindo o gerenciamento de ordens de serviço tanto em desktop quanto em dispositivos móveis.

Ferramentas e Tecnologias Utilizadas:

• Next.js: Utilizado para a construção do front-end, garantindo uma arquitetura de aplicação altamente performática e escalável.
• Notion API: Integração direta com o banco de dados do Notion para consumo e atualização dos dados.
• React: Biblioteca de front-end para construção de componentes reutilizáveis e interação dinâmica do usuário com o dashboard.
• Styled-components: Para garantir uma estilização modular e manutenção simples dos estilos no projeto.

Resultados: