issue 001  //  09.08.2026  //  16:04 theme  //  snd: off
menu
homepage / 002 ux + product / Synapse06 / 07

Synapse

Synapse · contract · November 2025

Synapse, a research app organized by topic

a mobile app for researchers to find papers and labs and keep up with their field. i designed the core screens and the information architecture in a one-month contract.

final designs
a topic, with new papers
a topic, with new papers
the daily digest
the daily digest
the profile
the profile
roleUX designer (contract)
skillsinformation architecture · mobile UI · prototyping · AI-assisted design
toolsFigma Make · Figma · Claude
clientSynapse
timelineNovember 2025
the problem

researchers follow fields and questions, but most paper apps are organized around journals and universities.

the work

i organized the app around 26 research topics. i used Figma Make to generate many directions per screen, picked the strongest, and refined every screen and interaction by hand.

the outcome

eleven core screens across search, a daily digest, and the profile, plus the topic structure and a clickable prototype.

chapter 01the structuretopics first
26 topics·

each topic has subtopics, and a gradient on each topic card shows how closely its subtopics relate, without forcing a strict hierarchy.

institutions and labs are part of the main navigation instead of hiding behind search.

TOPICS (26)
├─ neuroscience ─ cognitive · computational · clinical
├─ climate science ─ atmospheric · oceans · modeling
└─ AI + machine learning ─ NLP · vision · RL

feed · topics · labs · saves
chapter 02AI in the process
a temperature for each screen01
018 to 10copy the reference closely. used for search and discovery, where people expect familiar patterns.
025 to 7balanced. used for the shelf and the daily digest.
031 to 3a free redesign, for exploring before narrowing down.
who did what02
01Figma Makeabout ten directions per screen, to start wide.
02Claudea thinking partner for the 26-topic taxonomy. several structures were thrown out in conversation before any screen was drawn.
03mepicking the direction, then spacing, hierarchy, type, color, and every interaction and transition, by hand in Figma.
chapter 03the screensall eleven
final designs

eleven core screens

search opens on topics, institutions, and labs, so people can browse without a query. the digest pulls the top papers from the topics you follow into one short read each day. saved papers live in collections next to your reading history.

search and discovery · temperature 8
search
search
top institutions
top institutions
top companies and labs
top companies and labs
a topic, with new papers
a topic, with new papers
shelf and daily digest · temperature 5 to 7
managing topics
managing topics
the shelf, editing
the shelf, editing
past digests
past digests
the daily digest
the daily digest
profile and saves · temperature 7 to 8
profile, a lighter version
profile, a lighter version
the profile
the profile
saved collections
saved collections
what i learned·

how closely the AI should follow a reference depended on the screen.

search is something people already know how to use, so i kept Figma Make close to familiar patterns there. the shelf and the daily digest were newer ideas for the app, so i let it range further and picked from what came back. one setting for every screen would have made search unfamiliar or the digest generic.

each direction Figma Make gave me was its own screen. making eleven of them read as one app, with shared spacing, type, hierarchy, and transitions, was the part i did by hand. the topic structure went the same way: talking it through with Claude let me throw out several structures before drawing anything.

← homepage  //  002 ux + product © 2026 Naeema :)