As a UX and Product Designer, I redesigned a complex asset and user management platform from the ground up, in close collaboration with Yael, Product Manager at Kramer Electronics
2020 – 2021 | Embedded engagement with Kramer Electronics
1. Full UX and UI redesign of the VSM legacy platform
2. Component library and feature specification
3. Requirements authoring in later iterations
1. Full UX and UI redesign of a legacy enterprise platform
VSM (VIA Site Management) is Kramer's platform for IT administrators to deploy, configure, monitor, and manage VIA collaboration devices across enterprise sites, from a single room to thousands.
When Yael Chicheportiche, the product manager, brought me in, the product was functional but hard to use: outdated visually, cognitively overloaded, and built around interaction patterns that made simple tasks unnecessarily slow.
The brief:
make it modern, clear, and intuitive, without losing the depth that power users needed. This was a complete redesign, not a refresh. The work covered navigation, visual language, interaction design, information hierarchy, and full developer handoff in Adobe XD.
The Challenge
Two things needed to happen simultaneously: bring the visual language up to modern usability standards, and rethink how users navigate and take action inside a complex system.
The old interface had no clear hierarchy.
Navigation was a flat, unweighted list with no grouping.
Tables were dense and unreadable.
Search was a multi-field form with radio buttons, dropdowns, and a Reset button, not how people think about finding things.
Actions were scattered across the screen, with no single clear primary action per view.
For example
The interaction pattern that caused the most friction: performing an action took you out of your current context entirely. You lost your place in the system to complete a task, then had to navigate back. In a platform managing hundreds of devices across multiple sites, this wasn't a minor inconvenience. It was a workflow problem.
The process
The work started with a systematic audit before any design decisions were made. Every screen: what information, for whom, in what context, what action expected.
Key changes: navigation restructured from a flat list into grouped categories with clear hierarchy. Side panels introduced for contextual actions, so users stay on their current screen while acting. One primary action per view, visually distinct and consistently placed. Component library built in Figma, complete developer handoff in Adobe XD.
Working with Yael was genuinely smooth. She was structured and knew how to filter organizational input before it reached me. For a company the size of Kramer, that is not a given.
The Solution
A fully redesigned interface: grouped navigation, context-preserving side panels, one clear primary action per view, consistent visual language with interactive and non-interactive elements clearly distinct. Component library and full XD handoff included.
The result
A platform that looks and behaves like a modern enterprise tool. Screens that are self-explanatory. Navigation that does not require a learning curve. Actions that do not interrupt the workflow.
Kramer features the redesigned VSM platform on their website.
Kramer Electronics, VSM platform complete redesign
Full UX and UI redesign of a complex legacy SaaS platform. Clear information hierarchy and visual language built from scratch. Component library designed for scale. Feature specification authored, not just executed. Working effectively inside a large, opinionated organization.
2. Search, tables, and information hierarchy
Two areas of the old interface were particularly hard to use.
Search was built as a form: labeled fields, dropdowns, radio buttons, a Reset button. Administrators had to think in the system's terms, not their own. The redesign replaced it with a modern search bar and filter chips. Fast, familiar, forgiving.
Tables were dense: ten or more columns, icons requiring a legend, no breathing room. The redesign introduced column hierarchy, readable status labels, and clear action controls. No legend needed.
The Challenge
Both problems had the same root: the interface was designed around data structure, not around how administrators actually work.
The process
Each area was redesigned from the user's task backward, not from the data model forward. What does an administrator need to find, and how do they think about finding it? What action do they need to take, and how quickly do they need to take it?
The Solution
Modern search with filter chips. Clean, scannable tables with legible status and actions. Both changes reduced cognitive load on the screens administrators use most.
The result
Screens that work the way administrators expect. Less time orienting, more time managing.
Takeaways
The most important work in a legacy redesign happens before any design decisions are made.
Getting the diagnosis right, identifying where the real friction is, and understanding why it exists: that is what determines whether the redesign actually solves the problem or just looks newer.
Credits: Yael Chicheportiche, Product Manager at Kramer Electronics. Her discipline and clarity made this engagement run cleanly.
Final Takeaways
Under construction