MRI Center
Case Study
"Facts Commando" is a driven web app that counters misinformation following the October 7th
war in Israel by providing accurate information.
Role
Product Designer
User Research, Information Architecture, Visual Design, User Monitoring
Timeline
May 2025 - Present
Work delivered under tight schedule, and platform constraints
Team Size
Collaboration with SNBB Brain
You as the sole designer
Overview
Web App
The MRI Brain Database is a scientific research platform designed to help the SNBB Brain & Behavior Lab at Tel Aviv University recruit participants and communicate the purpose of their cognitive neuroscience studies. When I joined the project, the existing website was outdated, visually heavy, and difficult for users to navigate. Most visitors struggled to understand the purpose of the research, how to participate, or where to begin.
My goal was to redesign the website in a way that clarified the information, created a smoother user journey, and strengthened trust and credibility - all while working under strict time, content, and platform limitations on the Wix Editor.
Contribution
As the sole UX/UI designer, I led the entire redesign process from research to implementation. This included analyzing user needs, restructuring the information architecture, redesigning all pages, editing the hierarchy and looks of the content, creating the visual identity, building wireframes and high-fidelity layouts, and adapting the final interface for the restrictions of Wix. Beyond the design work, I implemented continuous user monitoring through Microsoft Clarity, using real behaviour data such as heatmaps and session recordings to make evidence-based improvements after launch.
Research
To understand existing pain points and validate real behavior, I combined qualitative and quantitative research methods:
Qualitative Research
-
Interviews with research team members
-
Discussions with lab assistants who guide participants
-
Conversations with users who previously attempted to register
​​
Quantitative & Behavioral Research:
Using Microsoft Clarity, I monitored real user interactions:
-
Heatmaps: identified which sections were ignored or highly engaged
-
Scroll-depth tracking: showed where users stopped reading
-
Session recordings: revealed confusion points, hesitation moments, and unclear flows
-
Click behavior: highlighted misaligned CTAs and ineffective interactive elements
Key Findings
User interviews and Microsoft Clarity insights revealed that visitors often didn’t know where to begin, as the website lacked clear entry points and an intuitive starting place. The text-heavy pages overwhelmed users and caused early drop-offs, and the eligibility flow felt unstructured and unclear. Many users missed important calls-to-action on both desktop and mobile, while older audiences struggled with insufficient spacing and weak hierarchy. Heatmaps showed that users scanned the pages for short, structured content instead of reading long paragraphs, and session recordings consistently captured the same areas of confusion. Click patterns confirmed that the navigation didn’t match users’ expectations, creating friction across the experience.
Challenge Identified
The core challenge was to transform a dense scientific website into a simple, approachable, and trustworthy experience without compromising the accuracy of the research content. The existing structure did not guide users effectively, and the limitations of the Wix platform made it difficult to create modern layouts, interactive components, or flexible navigation. At the same time, the website needed to have a clearer structure, stronger hierarchy, and better readability across devices. Creating a unified flow that balanced scientific credibility, accessibility, and platform constraints became the central design challenge.
Strategic Design Response
To address these issues, I restructured the website around a clearer content hierarchy and redesigned the navigation to reflect how users naturally search for information. I rewrote long scientific sections into shorter, more digestible blocks and strengthened visual cues that guide users through the eligibility process. As part of the redesign, I also adapted the entire interface for bilingual use, aligning and customizing every section so the experience works seamlessly in both Hebrew and English. The new layout improves readability, highlights the key calls-to-action, and provides a more accessible experience for all users. After launch, I continued refining the interface by analyzing heatmaps, scroll patterns, and session recordings, ensuring that each update responded directly to real user behavior and created a smoother, more intuitive journey.
Process
I began by understanding the different users who interact with the website, from potential research participants to students and researchers. To uncover real pain points, I combined interviews with the lab team and assistants with behavioural data from Microsoft Clarity. The heatmaps and session recordings clearly showed where users struggled, where they dropped off, and which parts of the site failed to guide them forward.
Based on these insights, I restructured the website into a simpler, more intuitive flow and reorganized the content into shorter, clearer sections. I created wireframes to establish the new hierarchy and then developed a clean, research-oriented visual design that improved readability, accessibility, and mobile responsiveness.
After publishing the new version, I monitored user behaviour again using Microsoft Clarity. The recordings and heatmaps helped me refine spacing, hierarchy, and call-to-action placement, ensuring that the redesigned journey was easier to follow and significantly reduced user confusion.
Solution
The redesigned website introduced a clear and welcoming homepage that immediately communicates the purpose of the research. The scientific content was rewritten and divided into visual segments that are easier to scan and understand, and the eligibility flow was transformed into a focused, accessible path that guides users step-by-step. The interface now includes a stronger visual system that supports readability and credibility, with improved contrast, spacing, and hierarchy. Mobile responsiveness was significantly enhanced, ensuring that users on all devices experience the site in a structured and intuitive way. The navigation now aligns with user mental models, and the research team is presented transparently, helping reinforce trust.
Solution
The redesign led to a noticeable improvement in clarity and user engagement. Users were able to complete the eligibility process more easily, and the number of questions directed to the research team decreased. Behavioural tracking showed clearer navigation patterns, higher engagement with calls-to-action, and fewer drop-offs in key areas of the site. Participants provided feedback that the new design felt more organized and easier to navigate. The website now reflects the scientific professionalism of the lab and provides a more accessible, trustworthy entry point for research participants.
UI Design
Onboarding
The first encounter with the app highlight the capabilities
and importance.
Golden Flow Onboarding
It demonstrates how the app works, exposing its capabilities and features.
Main Flow
The app simplifies sharing posts to targeted groups, enabling users to distribute information quickly and effectively.
Dashboard
This screen showcases the influence and impact of both the user and the broader community, offering detailed analytics on post shares, engagement, and overall reach.
Personal Profile
The user profile delivers a personalized experience, offering advanced filters that allow users to control where their posts are directed, based on selected Facebook groups and content types. It tracks the number of posts and comments made, creating a comprehensive history of user actions, a feature that was previously unavailable. The profile also provides insights with statistics measuring the user’s influence and the impact of their contributions over time. This filter-based customization ensures a tailored, data-driven experience that enhances the overall user journey.
Next Step
The next phase of this work is the full redesign of the MRI Center’s main website. The goal is to create a more modern and interactive experience that reflects the center’s scientific work while improving responsiveness across devices. This redesign will focus on presenting the ongoing research in a clearer and more engaging way, integrating interactive elements, and opening the option for users to easily book MRI scans directly through the site. As part of this process, I will also continue monitoring user behaviour and refining the experience based on real interaction patterns.