Fido
AI-assisted investigative intelligence
Fido
AI-assisted investigative intelligence
Fido
AI-assisted investigative intelligence

O V E R V I E W
O V E R V I E W
FIDO is an AI-assisted investigative intelligence system that digitizes handwritten field notes and automatically organizes and tags case information.
FIDO is an AI-assisted investigative intelligence system that digitizes handwritten field notes and automatically organizes and tags case information.
M Y R O L E
M Y R O L E
User Research, Product Ideation, Concept Mapping, Information Architecture, IoT Ecosystem, Business Model, 3D Modeling + Rendering, Hi-Fi Prototyping
User Research, Product Ideation, Concept Mapping, Information Architecture, IoT Ecosystem, Business Model, 3D Modeling + Rendering, Hi-Fi Prototyping
T E A M
T E A M
Product Designer (me), UX Designer, Developer
Product Designer (me), UX Designer, Developer
I M P A C T
I M P A C T
93.8 SUS, 92 NPS
93.8 SUS, 92 NPS
D U R A T I O N
D U R A T I O N
March 2025
2 Months
March 2025
2 Months
T O O L S
T O O L S
T O O L S














P R O B L E M S T A T E M E N T
P R O B L E M S T A T E M E N T
How might we minimize paperwork for detectives, allowing them to focus more on on-site investigations and resolve cases faster?
How might we minimize paperwork for detectives, allowing them to focus more on on-site investigations and resolve cases faster?
I N T R O D U C I N G F I D O
We designed a pen that writes on paper digitizes notes in real time
We designed a pen that writes on paper digitizes notes in real time



It writes. It records. It learns. Powered by NLP and machine learning, it identifies key information and applies smart tags automatically.
It writes. It records. It learns. Powered by NLP and machine learning, it identifies key information and applies smart tags automatically.



U X R
How did we get here?
We started with Double Diamond research




And discovered
competitors were solving some other problems

Competitors offered complex, high-tech platforms -while we asked: what if detectives need a niche tool designed just for them?
U S E R J O U R N E Y
U S E R J O U R N E Y
This niche approach meant we had to understand:
how do detectives actually work?
This niche approach meant we had to understand: how do detectives actually work?



K E Y I N S I G H T S
After four weeks of research and detective interviews
- here's what we found




I D E A T I O N
I D E A T I O N
So we brainstormed:
how do we create real value for them?
So we brainstormed:
how do we create real value?
The Value Proposition Canvas helped us understand how the proposed tool creates value for detectives by addressing their tasks, challenges, and desired outcomes.
The Value Proposition Canvas helped us understand how the proposed tool creates value for detectives by addressing their tasks, challenges, and desired outcomes.



S T O R Y B O A R D
S T O R Y B O A R D
Before we continue
—a quick peek at Fido in action
Before we continue—a quick
peek at Fido in action
Before we continue——a quick
peek at Fido in action



P R O T O T Y P I N G
P R O T O T Y P I N G
We thought:
what if their everyday pen became
their smartest partner?
We thought:
what if their everyday pen became
their smartest partner?
We thought:
what if their everyday pen became their smartest partner?
We noticed detectives carry a pen and notepad every day on the field—so we designed our idea around that habit
We noticed detectives carry a pen and notepad every day on the field—so we designed our idea around that habit






Developed through 65+ sketches across
30+ pages into one compact, versatile design.
Developed through 65+ sketches across
30+ pages into one compact, versatile design.
Developed through 65+ sketches across 30+ pages into one compact, versatile design.
T E S T I N G
Next, we designed screens and testing
revealed two critical screens
Next, we designed screens and testing revealed two critical screens

Home Page
Users struggled to locate notes
Cluttered interface forced users to guess for information
Users wasted time searching for information instead of solving cases


Before
M Y A I W O R K F L O W
I reorganized the homepage around the core concept of digitizing notes—
displaying all case-related notes upfront so detectives see what
matters instantly instead of navigating buried tabs.


As note folders became the homepage focus,
we explored their design.
As note folders became the homepage focus, we explored their design.


Once folders were designed, we moved
to the pages within them.

