Back to Selected Work
SaaS Product Design · AI & Computer Vision
HygieneNet — AI Heatmaps for Safety & Hygiene
Designing an AI-powered computer vision SaaS interface that automates kitchen, healthcare, and enterprise safety compliance via real-time spatial heatmaps.
Transforming CCTV into real-time hygiene intelligence
HygieneNet connects with commercial security cameras to monitor sanitizer usage, handwashing compliance, and touchpoint sanitation. The challenge was to transform complex AI telemetry data into an intuitive dashboard and high-converting marketing website that operations managers can understand in seconds.
Feature hierarchy and user journey
- Hero & Live Video Teaser: Clear value proposition demonstrating computer vision overlay on commercial kitchen surfaces.
- Why Choose Us Matrix: 6 key capability cards (AI Detection, Real-time Feedback, Seamless Integration, Full Coverage, Automated Reports, Proven Reliability).
- Heatmap Feature Showcase: Visualizing high-traffic danger zones with actionable analytical graphs.
- How It Works 4-Step Flow: Connect Camera → Calibrate AI → Heatmap Generation → Automated Reports.
High-fidelity UI screens layout
Toolkit & Live Prototype
Figma
SaaS Product Design
Computer Vision UX
Dark Teal Design System
Interactive Prototyping
Inspect in Figma Canvas ↗