Anansi

Anansi insures deliveries: it covers parcels that get lost, delayed or damaged, and resolves claims for retailers and logistics operators. In 2023 it was moving from a Shopify plugin for small merchants to a platform for large logistics operators.

There was no one in design or frontend. The brand was a four-page PDF with colors and a logo. The product was two applications: a Django Admin for managing claims internally and a Vue 3 app where customers managed shipments, policies and claims.

• A design system from scratch: from that PDF to tokens in Figma and a component library built on shadcn, covering every use case in the company. The team ships consistent UI without waiting on a designer for every decision.
• The products, in design and front: customers' management of shipments, policies and claims, the internal operations tools, and Control, a first foray into giving customers AI insights from the data they already had.
• Claims intake: from 14 steps of repeated forms to 5 clicks, with data preloaded from context.
• From three apps to one architecture: a Nuxt app joined the Django Admin and the Vue 3 app, to replace the Admin. We ended up with a single Next.js architecture, with a BFF (Backend For Frontend) layer, that shows each person the interface they need: a view for customers and an internal one for operations. Day-to-day work got much simpler.
• D3.js visualizations to read claims volume.
• AI: the first internal guidelines on when to use it in the product and when not to.

A single Next.js architecture, live: a view for customers, an internal one, and a design system the whole team uses. Claims intake, in 5 clicks.