Designing for focus in ADHD
Overview
People with ADHD often struggle not because information is unavailable, but because it is presented in ways that demand sustained attention and constant decision-making.
S-Neuro explores how product experiences can translate these cognitive challenges into intentional design decisions that reduce overwhelm and support focus.
This project applies that approach to an early-stage web experience, balancing scientific credibility with visual calm to communicate complex ideas in a more accessible way.
Challenge
Lack of clarity
Users struggled to understand what the product is.
Information overload
Dense content and unclear hierarchy increased cognitive load.
Credibility gap
The site needed to feel trustworthy without finalized product visuals.
Design Principles
Reduce distraction
Before: Dense and text-heavy content
Long paragraphs and low contrast made it difficult to scan and maintain focus.
After
We reduced text density, increased spacing, and simplified visual structure to minimize cognitive load.
This helps users stay focused without being overwhelmed by information.
Clear Visual Hierarchy
Before: Competing visual elements
The device visuals and text content compete for attention, making it unclear where to focus.
After
We introduced stronger hierarchy through spacing, alignment, and content grouping to guide attention.
This helps users quickly understand key information without confusion.
Modular Content System
Before: Fragmented content structure
Multiple content blocks lack clear grouping and consistent structure.
After
We introduced modular cards with consistent layout and spacing to support easier scanning.
This makes information easier to process and reduces cognitive effort.
We explored multiple layout directions to understand how structure impacts attention and cognitive load, focusing on clarity, consistency, and reduced visual complexity.
Design Decisions
Reduced visual noise
We simplified the interface by limiting colors, reducing decorative elements, and increasing spacing.
This helps users stay focused without being distracted by competing visual elements.
Clear visual hierarchy
We structured content into clearly separated sections with strong headings and consistent layouts.
This helps users quickly understand where to focus and what to do next.
Modular content system
We introduced modular cards and grouped content into manageable units.
This makes scanning easier and reduces cognitive load when navigating the page.
Final Experience
The final design brings research insights into a cohesive, calm experience that supports focus across the entire journey.
Key Moments
Clarifying product value
The page introduces key benefits first, helping users quickly understand what the product does.
Simplifying complex information
Content is revealed progressively, reducing cognitive load and improving understanding.
Making focus visible
The gamified interface turns an abstract cognitive process into something users can see and interact with.
Key design outcomes
Clarifying product value
Simplifying complex information
Making focus visible
Building trust through clarity
Reflection
This project reinforced the importance of designing for cognitive experience rather than visual novelty.
By reducing visual noise and structuring information more clearly, the design helps users stay focused and better understand complex concepts.
It also highlighted how clarity and pacing can build trust, especially when communicating unfamiliar technologies.
My Role
I led research synthesis and user scenario mapping, co-designed the website experience in Figma, and translated cognitive insights into structured design decisions across the site.
