The Cynapse video wall, showing a nine-camera grid with detection counts and live alerts
An illegal-parking alert opened over the video wall, with the live feed and the camera location
The Cynapse sign-in screen on a desktop browser
The video wall on a phone, filtered by date, camera and alert status
An illegal-parking alert on a phone, with the plate, the duration and approve or reject
The Cynapse sign-in screen on a phone

Challenge

Cynapse is a world-leading Vision AI vendor. As the platform matured and the product moved to a modern React stack, the experience needed to catch up with what it could do.

The existing UI was powerful, but it had carried complexity: inconsistent patterns, a steep learning curve for operators and an information structure that hadn’t always matched real workflows. The goal was to modernise the interface and simplify the key journeys without losing depth, guided by user insight and usage data.

What we did

  • Mapped key personas, tasks and workflows
  • Defined a clear, modern design language
  • Built reusable components in the MUI framework
  • Reworked navigation and information architecture
  • Simplified dashboards and core operating flows
  • Designed responsive layouts and dark mode
  • Partnered with engineering through React migration

“We partnered with Kamil and his team to elevate the user experience of our Vision AI platform and bring it to a more modern, user-centric standard. Kamil’s experience in complex B2B products showed immediately — he helped us move fast while staying focused on what mattered.

This collaboration showed the impact a senior strategic designer can have when a software company doesn’t yet have a mature in-house design function. We’d happily recommend Kamil for his clarity, speed and collaborative approach.”

Portrait of the Cynapse founder and CEO

Guy Ron

Founder & CEO, Cynapse
cynapse

Based in Singapore with customers across four continents, Cynapse provides Vision AI software for high-stakes operational environments.

The platform supports smart cities, land transport, seaports and airports. Teams use it to monitor activity, investigate incidents, and improve safety and security.

Cynapse is trusted by over 50 organisations.

Linde
Singapore Prison Service
SMRT
SATS
Cynapse sign-in screen on a deep navy background
Admin dashboard with parking detection counts and an occupancy trend chart

Enhanced readability and focus with dark mode

The platform is often used in operations rooms and low-light environments. Dark mode improved comfort, reduced glare and made key UI elements easier to scan during long sessions.

It also pulled the visual system together and gave the product a more modern feel, without changing how teams worked.

The Cynapse sign-in screen on a phone, dark interface on a deep navy ground
The video wall on a phone, filtered by date, camera and alert status
An illegal-parking alert on a phone, with the plate, the duration and approve or reject

Tailored the experience for core personas

Operators and administrators used the product for different reasons, so we built the landing experience around what each of them would need first.

By aligning layouts, navigation and defaults to real usage patterns, the experience became faster to learn and easier to run day-to-day.

Admin dashboard showing parking utilisation as a donut chart alongside alerts

Improved object discovery with AI-powered text search

In analytics workflows, time-to-answer matters. We introduced AI-powered text search so teams could find objects and events faster, with fewer clicks and shorter investigations.

The result was a more direct path from intent to insight, designed around how users actually searched, filtered and validated what they saw.

Video wall in map view, camera positions pinned across a neighbourhood
Live camera feed of three parked cars beside camera status and a location map

Standardised core UI components for scale

To support a faster build pace and a more consistent product, we rebuilt key UI patterns as a reusable component foundation.

Moving to Material UI improved consistency, accessibility and responsiveness. It also gave the team a system they could keep shipping without UX drift.

Video wall showing nine car park camera feeds at once

Valuable takeaways

Great B2B UX starts with role clarity. We shaped the experience around what each persona needed most: operators got quick access to live monitoring and action, while administrators gained oversight, history and control. When the default view matched the job-to-be-done, adoption became easier and performance improved.

Fractional leadership works when it is outcome-led. The engagement was about decisions, priorities and shipping quality, guided by user insight and product signals. The key was staying close to engineering, so improvements landed in the product itself.

Credits

Kamil Gottwald
(form-three)

Principal Product Designer

Guy Ron

Founder & CEO

Michael Isvy

VP, Engineering

Methods

  • Benchmarking
  • Client Interviews
  • Competitor Analysis
  • Design System Build
  • Fractional Design Leadership
  • Market Research
  • Material UI Design
  • Production-Ready Prototyping
  • Rapid Prototyping
  • Responsive Design
  • UI Component Design
  • User Experience Design