← back to work
Design + Engineering✦internal

Document Intake & Graph Visualization

Designed and built a document intake, semantic search, and graph visualization system using the OpenAlex API.

my role

UX Designer + Front-End Developer on a team of 3

Next.jsReactFigmaGraphQLOpenAlex API
Document Intake & Graph Visualization hero
Document intake
1 / 10

Document intake

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.

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.

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.

key 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

timeline

1
KickoffJul 2023
2
ResearchAug 2023
3
DesignSept 2023
4
BuildOct-Mar 2024
5
ShippedMay 2024