Cogneo

AI-powered dementia diagnostic tool.
Design and development of a product demo to stimulate investor interest during seed fundraising.
Note: per client's request the case study will feature a redacted selection of deliverables during the fundraising. For the complete product, please, contact me over email.

Roles

Interaction Designer
Front-End Developer

Team

Client (project manager)

Tools

Overview

Commercial reboot of powerful tech.

Recent breakthroughs in treating Alzheimer's disease - the most common cause of dementia - are a source of optimism.[1] They are most effective, however, when delivered at the onset of the disease, requiring an early diagnosis of dementia. OECD estimates that with the aging population, about 13.4 million people will have dementia by 2030 in Europe alone.[2] Therefore, we can expect soaring demand for these treatments.

Cogneo, a venture-backed medical advisor, aims to pivot its business model, raise seed funding, and capitalize on its proprietary technology that effectively identifies early-stage dementia to address the expanding market with dementia diagnostic tools.

Challenge

How can we develop a compelling demo that is device-agnostic, and will provide authentic experience without diving into complex user research?

1. Getting foothold

Investors first.

For this project I targeted an unusual group - fund managers. To understand the potential investors I used the insight of my client, who is an investor himself. The client and I were in frequent contact and met in-person on weekly basis to discuss product iterations to optimise the experience and its fit in the fundraising process.

Investor interacting with a tablet

We worked under (time) constraints... and with assumptions.

  • The scope of the demo was reduced to the diagnostic experience and a draft of the clinician's dashboard.

  • Target market includes Europeans aged 65+ or at risk of dementia.

  • Test methodology requires unchanged color scheme on a circular palette.

  • iPad was the likely device for the demo presentation, so we had to pay extra care to execution on that resolution.

Senior woman interacting with a tablet

Auditing existing product improved my grip.

Objectives
Arrow
Learnings
Arrow
Redesign problems
Arrow

Review of competition accelerated exploratory research.

  • Most other competitors like BrainCheck, Ignite, CognICA, and DST also optimise for using iPad.
  • Most competitors used clean layouts with often larger elements.
  • Some used high-contrasting colors (DST), while others pursued a more muted interface (IGNITE).
  • Finally, I gathered more inspiration on the aesthetics from adjacent health tech companies.
Cognica app page

2. Define the experience

Schema provided structure.
Sketches enhanced fidelity.

The the demo combines the patient journey (from sign-up to results) with a draft of the clinician dashboard. Since the purpose of the demo is to tell a story I drafted a high-level concept of the structure - the Investor journey. It served as a stepping stone for low-fidelity sketches that were an effective way to quickly jot down and iterate over ideas. When I was done with the sketches, they lined up into a nice storyboard, like in a movie production.

I aimed to create sense of calm and ambience throughout the examination. During the test itself I strived for a minimalist design stripped of anything that could distract. The only thing that stands out are the colors of the palette.

Storyboard mode
Off
On

3. Developing prototypes

Webflow accelerated the development.

I built the demo on Webflow. It enabled translating ideas right into code. Some features did not become part of the demo like this early version of a screen reader. (sound required)

4. The result

Breakthroughs in Alzheimer's treatment stimulate demand for early dementia diagnostic solutions. Cogneo capitalises on its proprietary technology and aims to raise seed funding to address this developing segment. The client and I worked closely and delivered a compelling device-agnostic demo that effectively supported the fundraising efforts and conveyed the product vision.

The final product will be available only upon request for the fundraising period.

In retrospective

I picked up JavaScript.

The client knew about my limited experience with programming and even more so with JavaScript, which posed an issue for maximizing the “tangibility” of the demo. The client agreed to build a watered-down experience exclusively in Webflow.

However, I wished to deliver an excellent demo... so, I picked up JavaScript.

/*counts how many buttons were pressed, disables pointer events on those pressed, and launches animations */
function buttonClick (x) {
    colorCount += 1;
    if (colorCount > 2) {
    pageReload();
    } else {
        buttons[x].click();
        selected[x].style.order = colorCount;
        colors[x].style.pointerEvents = "none";
        }
    };

Code sample from the “Test page”

UXR: Enough for a demo, little for MVP.

Considering some users could suffer from dementia, the UI needs to become even more accessible. Besides giving the demo in the hands of potential users, there are renowned institutes, such as Norman Nielsen; clinical research, such as the Commodari, Guarnera "Attention and aging" paper; and  companies in similar market segments, like Alzheimer'sWA, that can provide additional guidance.

Funding secured.

The team secured the necessary funding for further development of the diagnostic tool.

Let's talk

about design, tech, and how we can create great products together.
LinkedIn logoLinkedIn logo