Nel diagramma che segue (disegnato con LibreOffice Draw), ogni riquadro grigio rappresenta una pagina della app, che può contenere una singola Entità (es. Attrezzo) con le informazioni ad essa correlate o un elenco di Entità (es. Magazzino). Gli ovali indicano i comandi che consentono all'utente di muoversi tra le pagine. In alcuni casi, il contenuto della pagina dipende dal ruolo dell'utente. Il diagramma ha come punto di partenza della app la pagina "Cruscotto", che presenta all'utente le informazioni relative alle sue richieste e prestiti aperti e i comandi per vederne i dettagli, attivare nuove richieste e consultare richieste e prestiti conclusi. In tutte le pagine è previsto un comando (non rappresentato nel diagramma) per tornare al Cruscotto. I colori facilitano la comprensione del diagramma: in giallo il percorso relativo agli Attrezzi, in blu le Richieste, in rosso i Prestiti e in verde i Messaggi.
Cliccando sui riquadri grigi verrai portato alla corrispondente pagina del sito buonivicini.bottasini.eu
La mappatura dei link sui riquadri è stata realizzata grazie al sito Image Map