100% of users easily found notes within case folders
85% users experienced smoother navigation through visual hierarchy
All important information was immediately accessible—no more searching
Before
After

Digitized Notes Page
Reviewing notes felt overwhelming due to long, text-heavy content.
Tags were hard to find and not clearly connected to specific parts of the notes.
Users had no dedicated way to review key information without distractions.


Before
M Y A I W O R K F L O W
I addressed this by using a combination of AI UX patterns and behavior-focused controls.
The three patterns — Immersive, Assistive, and Embedded — define where and how AI appears in the interface, while built-in AI behavior controls determine how the AI responds, guides, and supports the user.

- I M P R O V E M E N T 1Immersive Pattern
Pattern definition:
The interface focuses on one task, with AI guiding the user in a full-screen view.
What changed:
Handwritten notes were digitized and summarized into a full-screen view for focused review.
Solves:

Issue 1 (content overload)

Issue 3 (lack of focused review)

- I M P R O V E M E N T 2Assistive Pattern
Pattern definition:
AI provides guidance or context alongside the content without taking over the interface.
What changed:
Tags were made highly visible and connected to related evidence through a contextual side panel.
Solves:

Issue 2 (poor tag discoverability)

Issue 3 (lack of focused review)

- I M P R O V E M E N T 3Embedded Pattern
Pattern definition:
AI is integrated directly into content to offer subtle, in-place support.
What changed:
Users could refine bullet points or attach tags directly using right-click actions.
Solves:

Issue 1 (content overload)

Issue 3 (difficulty identifying key information)

- I M P R O V E M E N T 1Immersive Pattern
Pattern definition:
The interface focuses on one task, with AI guiding the user in a full-screen view.
What changed:
Handwritten notes were digitized and summarized into a full-screen view for focused review.
Solves:

Issue 1 (content overload)

Issue 3 (lack of focused review)

- I M P R O V E M E N T 2Assistive Pattern
Pattern definition:
AI provides guidance or context alongside the content without taking over the interface.
What changed:
Tags were made highly visible and connected to related evidence through a contextual side panel.
Solves:

Issue 2 (poor tag discoverability)

Issue 3 (lack of focused review)

- I M P R O V E M E N T 3Embedded Pattern
Pattern definition:
AI is integrated directly into content to offer subtle, in-place support.
What changed:
Users could refine bullet points or attach tags directly using right-click actions.
Solves:

Issue 1 (content overload)

Issue 3 (difficulty identifying key information)

R E S U L T S
R E S U L T S
Finally detectives approved
it for their workflow
Finally detectives approved
it for their workflow



F I N A L S O L U T I O N
F I N A L S O L U T I O N
Built for real detective work:
🕵🏽♂️ Fast, Smart, and Efficient
Built for real detective work:
🕵🏽♂️ Fast, Smart, and Efficient
C H A L L E N G E 1 / 4
C H A L L E N G E 1 / 4
How do we stop critical details
from getting buried?
How do we stop critical details from getting buried?
How do we stop critical details from getting buried?
So we introduced tags that
keep critical evidence at
detectives’ fingertips.
So we introduced tags that keep critical evidence at detectives’ fingertips.
So we introduced tags that keep critical evidence at detectives’ fingertips.



Here are the types of tags — 4 default options
Here are the types of tags —
4 default options
Here are the types of tags —
4 default options


Evidence Tag
Highlights key evidence
mentioned in notes.
Evidence Tag
Highlights key evidence
mentioned in notes.


Relation Tag
Flags potential suspects referenced in the notes.
Relation Tag
Flags potential suspects referenced in the notes.


Contradiction Tag
Identifies statements that
conflict with verified data.
Contradiction Tag
Identifies statements that
conflict with verified data.


Hypothesis Tag
Marks theories & show supporting confidence levels.
Hypothesis Tag
Marks theories & show confidence levels.


Create New Tag
Users can create and assign their own tags for tailored investigations.
Create New Tag
Users can create and assign their own
tags for tailored investigations.



