← back to works

Document Intake & Graph Visualization

internal

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

Next.jsReactFigmaGraphQLOpenAlex API

screens

Document intake
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 2023
2
ResearchAug 2023
3
DesignSept 2023
4
BuildOct-Mar 2024
5
ShippedMay 2024

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