Renato Froes — Estratégia, Design e Tecnologia

Projetos

Zakki: um novo projeto que conecta design, tecnologia e gestão comercial

Mais um projeto concluído por aqui na Marrs Studio. Desta vez, desenvolvemos para a Zakki uma nova presença digital e uma plataforma de gestão comercial sob medida, reunindo diferentes necessidades da operação em um único ecossistema.

Publicamos o case completo no portfólio da Marrs, mas achei interessante compartilhar um pouco mais sobre o trabalho e algumas decisões que fizeram parte do desenvolvimento.

É um projeto que gosto de usar como exemplo de algo que considero importante na construção de software: não basta criar uma boa interface ou implementar funcionalidades. É preciso entender como as pessoas trabalham e como a tecnologia pode tornar esse processo mais simples.

Um site institucional e muito mais

A primeira parte do projeto envolveu a construção de um novo site institucional para a Zakki, com uma linguagem visual mais atual, uma estrutura de navegação organizada e páginas dedicadas às diferentes soluções da empresa.

Trabalhamos bastante na apresentação das informações, no comportamento dos componentes e na experiência de navegação, tanto em computadores quanto em dispositivos móveis.

Mas o trabalho não terminou no site.

Também desenvolvemos um CRM completo, pensado para organizar o relacionamento comercial da empresa com secretarias, escolas, representantes e outras instituições.

A plataforma reúne cadastros, contatos, produtos, negociações e informações relacionadas em uma estrutura integrada.

Um dos desafios foi justamente fazer com que essas informações deixassem de existir como registros isolados e passassem a construir um contexto útil para quem trabalha com elas diariamente.

Enxergando as oportunidades pelo território

Uma das partes mais interessantes do desenvolvimento foi o dashboard comercial com visão territorial.

Criamos um mapa interativo do Brasil que permite visualizar a distribuição das negociações, explorar regiões, aplicar filtros e consultar oportunidades diretamente pela interface geográfica.

Além dos agrupamentos de registros, implementamos uma visualização de temperatura que ajuda a identificar regiões com maior concentração de negociações cadastradas.

A ideia não era apenas colocar um mapa bonito dentro de um sistema.

Queríamos oferecer outra maneira de compreender a operação comercial, permitindo que a equipe saísse de uma visão ampla do território e chegasse aos detalhes de uma negociação com poucos passos.

O CRM também conta com um pipeline visual, onde as oportunidades são organizadas por etapas, além de busca global, filtros, painéis de detalhes e diferentes níveis de acesso.

São recursos que, individualmente, parecem simples. O trabalho mais complexo está em fazer tudo funcionar de maneira consistente, mantendo as relações entre os dados e uma experiência coerente em toda a aplicação.

A engenharia por trás das interfaces

Na parte técnica, utilizamos Laravel no backend, React com Inertia na construção da interface e Chakra UI como base para os componentes visuais.

A infraestrutura também envolve MySQL, Redis, processamento em filas, Docker e Nginx, com uma arquitetura organizada para sustentar as diferentes operações da plataforma.

Trabalhamos com consultas paginadas, carregamento incremental, mecanismos de cache, controle de permissões e outros cuidados importantes para aplicações que precisam lidar com informações relacionadas.

Também dedicamos bastante atenção à experiência de uso: formulários, estados de carregamento, mensagens de validação, navegação por teclado, adaptação responsiva e consistência visual entre os diferentes módulos.

Pode parecer detalhe, mas boa parte da qualidade de um sistema aparece justamente nessas pequenas interações.

Uma plataforma não deveria exigir que o usuário compreenda a complexidade de sua arquitetura para conseguir trabalhar com ela.

Pelo contrário. Quanto mais complexa é a engenharia, maior deveria ser o nosso esforço para entregar uma experiência simples.

O que fica de mais uma entrega

Uma coisa que tenho valorizado cada vez mais no desenvolvimento de software é a capacidade de conectar diferentes disciplinas durante a construção de um produto.

Design, arquitetura, desenvolvimento, experiência do usuário e compreensão do negócio não deveriam funcionar como etapas completamente isoladas.

As decisões tomadas em uma dessas áreas acabam influenciando todas as outras.

E projetos como o da Zakki reforçam bastante essa percepção.

Mais do que desenvolver um site e um CRM, o trabalho foi organizar diferentes necessidades em uma solução que fizesse sentido como conjunto.

Tem sido uma fase bastante produtiva na Marrs, com projetos de diferentes naturezas, desafios técnicos interessantes e bastante espaço para experimentar, aprender e melhorar nossos processos.

É gratificante acompanhar essas ideias tomando forma e, principalmente, perceber como cada experiência contribui para o amadurecimento das próximas entregas.

No fim, continuo gostando da mesma coisa que me trouxe até aqui: pensar em soluções, desenhar experiências e construir software que tenha uma finalidade real.

Seguimos trabalhando.

Para quem quiser conhecer o projeto com mais detalhes, publicamos o case completo, incluindo imagens do site, do CRM e do dashboard territorial:

Zakki — Site institucional e CRM com visão territorial | Marrs Studio