Case Study
Zhang
Neuropeutics
Capstone
Neuropeutics Website
Redesign
Redesigning a Neuroscience website to make complex scientific information clearer, more credible, and easier to navigate.
UX Research
Product Design
Information Architecture
Usability Testing
Design System
Accessibility
Role
UI/UX Designer
Team
5-person UX
Capstone team
Timeline
Jan–Apr 2026
Client
Neuropeutics
Tools
Figma, FigJam/Miro,
[OVERVIEW]
Background
Rich content, but unclear IA, weak hierarchy, and dense scientific copy made it hard for diverse audiences to understand what the company does, judge credibility, or know what to do next.
Problem
Validated with 8 users in a task-based usability test; delivered an interactive prototype and a design-system handoff for the client to build from.
SOLUTION
A user-centred, WCAG 2.1 redesign — restructured IA, stronger hierarchy, layered scannable science, plus new features: a milestones timeline, a publications hub, and a site-wide newsletter.
Background
I led the research synthesis and turned the findings into the team's central design strategy, designing and analyzing the survey, the heuristic evaluation, and the usability test. I also designed the homepage.
[OVERVIEW]
Background
Rich content, but unclear IA, weak hierarchy, and dense scientific copy made it hard for diverse audiences to understand what the company does, judge credibility, or know what to do next.
Problem
Validated with 8 users in a task-based usability test; delivered an interactive prototype and a design-system handoff for the client to build from.
SOLUTION
A user-centred, WCAG 2.1 redesign — restructured IA, stronger hierarchy, layered scannable science, plus new features: a milestones timeline, a publications hub, and a site-wide newsletter.
Background
I led the research synthesis and turned the findings into the team's central design strategy, designing and analyzing the survey, the heuristic evaluation, and the usability test. I also designed the homepage.
[OVERVIEW]
Background
Rich content, but unclear IA, weak hierarchy, and dense scientific copy made it hard for diverse audiences to understand what the company does, judge credibility, or know what to do next.
Problem
Validated with 8 users in a task-based usability test; delivered an interactive prototype and a design-system handoff for the client to build from.
SOLUTION
A user-centred, WCAG 2.1 redesign — restructured IA, stronger hierarchy, layered scannable science, plus new features: a milestones timeline, a publications hub, and a site-wide newsletter.
Background
I led the research synthesis and turned the findings into the team's central design strategy, designing and analyzing the survey, the heuristic evaluation, and the usability test. I also designed the homepage.
[COntext]
In biotech. Clarity equals credibility
Neuropeutics works in a trust-sensitive space investors, partners, and patients all judge the science by the site. The old site buried that science under a dense, hard-to-scan layout.
How long does a design project take from scratch to finish?
[COntext]
In biotech. Clarity equals credibility
Neuropeutics works in a trust-sensitive space investors, partners, and patients all judge the science by the site. The old site buried that science under a dense, hard-to-scan layout.
How long does a design project take from scratch to finish?
[COntext]
In biotech. Clarity equals credibility
Neuropeutics works in a trust-sensitive space investors, partners, and patients all judge the science by the site. The old site buried that science under a dense, hard-to-scan layout.
How long does a design project take from scratch to finish?
[RESEARCH]
In biotech. Clarity equals credibility
Neuropeutics works in a trust-sensitive space — investors, partners, and patients all judge the science by the site. The old site buried that science under a dense, hard-to-scan layout.
Theme 01
Hover
Informed, but overwhelmed.
53%
felt overwhelmed by the volume of the text
Theme 02
Hover
Polished enough to read, not to trust
3.3/5
average trust rating
Theme 03
Hover
Informed, but overwhelmed.
73%
Knew the field, not the company
How long does a design project take from scratch to finish?
[RESEARCH]
In biotech. Clarity equals credibility
Neuropeutics works in a trust-sensitive space — investors, partners, and patients all judge the science by the site. The old site buried that science under a dense, hard-to-scan layout.
Theme 01
Hover
Informed, but overwhelmed.
53%
felt overwhelmed by the volume of the text
Theme 02
Hover
Polished enough to read, not to trust
3.3/5
average trust rating
Theme 03
Hover
Informed, but overwhelmed.
73%
Knew the field, not the company
How long does a design project take from scratch to finish?
[RESEARCH]
In biotech. Clarity equals credibility
Neuropeutics works in a trust-sensitive space — investors, partners, and patients all judge the science by the site. The old site buried that science under a dense, hard-to-scan layout.
Theme 01
Hover
Informed, but overwhelmed.
53%
felt overwhelmed by the volume of the text
Theme 02
Hover
Polished enough to read, not to trust
3.3/5
average trust rating
Theme 03
Hover
Informed, but overwhelmed.
73%
Knew the field, not the company
How long does a design project take from scratch to finish?
[Design]
The Redesign
Same content, restructured around the audiences — with the science layered so it can be skimmed or studied.
Homepage - Before/After
BEFORE
AFTER
Design System
Design
Typography
Component
accessibility
[Design]
The Redesign
Same content, restructured around the audiences — with the science layered so it can be skimmed or studied.
BEFORE
AFTER
Design System
Design
Typography
Component
accessibility
[Design]
The Redesign
Same content, restructured around the audiences — with the science layered so it can be skimmed or studied.
Homepage - Before/After
BEFORE
AFTER
Design System
Design
Typography
Component
accessibility
[Usability Test]
Tested against five success criteria
We defined five measurable success criteria up front, then ran moderated, task-based sessions and scored the prototype against each one.
Homepage - Before/After
[Outcome]
The biggest lesson: in a credibility-sensitive domain, the smallest interaction details carry outsized weight. A reliable system earns trust as much as the words on the page.
Deliverables
Interactive Prototype
A clickable Figma build of the full redesigned site, ready for stakeholder walkthroughs.
Design-system Handoff
Tokens, components, and WCAG 2.1 contrast specs for the team to build on.
01
reflection
In a credibility-sensitive domain, the smallest interaction details carry outsized weight — a reliable system earns trust as much as the words on the page.
02
next steps
01
Connect the newsletter backend with confirmation emails.
02
Responsive testing across breakpoints and devices.
03
Post-launch heatmaps to validate against live behaviour.
03
[Outcome]
The biggest lesson: in a credibility-sensitive domain, the smallest interaction details carry outsized weight. A reliable system earns trust as much as the words on the page.
Deliverables
Interactive Prototype
A clickable Figma build of the full redesigned site, ready for stakeholder walkthroughs.
Design-system Handoff
Tokens, components, and WCAG 2.1 contrast specs for the team to build on.
01
reflection
In a credibility-sensitive domain, the smallest interaction details carry outsized weight — a reliable system earns trust as much as the words on the page.
02
next steps
01
Connect the newsletter backend with confirmation emails.
02
Responsive testing across breakpoints and devices.
03
Post-launch heatmaps to validate against live behaviour.
03
[Outcome]
The biggest lesson: in a credibility-sensitive domain, the smallest interaction details carry outsized weight. A reliable system earns trust as much as the words on the page.
Deliverables
Interactive Prototype
A clickable Figma build of the full redesigned site, ready for stakeholder walkthroughs.
Design-system Handoff
Tokens, components, and WCAG 2.1 contrast specs for the team to build on.
01
reflection
In a credibility-sensitive domain, the smallest interaction details carry outsized weight — a reliable system earns trust as much as the words on the page.
02
next steps
01
Connect the newsletter backend with confirmation emails.
