Pular para o conteúdo
Eric Cirillo
Voltar aos projetos
Projeto 04 Serasa Studio ID&F

Guides Hub

Um portal para o cliente entender antifraude antes de mergulhar na documentação técnica. Nove guias curtos, em linguagem simples, em português e inglês.

A abertura do portal, com o toggle de idioma e a proposta em uma frase.
A abertura do portal, com o toggle de idioma e a proposta em uma frase.
Problema que eu estava tentando resolver

A documentação técnica diz como integrar cada produto: endpoints, campos, respostas. Mas antes disso o cliente precisa entender o que é cada produto, para que serve e como as peças se encaixam. Esse conteúdo não existia em linguagem acessível.

O problema aparecia em dois perfis: quem é leigo em tecnologia e quem é técnico mas leigo em antifraude. Os dois chegavam à reunião de kickoff sem base, e a implantação começava explicando conceitos.

Ferramenta desenvolvida

O Guides Hub é um portal com um índice e nove guias autossuficientes, encadeados numa trilha: começa pelos conceitos (o que é API e SDK, antifraude em camadas), passa pelas ferramentas de cada camada (verificações por CPF, inteligência de dispositivo, análise de face, análise de documentos, Link de Validação Segura) e termina em dois guias aplicados sobre onboarding, um deles com fluxogramas de um caso real.

Cada guia é um HTML único, bilíngue, sem dependências externas. O portal é publicado no Devs Portal da Serasa e também dentro do Studio.

O que ela faz
Telas
A trilha de guias, agrupada em conceitos, ferramentas por camada e caso aplicado.
A trilha de guias, agrupada em conceitos, ferramentas por camada e caso aplicado.
Um dos guias: antifraude no onboarding, com os dois fluxos possíveis.
Um dos guias: antifraude no onboarding, com os dois fluxos possíveis.
Stack
HTML, CSS e JavaScript puroNode.js (build e checagem de links)
Outros projetos
Voltar para todos os projetos