Skip to content
Eric Cirillo
Back to projects
Project 05 Serasa Studio ID&F

Implementation Guide Generator

Pick the products, the order and the client's platforms, and the implementation guide comes out ready, with concept, prerequisites, step by step and troubleshooting.

Assembling the journey: chosen products and the implementation order on the side.
Assembling the journey: chosen products and the implementation order on the side.
The problem I was trying to solve

Every implementation required writing the client guide by hand: pulling together documentation scattered across products, adapting it to the client's platform (web, Android, iOS, React Native, Flutter), remembering dependencies between products and the most common errors. Rework on every project, and guides that drifted apart depending on who wrote them.

The tool I built

The tool is a static generator: on the first screen you name the client, tick the platforms and choose the products in the order they come in. On the second, the guide appears assembled, with each product's concept, what needs to be ready beforehand, the step by step per platform, troubleshooting, best practices and official links.

The guide can be downloaded as a self-contained HTML file to send to the client, in Portuguese or English. It covers 14 products and the two integration foundations.

What it does
Screens
The guide generated from the chosen journey.
The guide generated from the chosen journey.
Stack
Plain HTML, CSS and JavaScriptsessionStorageHTML export
Other projects
Back to all projects