Document Intake & Graph Visualization
internalUX Designer + Front-End Developer on a team of 3
Next.jsReactFigmaGraphQLOpenAlex API
screens

1 / 10
Document intake
01
the problem
The backend could ingest thousands of academic documents and extract relational data — but there was no usable interface. Researchers had no way to search, filter, or visualize the knowledge graph without going directly to the database.
02
the process
I designed the UX with a focus on information hierarchy and progressive disclosure, then built the frontend in React and Next.js — connecting to GraphQL APIs and the OpenAlex academic data network.
03
the solution
A multi-mode semantic search interface supporting Author, Institution, and Work queries with advanced filters, paginated results, rich detail views, and a graph visualization layer.
timeline
1
KickoffJul 20232
ResearchAug 20233
DesignSept 20234
BuildOct-Mar 20245
ShippedMay 2024key features
OpenAlex API — author, institution, and work search
Search with continent and advanced filters
Paginated results with relevance scoring
Detail views for authors (H-Index, citations) and institutions
Graph visualization of document relationships
