Problem
Lessons lived in a spreadsheet with personal data, inconsistent categories and no dedicated experience for discovery, review or publication.
BACK TO SYSTEMS
PRODUCT / LIVE INTERFACE PUBLIC SEARCH / FICTIONAL DATA CASE SUMMARY 01 02 03 04 / UI TYPOGRAPHYAa PRODUCT PALETTE 05 / SYSTEM
PROGRAM.DETAIL / 09 OF 09FINISHED · VALIDATED · ACTIVE
VILA — Institutional Lessons Learned Viewer
A search and governance workflow that turns institutional experiences into discoverable, reusable lessons.
- STATUS
- FINISHED · VALIDATED · ACTIVE
- VISIBILITY
- PARTIAL
- ROLE
- Sole author, end to end: research, UX/UI, full-stack development, data and testing.
8 views of the interface and its main decisions.
28audited records25cleared for sharing09documented viewsURLshareable searches
Case summary
Intervention
A web application was designed and built with a data model, full-text search, a review workflow, imports and tests.
Outcome
The deployed application provides public search, lesson records, capture and review workflows, privacy controls and an idempotent local importer.
Visual system
Typography and tokens documented for VILA.
Nunito Sans 600–900
VILA
A search and governance workflow that turns institutional experiences into discoverable, reusable lessons.
NEXT STEP#213362Documented token 01#10264EDocumented token 02#07519DDocumented token 03#00AEE3Documented token 04#FFCD00Documented token 05#EE7C00Documented token 06#78B82ADocumented token 07#F5F8FCDocumented token 08#17243CDocumented token 09
Nunito Sans pairs an institutional blue identity with yellow for search, orange for filters and green for positive states.
Engineering & evolution
Product evolution and documented process.
STACK
- React 19
- TypeScript
- Vite 8