MR.MANOLO REY GARCÍACONTACT
SYSTEMSHOW I WORKABOUT
BACK TO SYSTEMS
PROGRAM.DETAIL / 01 OF 09FINISHED · VALIDATED · ACTIVE
Guided search for disaster-risk financing sources

DESCRIPTION

A digital experience that turns a complex catalogue into a clear path for discovery, comparison and consultation.

MY CONTRIBUTION

Sole author · Product strategy · UX/UI · Full stack

PRODUCT / LIVE INTERFACE
CASE SUMMARY
06guided decisions02search modesV5.2system versionFULL STACKrole scope

Case summary

01

Problem

Funding sources differed in scope, beneficiaries, requirements, validity and coverage. Finding a compatible option meant reviewing scattered information and comparing heterogeneous criteria manually.

02

Intervention

A full-stack application was designed and built with a six-step guided search, advanced catalogue, document records and feedback.

03

Outcome

The product brings guided search, advanced exploration, records, documents and feedback into one responsive experience.

04 / UI

Visual system

Typography and tokens documented for Fuentes de Financiación.

TYPOGRAPHYAa

Nunito Sans 300–900

Fuentes de Financiación

A digital experience that turns a complex catalogue into a clear path for discovery, comparison and consultation.

NEXT STEP
PRODUCT PALETTE
#213362Protected containers#FFCD00Journey steps and notices#071D4CPrimary text#F4F6FAInterface surface#00AEE3Documented cyan token#A8CF45Documented green token

The documented interface uses Nunito Sans, blue surfaces, dark text on light backgrounds and yellow to highlight journey steps and notices.

05 / SYSTEM

Engineering & evolution

Product evolution and documented process.

STACK
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • D3
  • GeoJSON
  • React PDF

Published with institutional identity omitted and fictional data. No personal data, private URLs or unverified metrics are exposed.