Other industries

Audio software modernization

Key achievements

Hardware digital transformationAudio techFuture-proof modernizationTech debt
featuring_image

The team we worked with at Hotovo are top-class in outsourced development — technically adept and efficient. But more importantly, they are friendly and personally committed to customer success.

Neil Phillips, Senior Product Owner at Audinate

Client

company_logo

Audinate is the global leader in professional AV networking technology. Its award winning Dante® AV over IP (AVoIP) platform is widely adopted across industries including live sound, commercial installation, education, broadcast, public address, and recording. Dante replaces traditional connections with a computer network to effortlessly transmit video and hundreds of channels of audio over Ethernet with perfect digital fidelity. Hotovo supported Audinate with audio software modernization of its core Dante applications, Dante Controller and Dante Director.

Audinate Dante 1
Audinate Dante 2
Audinate Dante 3

Case study

The need

Audinate initiated a comprehensive audio software modernization of its core applications — Dante Controller and Dante Director — including a visual and user experience overhaul to align them with updated branding guidelines, introduce modern design patterns, and ensure a more consistent and accessible experience for users across platforms. To support the introduction of new UI components and features in the web application, a migration to a modern front-end build and testing toolchain was also required.


Core issue

Reskinning the Dante Controller was challenging due to its foundation in Java Swing. The application itself is technically complex, tightly integrated with networked audio systems, and has evolved significantly over time. On the web side, the introduction of a new design system required using a new UI library. To maintain compatibility and enable continued development, the team migrated to a modern build tool and restructure parts of the frontend architecture.

Our solution

We partnered closely with Audinate’s internal teams to implement a pixel-perfect refresh of both applications, modernize development practices, and resolve usability issues.

  1. Delivered a complete visual and UX refresh of Dante Controller and Dante Director.
  2. Introduced dark mode and multi-language readiness in the desktop application.
  3. Migrated to Vite and Vitest, significantly improving build and test speeds.
  4. Resolved 150+ UI/UX inconsistencies, improving usability, accessibility, and visual polish.
  5. Established a consistent design system across web and desktop interfaces.
  6. Enhanced long-term maintainability and future development velocity.

Dante Controller (Desktop)

  1. Integrated full dark mode support and laid the groundwork for multi-language readiness.
  2. Applied new Audinate branding, including updated logos, colors, typography, and iconography.
  3. Reskinned all major interface components, including:
  4. Rounded input fields, buttons, and scrollbars.
  5. Updated dialog windows, status indicators, and routing views.
  6. Redesigned tab layouts and tooltips.
  7. Replaced outdated icons with a new, accessible set supporting visual consistency across features.
  8. Aligned interface behavior and visual style with high-fidelity design proofs provided by Audinate’s branding partner.

Dante Director (Web)

  1. Conducted a full UX audit and resolved more than 150 issues across layout, spacing, alignment, and component behavior.
  2. Migrated the application from Create React App to Vite for faster builds and better compatibility with modern UI libraries.
  3. Replaced Jest with Vitest for improved test performance and integration with the new build system.
  4. Standardized component interactions, including: Drop-down behavior, tooltip alignment, toast notifications, and filters, and Sidebar padding, icon sizing, and responsive layout behavior.
  5. Implemented intelligent text handling, including middle ellipsis clipping and prefix trimming for device names in dense views.
  6. Replaced legacy icons and improved mobile responsiveness for better cross-platform usability.
  7. Improved search, filtering, onboarding flows, and fallback states for better user feedback and interaction consistency.


Key results

  1. 150+ UX issues resolved
  2. Dark mode and multi-language readiness
  3. Consistent design system across platforms
  4. Faster builds and tests with Vite and Vitest
  5. Improved accessibility and usability

Tech stack

  1. React
  2. Vite
  3. Vitest
  4. Tailwind CSS
  5. Mantine lib


Team size

  1. 2 React Developers

Explore other projects

AI assistant for ERM workflows

Protecht

AI assistant for ERM workflows

View case study
AiderDesk: AI orchestration platform

Software engineers

AiderDesk: AI orchestration platform

View case study
Multi-tenant hotel booking software

hivr.ai

Multi-tenant hotel booking software

View case study
From audit to platform takeover

HCS Safety

From audit to platform takeover

View case study
AI assistant for faster energy insights

Energy intelligence provider

AI assistant for faster energy insights

View case study
AI copilot for insurance underwriting

g-Xperts

AI copilot for insurance underwriting

View case study
API platform development

PolyAPI

API platform development

View case study
ERM migration powered by AI

Protecht

ERM migration powered by AI

View case study
Kubernetes OperatorHub rebuild

Red Hat

Kubernetes OperatorHub rebuild

View case study
Fintech payment modernization

ACE Solutions

Fintech payment modernization

View case study
Wastewater treatement systems

WTR Global

Wastewater treatement systems

View case study
Smart city civic engagement platform

Adaptie

Smart city civic engagement platform

View case study
Risk analytics for motor fleets

g-Xperts

Risk analytics for motor fleets

View case study
Braille to text OCR desktop tool

DotSight

Braille to text OCR desktop tool

View case study
MuleSoft connector development

MuleSoft

MuleSoft connector development

View case study
Jira reporting app built for acquisition

Old Street Solutions

Jira reporting app built for acquisition

View case study
BNPL platform development

credi2

BNPL platform development

View case study
Oracle Integration Cloud recipes

Oracle

Oracle Integration Cloud recipes

View case study
Enterprise risk management platform

Protecht

Enterprise risk management platform

View case study
Seed management with modern digital tools

SeedBin

Seed management with modern digital tools

View case study
Braille translation desktop app

Braillee

Braille translation desktop app

View case study
Competition management software for climbing

Verti

Competition management software for climbing

View case study
Mobile app redesign for marketing platform

Seismic

Mobile app redesign for marketing platform

View case study
Call analytics platform and Wallboard app

Akixi

Call analytics platform and Wallboard app

View case study
Mobility and insurance app development

Mobly

Mobility and insurance app development

View case study
Contact us

Let's talk