Marketplace de serviços — fluxo de admin e nova landing page
Um escopo de extensão desenhado dentro do sistema existente, não em volta dele.
Uma plataforma de contratação de serviços e gestão de projetos ligando clientes a fornecedores corporativos e especialistas — solicitações, orçamentos e cronograma de obras. Meu escopo foi a extensão: o fluxo dedicado de back office do admin e uma nova versão validada da landing page e da home, desenhados dentro do design system existente e não em volta dele, reutilizando arquitetura de componentes e tokens para que a adição não bifurcasse o produto. O produto base, a identidade e o design system original são de outros designers, assim como o fluxo do cliente.
- Função
- UI designer on the extension scope — Admin flow and the new landing page
- Período
- set. de 2023 – jan. de 2024
- Stack
- Figma
- Evidência
- Arquivo de design
Designer de UI para o escopo de extensão de uma plataforma existente de contratação de serviços e gestão de obras (solicitação de serviços, orçamentos, linha do tempo de obras) conectando clientes a fornecedores corporativos e prestadores especializados. Desenvolveu a seção dedicada de back office administrativo (4701:14752) e a nova landing page comercial validada dentro do design system pré-existente criado por Tiago Araújo, assegurando continuidade visual e de tokens sem fragmentar a biblioteca de componentes.
Atuação na agência Sagitta entre setembro de 2023 e janeiro de 2024. Tiago Araújo criou o conceito original, a identidade visual e o guia de estilos base; a Sagitta foi contratada para um escopo de extensão dividido entre dois designers: Juan assumiu a Seção Admin e a nova landing page; Viviane Batista desenhou a Seção Cliente. Juan operou com rigor dentro das convenções de tokens e componentes já existentes.
Extensão de sistemas: desenhando dentro da arquitetura de outro profissional
- 131
- pranchas na tela de design divididas entre Admin e Cliente
- 2
- seções colaborativas desenhadas por designers diferentes
- 1
- design system unificado estendido sem ruído visual
- 100%
- reutilização de tokens e componentes do style guide original
No desenvolvimento comercial de software, é raro começar um produto do zero. Com frequência, agências são contratadas para construir módulos e extensões operacionais sobre sistemas legados. A maturidade de um designer se revela na capacidade de assimilar o design system de outro profissional, respeitar a hierarquia de tokens e entregar módulos de alta complexidade sem descaracterizar a identidade visual nem inflar a biblioteca de componentes.
O fluxo de Admin: governança operacional e auditoria de serviços
O Asent conecta proprietários a empresas prestadoras e especialistas da construção civil. Enquanto a aplicação do cliente organiza cotações e cronogramas, a plataforma carecia de um painel de retaguarda para mediação e governança. Dentro da Seção Admin (nó 4701:14752), estruturei a console de gestão:
- Homologação e Validação de Prestadores — Fluxos de auditoria cadastral para credenciar empresas e especialistas de reformas e obras.
- Mediação de Orçamentos e Propostas — Telas de acompanhamento permitindo aos administradores analisar cotações pendentes e resolver divergências de escopo.
- Monitoramento da Linha do Tempo de Obras — Painéis de acompanhamento de etapas de entrega vinculados à liberação de pagamentos em garantia.
- Compensação Financeira e Cobrança — Gestão de status de transações cobrindo compensações de Pix e boleto bancário.
A nova landing page: clareza comercial para serviços de alto tíquete
Em paralelo ao portal de administração, desenhei a nova versão validada da homepage e landing page institucional (Home & Landing Page atualizada e validada). Contratar reformas e obras envolve compromisso financeiro relevante; a versão anterior pecava pela falta de clareza na proposta de valor. A nova página estruturou a jornada de forma transparente: da solicitação de orçamento à seleção do prestador e liberação do pagamento por marcos concluídos.
Agências contratam designers para estender produtos existentes. O teste definitivo de maturidade é trabalhar dentro da biblioteca de outro profissional de forma tão coesa que ninguém consiga distinguir que duas pessoas diferentes mexeram no arquivo.
Reaproveitamento de componentes e redução de dívida técnica
Em vez de criar botões desconectados ou formulários redundantes, cada tabela administrativa, campo de entrada e menu na página de Admin foi instanciado diretamente do Style Guide criado por Tiago Araújo (NavBar 23:10547, NavItem 23:10527, Select 40:13794). Essa disciplina assegurou que o time de desenvolvimento pudesse reaproveitar classes existentes de Bubble e CSS, reduzindo drasticamente o tempo de entrega e impedindo o surgimento de dívida técnica.
Evidência
Entregue à engenharia e lançado em produção no domínio asent.com.br. O cliente posteriormente descontinuou o projeto e o site saiu do ar. Demonstra disciplina madura de design system: estender um sistema e biblioteca de componentes pré-existentes de terceiros de forma limpa, sem gerar fragmentação visual ou dívida técnica de design.