About project
About project
About project
Role
Role
Role
UX/UI Designer
UX/UI Designer
UX/UI Designer
Duration
Duration
Duration
6 Months
6 Months
6 Months
Product focus
Product focus
Product focus
Enterprise UX
Enterprise UX
Enterprise UX
Reimagining
Reimagining
Reimagining
Video Intelligence
Video Intelligence
Video Intelligence
Transforming video surveillance with smarter detection, response, and control.
Transforming video surveillance with smarter detection, response, and control.
Transforming video surveillance with smarter detection, response, and control.
Certenity an AI-powered Video Analytics platform that leverages advanced deep learning to deliver Intelligent Insights and improves Operational Efficiency.
Certenity an AI-powered Video Analytics platform that leverages advanced deep learning to deliver Intelligent Insights and improves Operational Efficiency.
Certenity an AI-powered Video Analytics platform that leverages advanced deep learning to deliver Intelligent Insights and improves Operational Efficiency.
Monitoring in Action
Monitoring in Action
Monitoring in Action
Security Operations
Security Operations
Security Operations
#persona1
#persona1
Operator
Operator
Operator
Profession:
Security Personnel
Age:
32
City:
Austin
Jared Smith
Jared Smith
Jared, a security professional at a busy storage facility in Austin, monitors multiple cameras to track incidents and respond swiftly. He needs an intuitive system for real-time surveillance and alerts.
Jared, a security professional at a busy storage facility in Austin, monitors multiple cameras to track incidents and respond swiftly. He needs an intuitive system for real-time surveillance and alerts.
Jared, a security professional at a busy storage facility in Austin, monitors multiple cameras to track incidents and respond swiftly. He needs an intuitive system for real-time surveillance and alerts.
Understanding our Users
Understanding
our Users
Understanding our Users
#persona2
#persona2
Admin
Admin
Admin
Profession:
Security Administrator
Security
Administrator
Age:
38
City:
Austin
Alex Johnson
Alex Johnson
Alex, a security admin, manages access, defines rules, and coordinates teams. He needs a centralized platform to streamline security operations efficiently.
Alex, a security admin, manages access, defines rules, and coordinates teams. He needs a centralized platform to streamline security operations efficiently.
Alex, a security admin, manages access, defines rules, and coordinates teams. He needs a centralized platform to streamline security operations efficiently.
Built with
structured modules
Built with
structured modules
Built with
structured modules
Ensuring seamless security operations for both operators and admins.
Ensuring seamless security operations for both operators and admins.
Ensuring seamless security operations for both operators and admins.
Operator
Operator
Operator
Home Views
Home Views
Home Views
Timeline
Timeline
Timeline
Insights
Insights
Insights
In camera Search
In camera Search
In camera Search
Global Search
Global Search
Global Search
Audit Trail
Audit Trail
Audit Trail
Admin
Admin
Admin
Media
Media
Media
Maps
Maps
Maps
Partner Portal
Partner Portal
Partner Portal
User & Role Management
User & Role Management
User & Role Management
Sites
Sites
Sites
Rule Configuration
Rule Configuration
Rule Configuration
Among Certenity’s powerful security modules, Rule Configuration plays a crucial role in automating surveillance and ensuring proactive security management.
Among Certenity’s powerful security modules, Rule Configuration plays a crucial role in automating surveillance and ensuring proactive security management.
Among Certenity’s powerful security modules, Rule Configuration plays a crucial role in automating surveillance and ensuring proactive security management.
Rule Configuration
Rule Configuration
Rule Configuration
Empowering admins to set automated security rules for real-time event detection, ensuring proactive threat handling through scheduled monitoring and customized alerts to keep security one step ahead.
Empowering admins to set automated security rules for real-time event detection, ensuring proactive threat handling through scheduled monitoring and customized alerts to keep security one step ahead.
Empowering admins to set automated security rules for real-time event detection, ensuring proactive threat handling through scheduled monitoring and customized alerts to keep security one step ahead.
The Goal
The Goal
The Goal
Simplify rule creation for
Simplify rule creation for
Simplify rule creation for
Admins
Admins
Admins
Intuitive and Flexible System
by designing an
by designing an
by designing an
Intuitive and Flexible System
Intuitive and Flexible System
that enables
that enables effortless setup, management
that enables
effortless setup, management and automation of security rules.
and automation of security rules.
effortless setup, management and automation of security rules.
Challenges
Challenges
Simplifying the process
Simplifying the process
Simplifying the process
Users should create rules effortlessly with minimal steps.
Users should create rules effortlessly with minimal steps.
Users should create rules effortlessly with minimal steps.
Flexible rule creation
Flexible rule creation
Flexible rule creation
Supporting both single and bulk rule setups (1-to-1, 1-to-many).
Supporting both single and bulk rule setups (1-to-1, 1-to-many).
Supporting both single and bulk rule setups (1-to-1, 1-to-many).
Easy creation & edits
Easy creation & edits
Easy creation & edits
Easy to modify, pause, or adjust rules when needed.
Easy to modify, pause, or adjust rules when needed.
Easy to modify, pause, or adjust rules when needed.
Clear guidance
Clear guidance
Clear guidance
Well-defined labels, tooltips, and instructions for better clarity.
Well-defined labels, tooltips, and instructions for better clarity.
Well-defined labels, tooltips, and instructions for better clarity.
Accessibility for all
Accessibility for all
Accessibility for all
Intuitive experience for both tech-savvy and non-technical users.
Intuitive experience for both tech-savvy and non-technical users.
Intuitive experience for both tech-savvy and non-technical users.
Accessibility for all
Intuitive experience for both tech-savvy and non-technical users.
Understand
Understand
Understand
Brainstorm
Brainstorm
Brainstorm
Design
Design
Design
Crafting the Experience: Design Process
Crafting the Experience: Design Process
Crafting the Experience:
Design Process
Designing an intuitive Rule Configuration system required an iterative approach. Through research, sketches, task flows, and competitor analysis, we refined the experience to ensure both ease of use and powerful automation.
Designing an intuitive Rule Configuration system required an iterative approach. Through research, sketches, task flows, and competitor analysis, we refined the experience to ensure both ease of use and powerful automation.
Designing an intuitive Rule Configuration system required an iterative approach. Through research, sketches, task flows, and competitor analysis, we refined the experience to ensure both ease of use and powerful automation.
Understanding the Landscape
Understanding the Landscape
Understanding the Landscape
Before diving into design, we analyzed a leading competitor to understand their approach and explored our current product. This helped us identify gaps, opportunities, and areas where we could level up the Rule Configuration process.
Before diving into design, we analyzed a leading competitor to understand their approach and explored our current product. This helped us identify gaps, opportunities, and areas where we could level up the Rule Configuration process.
Analyzing Competitor
What they
did right
What they did right
What they
did right
The competitor excels in providing an efficient workflow with a clear and streamlined rule creation process.
The competitor excels in providing an efficient workflow with a clear and streamlined rule creation process.
Streamlined Rule Creation
Streamlined Rule Creation
Streamlined Rule Creation
A structured steps that makes rule setup feel quick & intuitive.
What → Where → When → Actions ensures clarity.
Intuitive Drawing on Camera Feed
Intuitive Drawing on Camera Feed
Intuitive Drawing on Camera Feed
Users can directly draw areas/zones for rule detection.
Easy Interaction, especially for security teams & technical users.
Clean, Consistent UI
Clean, Consistent UI
Clean, Consistent UI
Minimal distractions, clear labels, and a step-by-step approach. Reduces cognitive load & speeds up decision-making.
Where they
fall short
Where they fall short
Where they
fall short
While the competitor offers a streamlined process, there are areas where the experience falls short —leading to friction for new users and inefficiencies in handling complex tasks.
While the competitor offers a streamlined process, there are areas where the experience falls short —leading to friction for new users and inefficiencies in handling complex tasks.
Not beginner-friendly
Not beginner-friendly
Not beginner-friendly
No guidance → First-time users might struggle. Assumes users already understand rule configurations.
Limited screen space
Limited screen space
Limited screen space
Everything happens inside a medium-sized pop-up. This restricts visibility & makes multi-device
setup difficult.
Less intuitive setup
Less intuitive setup
Less intuitive setup
Users don’t realize they need to draw on each selected device, making the process less intuitive and increasing the chance of missed configurations.
Analyzing - Our System
What we did right
What we did right
Our system maintains visual consistency across the product, creating a cohesive experience. It also supports premium rule creation, allowing users to configure advanced monitoring features. The familiar interaction flow makes it easier for users to navigate.
Familiar Workflow
Consistent UI
Premium Rule Support
Where we falls short
Where we falls short
The rule creation flow is packed into a small, long-scroll popup, making it overwhelming and less accessible. It lacks multi-device support, allowing users to configure only one device at a time. Additionally, the absence of a clear step-based structure can make the process confusing for new users.
The rule creation flow is packed into a small, long-scroll popup, making it overwhelming and less accessible. It lacks multi-device support, allowing users to configure only one device at a time. Additionally, the absence of a clear step-based structure can make the process confusing for new users.
Small Popup Design
Single-Device Limitation
No Clear Steps
Insights & Opportunities
Insights & Opportunities
Insights & Opportunities
By analyzing both systems, we uncovered key gaps and opportunities to improve the rule creation experience—focusing on clarity, efficiency, and multi-device support.
By analyzing both systems, we uncovered key gaps and opportunities to improve the rule creation experience—focusing on clarity, efficiency, and multi-device support.
By analyzing both systems, we uncovered key gaps and opportunities to improve the rule creation experience—focusing on clarity, efficiency, and multi-device support.
Simplify the
rule creation journey
Simplify the
rule creation journey
Simplify the
rule creation journey
Insight:
The long-scroll popup overwhelms users and reduces accessibility.
Opportunity:
Break the process into clear, guided steps for better usability.
Enhance
multi-device setup
Enhance
multi-device setup
Enhance
multi-device setup
Insight:
The current system only supports one-to-one rule creation.
Opportunity:
Implement clear guidance and navigation for the new 1-to-many configuration.
Improve
visual accessibility
Improve
visual accessibility
Improve
visual accessibility
Insight:
The small popup limits visibility and interaction space.
Opportunity:
Use a larger, more focused layout to enhance clarity and ease of use.
Behind the Screens
Behind the Screens
Behind the Screens
Unfolding the journey from concept to creation—this section reveals the thought process, iterations, and decisions that shaped the final experience.
Unfolding the journey from concept to creation—this section reveals the thought process, iterations, and decisions that shaped the final experience.
Unfolding the journey from concept to creation—this section reveals the thought process, iterations, and decisions that shaped the final experience.
Where it all began
Where it all began
We began with a quick top-level sketch to understand the major actions involved in setting up a rule — not for precision, but to create shared clarity on how the experience unfolds.
We began with a quick top-level sketch to understand the major actions involved in setting up a rule — not for precision, but to create shared clarity on how the experience unfolds.
#breaktheice
#breaktheice
#formingabase
#formingabase
#challengeassumptions
#challengeassumptions
Sketching out loud
Sketching out loud
Before diving into structure or solutions, we dumped our thoughts on a whiteboard — raw, unfiltered ideas that questioned everything from setup paths to rule groupings. These sticky notes helped us surface early patterns, gaps, and assumptions.
Before diving into structure or solutions, we dumped our thoughts on a whiteboard — raw, unfiltered ideas that questioned everything from setup paths to rule groupings. These sticky notes helped us surface early patterns, gaps, and assumptions.
#ideationcenter
#ideationcenter
#mappingentrypoints
#mappingentrypoints
#simplicity
#simplicity
Breaking it down
Breaking it down
To rethink the bulky, single-screen flow, we first zoomed out — breaking the rule creation into high-level phases outside the constraints of a popup.
To rethink the bulky, single-screen flow, we first zoomed out — breaking the rule creation into high-level phases outside the constraints of a popup.
#structuralbreakdown
#structuralbreakdown
#fourcoresteps
#fourcoresteps
#clarity
#clarity
Mapping the possibilities
We mapped out four possible configurations: 1-1, 1-Many and Many-Many.
But as we dug deeper, we realized that simplicity and security had to win.
Only 1-1 and 1-Many made it past this stage — offering control without confusion.
We mapped out four possible configurations: 1-1, 1-Many and Many-Many.
But as we dug deeper, we realized that simplicity and security had to win.
Only 1-1 and 1-Many made it past this stage — offering control without confusion.
#structuralbreakdown
#fourcoresteps
#clarity
Asking the right questions
During our working sessions, we kept pausing to ask — not just how it works, but how it should. These open-ended questions helped shape decisions around drawing-based rules and user guidance.
During our working sessions, we kept pausing to ask — not just how it works, but how it should. These open-ended questions helped shape decisions around drawing-based rules and user guidance.
Start with Clarity
Can users draw multiple zones on one camera?
Can users draw multiple zones on one camera?
Which rules actually require drawing?
Which rules actually require drawing?
What’s the total number of available rule types?
What’s the total number of available rule types?
Are rules grouped by categories or outcomes?
Are rules grouped by categories or outcomes?
What does the drawing experience feel like for a new user?
What does the drawing experience feel like for a new user?
How do we explain the intent of each rule in-context?
How do we explain the intent of each rule in-context?
Can users apply filters after placing a line or box?
Can users apply filters after placing a line or box?
We realized we’re not just drawing lines — we’re setting logic.
We realized we’re not just drawing lines — we’re setting logic.
We realized we’re not just drawing lines — we’re setting logic.
That has to feel clear, not technical.
That has to feel clear, not technical.
That has to feel clear, not technical.
CSN: The logic behind the rule
CSN: The logic
behind the rule
CSN: The logic behind the rule
Once a rule is created, what happens next? The CSN model helped us define its life cycle — how it behaves, when it triggers, and who gets notified.
Once a rule is created, what happens next? The CSN model helped us define its life cycle — how it behaves, when it triggers, and who gets notified.
Configure
Configure
Configure
What triggers the rule?
What triggers the rule?
What action follows — recording, alarm, message?
What action follows — recording, alarm, message?
Timing of the trigger — instant or delayed?
Timing of the trigger — instant or delayed?
Schedule
Schedule
Schedule
Should the rule run 24/7 or during specific hours?
Should the rule run 24/7 or during specific hours?
Can users customize active time slots for weekdays/weekends?
Can users customize active time slots for weekdays/weekends?
Notification
Notification
Notification
Who should be alerted when the event happens?
Who should be alerted when the event happens?
Through which channels — SMS, Email, System alerts?
Through which channels — SMS, Email, System alerts?
Shaping the Experience
Shaping the Experience
Shaping the Experience
From conceptual exploration to actionable outcomes — this phase reflects how raw insights evolved into structured, scalable experiences for real-world use.
From conceptual exploration to actionable outcomes — this phase reflects how raw insights evolved into structured, scalable experiences for real-world use.
From conceptual exploration to actionable outcomes — this phase reflects how raw insights evolved into structured, scalable experiences for real-world use.
Final steps for Rule Creation
Final steps for Rule Creation
Final steps for Rule Creation
13
13
13
Types of rules
Types of rules
Types of rules
Designed for smarter surveillance.
Designed for smarter surveillance.
Designed for smarter surveillance.
Including premium
Including premium
Including premium
Crafted a visual language rooted in clarity, balance, and purpose.
Crafted a visual language rooted in clarity, balance, and purpose.
Crafted a visual language rooted in clarity, balance, and purpose.
Backgrounds
Backgrounds
Backgrounds
Brand
Brand
Brand
Timeline
Timeline
Timeline
Buttons
Buttons
Buttons
Text
Text
Text
Alerts
Alerts
Alerts
Magical
Magical
Magical
Colors
Colors
Colors
Note: The colors shown here are used across the product.
Note: The colors shown here are used across the product.
Brilliant
Brilliant
Brilliant
Typeface
Typeface
Typeface
Inter
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
0123456789
0123456789
Heading
Heading
24
24
Bold
Bold
Medium
Medium
Regular
Regular
Sub heading
Sub heading
20
20
Bold
Bold
Medium
Medium
Regular
Regular
Body
Body
16
Bold
Semi-Bold
Medium
Regular
14
Bold
Medium
Regular
Captions
Captions
12
Bold
Medium
Regular
Small
Small
10
Regular
Heading
24 Size
3 Styles
Sub heading
20 Size
3 Styles
Body
16 Size
4 Styles
Body
14 Size
3 Styles
Captions
12 Size
3 Styles
Small
10 Size
1 Style
Layout Explorations
Layout Explorations
Layout Explorations
In early stages, we explored different layout directions to evaluate structure, navigation and focus areas.
In early stages, we explored different layout directions to evaluate structure, navigation and focus areas.
In early stages, we explored different layout directions to evaluate structure, navigation and focus areas.
Showing all available rules upfront to instantly guide users into the rule creation flow.
Showing all available rules upfront to instantly guide users into the rule creation flow.
A functional layout where everything needed to create a rule is available in one table.
A functional layout where everything needed to create a rule is available in one table.
A streamlined, step-by-step experience, allowing admins to configure rules with clarity and control.
A streamlined, step-by-step experience, allowing admins to configure rules with clarity and control.
Designing with Purpose
Designing with
Purpose
Designing with Purpose
Clear, Guided Flow
Clear, Guided Flow
We introduced a step-by-step progressive rule creation flow using a stepper with live indicators—boosting clarity, control, and system visibility (Jakob’s Heuristic 1).
We introduced a step-by-step progressive rule creation flow using a stepper with live indicators—boosting clarity, control, and system visibility (Jakob’s Heuristic 1).
Beyond
the Popup
Beyond
the Popup
Moved from a cramped popup to a dedicated full-screen interface, improving usability and reducing cognitive overload. Device selection, drawing, and navigation now feel effortless.
Moved from a cramped popup to a dedicated full-screen interface, improving usability and reducing cognitive overload. Device selection, drawing, and navigation now feel effortless.
Space to Think
Space to Think
Space to Think
Built-In Guidance
Built-In Guidance
To prevent errors, we designed a Guide Book—an on-demand helper to teach users how to place accurate and effective rules.
To prevent errors, we designed a Guide Book—an on-demand helper to teach users how to place accurate and effective rules.
Smooth
Drawing Experience
Smooth
Drawing Experience
A larger device view, contextual toolbar, and responsive canvas make it simple to draw rules intuitively—enhancing both accuracy and accessibility.
A larger device view, contextual toolbar, and responsive canvas make it simple to draw rules intuitively—enhancing both accuracy and accessibility.
Effortless
Editing
Effortless
Editing
Editing now happens in a segmented full-size modal with tabs for each rule stage. Changes are auto-saved, letting users explore without fear of losing progress.
Editing now happens in a segmented full-size modal with tabs for each rule stage. Changes are auto-saved, letting users explore without fear of losing progress.
Freedom to Edit
Freedom to Edit
Freedom to Edit
Bringing to
Bringing to
Bringing to
Life
Life
Life
Where brilliance meets the screen — see the magic unfold..
Where brilliance meets the screen — see the magic unfold..
Where brilliance meets the screen — see the magic unfold..
Setting the stage
Setting the stage
the first touchpoint with rule intelligence.
Simple rule selection
Simple rule selection
because clarity drives confidence.
The
The
The
Intelligence
Intelligence
Intelligence
Shelf
Shelf
Shelf
From line detection to complex behaviors — every rule you need, in one place.
From line detection to complex behaviors — every rule you need, in one place.
From line detection to complex behaviors — every rule you need, in one place.
Smart
Configuration Modes
Smart
Configuration Modes
Smart
Configuration Modes
Based on device selection, the system smartly adapts between one-to-one or one-to-many way, keeping the experience smooth and intuitive.
Based on device selection, the system smartly adapts between one-to-one or one-to-many way, keeping the experience smooth and intuitive.
Based on device selection, the system smartly adapts between one-to-one or one-to-many way, keeping the experience smooth and intuitive.
One rule on
One rule on
One rule on
One device
One device
One device
One rule on
One rule on
One rule on
Many devices
Many devices
Many devices
Choose your device, your way.
Choose your device,
your way.
Choose your device, your way.
Selecting one device (One to One)
Selecting one device (One to One)
Selecting one device (One to One)
Selecting multiple device (One to Many)
Selecting multiple device (One to Many)
Selecting multiple device (One to Many)
Set rule on one device..
Set rule on one device..
Set rule on one device..
..or on many devices, effortlessly..
..or on many devices, effortlessly..
..or on many devices, effortlessly..
A spacious canvas that empowers admins to define rules effortlessly and with precision.
A spacious canvas that empowers admins to define rules effortlessly and with precision.
A spacious canvas that empowers admins to define rules effortlessly and with precision.
Built-in guidebook with smart Do’s and Don’ts to ensure accurate rule setup.
Built-in guidebook with smart Do’s and Don’ts to ensure accurate rule setup.
Built-in guidebook with smart Do’s and Don’ts to ensure accurate rule setup.
Focus mode with a bigger scale.
Focus mode with a bigger scale.
Focus mode with a bigger scale.
Focused pop up for One to One Rule set up.
Focused pop up for One to One Rule set up.
Focused pop up for One to One Rule set up.
Focused pop up for One to Many Rule set up.
Focused pop up for One to Many Rule set up.
Focused pop up for One to Many Rule set up.
From Logic to Interface:
From Logic to Interface:
From Logic to Interface:
Visualizing CSN
Visualizing CSN
Visualizing CSN
Configure - Defining the response
Configure -
Defining the response
setting what happens when an event triggers.
Schedule - Timing the watch
Schedule -
Timing the watch
choosing when to detect critical events.
Notification - Alerting the right eyes
Notification -
Alerting the right eyes
deciding who gets notified instantly.
Giving it identity
Giving it identity
naming your rule for easy management.
Ignition on -
Ignition on -
Ignition on -
Security Elevated..
Security Elevated..
Security Elevated..
It’s set. Events are now monitored in real time.
It’s set. Events are now monitored in real time.
It’s set. Events are now monitored in real time.
What’s Next..
What’s Next..
What’s Next..
System will suggest rules by analyzing device feeds, tailored to the selected rule type.
System will suggest rules by analyzing device feeds, tailored to the selected rule type.
System will suggest rules by analyzing device feeds, tailored to the selected rule type.
Simplify the entire rule creation into two steps — just prompt and confirm.
Simplify the entire rule creation into two steps — just prompt and confirm.
Simplify the entire rule creation into two steps — just prompt and confirm.
Your Turn.. Curious to hear your ideas.
Your Turn.. Curious to hear your ideas.
Your Turn.. Curious to hear your ideas.
