Fido
AI Case Management
Fido
AI Case Management
Fido
AI Case Management

O V E R V I E W
O V E R V I E W
Fido is an AI-powered IoT case management system for police detectives. A smart pen digitizes handwritten field notes in real-time and uses AI tagging to categorize evidence automatically.
Fido is an AI-powered IoT case management system for police detectives. A smart pen digitizes handwritten field notes in real-time and uses AI tagging to categorize evidence automatically.
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 P P R O A C H
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
Too much text made reviewing notes overwhelming.
Tags were difficult to discover and use.
Users couldn’t distinguish critical information from supporting notes.


Before
M Y A P P R O A C H
M Y A P P R O A C H
I solved this by placing AI strategically at three different points in the detective's workflow—making tags clear, reducing cognitive load, and keeping focus on evidence analysis.

Handwritten notes were summarized & shown in a focused full-screen
AI interaction pattern made tags clearly visible and easily accessible
75% users quickly found relevant information through prioritization
- I M P R O V E M E N T 1
Full-Screen AI Summary (Immersive Pattern): Handwritten notes
summarized and displayed full-screen for focused review.

- I M P R O V E M E N T 2
Hover-Triggered Suggestions (Assistive Pattern): Intelligent tag recommendations
appear on hover—detectives refine, or create tags on the spot.

- I M P R O V E M E N T 3
Background Context Panel (Embedded Pattern): Related evidence and case
data surface automatically in the side panel without interrupting analysis.

- I M P R O V E M E N T 1
Full-Screen AI Summary (Immersive Pattern): Handwritten notes
summarized and displayed full-screen for focused review.

- I M P R O V E M E N T 2
Hover-Triggered Suggestions (Assistive Pattern): Intelligent tag recommendations
appear on hover—detectives refine, or create tags on the spot.

- I M P R O V E M E N T 3
Background Context Panel (Embedded Pattern): Related evidence and case
data surface automatically in the side panel without interrupting analysis.

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?



Smart Tags link notes directly to evidence
Smart Tags link notes directly to evidence
Inspired by physical bookmarks
Inspired by physical bookmarks
Tags act as connectors—linking handwritten notes to all related
files, evidence, and documents stored in the case database.
Tags act as connectors—linking handwritten notes to all related
files, evidence, and documents stored in the case database.
Tags Types

Evidence Tag
Highlights key evidence mentioned in notes, linking it to case files incidents.

Relation Tag
Flags potential suspects referenced in the notes, providing quick access to their profiles and related case data.

Contradiction Tag
Identifies statements that conflict with verified data, offering direct links to supporting evidence.

Hypothesis Tag
Marks investigative theories, showing confidence levels and data sources that support or challenge them.

Create Tag
Users can create and assign their own tags for tailored investigations.
Easily assign or create tags
based on intuition
Select any line, right-click, and assign a tag—quick and intuitive.
The sidebar instantly surfaces detailed annotations, concise summary, and
relevant case files, transforming notes into actionable intelligence in real time.
Assign Tag
Create Tag
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 the sections shown below.
Twist the mic head to record.
Audio is transcribed and organized into the sections shown below.



Smart Pen transform Speech into investigative insights
Smart Pen transform Speech into investigative insights



Emotional Mapping
Audio sections are analyzed to detect tones like anxiety or confidence — providing valuable context that helps interpret their statements beyond just words.


Contradiction
This feature flags inconsistencies by comparing audio statements with existing case data, highlighting contradictions that may require closer scrutiny or verification.


Related Files
Based on detected contradictions, the system recommends relevant files—videos, transcripts, or reports—saving time by directing attention to the most pertinent evidence.



Emotional Mapping
Audio sections are analyzed to detect tones like anxiety or confidence — providing valuable context that helps interpret their statements beyond just words.

Contradiction Detection
This feature flags inconsistencies by comparing audio statements with existing case data, highlighting contradictions that may require closer scrutiny or verification.

Related Files
Based on detected contradictions, the system recommends relevant files—videos, transcripts, or reports—saving time by directing attention to the most pertinent evidence.
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?
Choose a format and type. AI transforms notes
into structured reports with consistency and
speed.
Choose a format and type. AI transforms notes into structured reports with consistency and
speed.
Choose a format and type. AI transforms notes into structured reports with consistency and
speed.

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 anything. AI responds with
insights, related files, and clarifies
complex connections.
Ask Fido anything. AI responds with insights, related files, and clarifies complex connections.
Ask Fido anything. AI responds with insights, related files, and clarifies complex connections.
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
Copyright © 2024 Hitesh Singh Bisht. All rights reserved.
Let's build a better future together!
Say hi at hsbisht2402@gmail.com
Copyright © 2024 Hitesh Singh Bisht. All rights reserved.
Let's build a better future together!
Say hi at hsbisht2402@gmail.com
Copyright © 2024 Hitesh Singh Bisht. All rights reserved.



















































