O Replicats é uma plataforma onde o usuário pode contratar agentes de IA para gerenciar carteiras de criptomoedas de forma autônoma. O sistema permite adicionar valores, ajustar perfis de risco (do conservador ao agressivo) e acompanhar previsões de mercado baseadas em notícias e dados. O agente opera 24/7, protegendo e potencializando os rendimentos.
Resumo
O mercado de investimentos em criptomoedas tem visto um crescimento acelerado no uso de agentes autônomos. No entanto, muitas soluções ainda entregam interfaces confusas, baixa previsibilidade e pouca transparência sobre as decisões do agente. Isso representa uma oportunidade clara de negócio: oferecer uma plataforma onde o usuário confie e entenda, minimamente, o que seu agente está fazendo.
A velocidade de execução foi um ponto chave no projeto. Precisávamos de uma interface que tornasse o acionamento do agente rápido e intuitivo, principalmente via chat, que é o principal canal de interação com a IA. Além disso, a plataforma precisava suportar a visão de múltiplos agentes, permitir configurações gerais de conta e de fundos, e dar ao usuário controle sobre seu perfil de investimento de forma clara e direta.
Com esse cenário em mente, estruturei o processo de design priorizando clareza informacional, agilidade nos fluxos principais e uma base técnica que permitisse evolução contínua do produto.
Processo
Entendendo o cenário
O principal desafio foi entregar uma interface funcional em prazo curto, ao mesmo tempo em que era necessário aprender sobre o mercado de cripto e investimentos automatizados. Também tínhamos uma regra técnica clara: usar Tailwind e Shadcn como base para os componentes.
Desk research e benchmark
A primeira etapa foi dedicada ao estudo do mercado e à análise de concorrentes. Buscamos referências em plataformas similares – tanto no segmento de cripto quanto em sistemas de investimento tradicional – para entender padrões de interface, fluxos esperados e oportunidades.
Validação de wireframes com o time
Os primeiros wireframes foram apresentados e validados internamente com o time de produto e desenvolvimento. Essa etapa foi essencial para alinhar expectativas, ajustar fluxos e garantir que a navegação fizesse sentido antes da parte visual.
Definição de estilos e refinamento com o time de dev
Com os wireframes aprovados, definimos os estilos visuais usando Tailwind e Shadcn, garantindo consistência com as regras técnicas. O refinamento foi feito em conjunto com o time de desenvolvimento, assegurando que os componentes fossem viáveis e reutilizáveis.
Entrega faseada do projeto
Devido ao prazo curto e à natureza evolutiva do produto, optamos por entregas faseadas. Primeiro, os fluxos principais e a estrutura base. Em etapas seguintes, telas secundárias, ajustes e melhorias conforme o produto amadurecia. Cada entrega permitiu execução imediata pelo time de front-end.
Acompanhamento geral
Mantivemos um acompanhamento próximo do desenvolvimento, revisando implementações e esclarecendo dúvidas. O time de front-end conseguiu evoluir a interface de forma autônoma na maior parte do tempo, nos acionando apenas em casos não previstos ou mais complexos.
Solução
Como resultado, entregamos uma interface escalável, simples de implementar e autoalimentada pelo próprio time de front-ends. Essa autonomia proporcionou economia de recursos e agilidade no projeto. O sistema está em andamento, com fases já implementadas e outras aguardando a evolução contínua do produto.
Visualização do fluxo de depósito com ações de validação, telas gerais, modo dark/light e abertura.