C H A L L E N G E 2 / 4
C H A L L E N G E 2 / 4
How do we capture
investigations in real-time?
How do we capture
investigations in real-time?
Twist the mic head to record.
Audio is transcribed and organized into the sections shown below.
Twist the mic head to record.
Audio is transcribed and organized into sections.
Twist the mic head to record.
Audio is transcribed and organized into the sections shown below.



Content Segmentation

Emotional Mapping
Detects emotional tones in
the audio for better context.

Contradiction Detection
Flags statements inconsistent
with existing case data.

Related Files
Shows linked files when
contradictions are found.
Smart Pen transform Speech into investigative insights
Smart Pen transform Speech into investigative insights



C H A L L E N G E 3 / 4
C H A L L E N G E 3 / 4
How do we make report
writing effortless?
How do we make report
writing effortless?
How do we make report writing effortless?
By selecting a report format and sources,
AI helps detectives generate structured
reports with speed and clarity.
By selecting a report format and sources, AI helps detectives generate structured reports with speed and clarity.
By selecting a report format and sources, AI helps detectives generate structured reports with speed and clarity.

C H A L L E N G E 4 / 4
C H A L L E N G E 4 / 4
How do we make sense of
complex, scattered data?
How do we make sense of
complex, scattered data?
How do we make sense of complex, scattered data?
Ask Fido enables natural-language queries
that surface insights, related files, and
connections across the case.
Ask Fido enables natural-language queries that surface insights, related files, and connections across the case.
Ask Fido enables natural-language queries that surface insights, related files, and connections across the case.
Starting a Conversation
Starting a Conversation



Continuing the Conversation
Continuing the Conversation



But wait, how would this actually work as a business?
Click to expand and explore more

D E S I G N S Y S T E M
To complete the picture, we developed Design System

Click to expand and explore more
D E S I G N S Y S T E M
D E S I G N S Y S T E M
To complete the picture, we developed
To complete the picture, we developed
Scalable Design System
Scalable Design System
Scalable Design System
/ / 0 1
/ / 0 1
The Logo
The Logo
The logo is shaped like the letter "F"—a visual metaphor for how investigations progress. The slanted vertical line shows detectives actively working toward solving the case. When this line meets the top horizontal bar, it marks the "critical moment" where detectives have gathered all their data. FIDO steps in here as their partner, helping them break through the confusion and move confidently toward resolution.



Combination Mark

Logo









/ / 0 2
/ / 0 2
Icons
Icons
The icon set uses curved, organic forms to create an intuitive visual language. Curved lines are easier to recognize quickly and reduce cognitive load during investigative work. All icons follow WCAG guidelines to ensure accessibility across all age groups, making them clear and legible for every detective using FIDO.
The icon set uses curved, organic forms to create an intuitive visual language. Curved lines are easier to recognize quickly and reduce cognitive load during investigative work. All icons follow WCAG guidelines to ensure accessibility across all age groups, making them clear and legible for every detective using FIDO.



/ / 0 3
/ / 0 3
Smart Tags
Smart Tags
Smart Tags leverage the familiar metaphor of physical bookmarks to help detectives instantly understand their linking and organizational function. Vibrant colors blend hues seamlessly across different tag types, creating a visually striking and energetic design language that enables quick categorization and identification.
Smart Tags leverage the familiar metaphor of physical bookmarks to help detectives instantly understand their linking and organizational function. Vibrant colors blend hues seamlessly across different tag types, creating a visually striking and energetic design language that enables quick categorization and identification.



/ / 0 4
/ / 0 4
Typography
Typography



/ / 0 5
/ / 0 5
Colors
Colors



/ / 0 6
/ / 0 6
UI Elements
UI Elemets












Reflection
Reflection






M O R E C A S E S T U D I E S
Let's build a better future together!
Say hi at hsbisht2402@gmail.com
F E A T U R E D O N

Copyright © 2024 Hitesh Singh Bisht. All rights reserved.
Copyright © 2024 Hitesh Singh Bisht. All rights reserved.
Let's build future together!
Say hi at hsbisht2402@gmail.com
F E A T U R E D O N

Copyright © 2024 Hitesh Singh Bisht. All rights reserved.



















































