Hayden WittHayden Wittget in touch
← all projects
Web & Full-Stack · Savi Solutions

App Redesign & Reskin

A full redesign and reskin of the product — light/dark mode, mobile-optimized, with a documented design system.

stackParallel routesDaisyUIPrelineDesign system
problem

The engineering team had no front-end focus, and the application had accumulated UX debt. Customer feedback on the interface had gone unaddressed for a while.

approach

A full redesign and reskin of the application. I sourced inspiration from other products, designed the new look in a cloud design tool, then drove the implementation. Highlights:

  • Light and dark mode
  • Fully optimized mobile experience
  • Simplified, cleaned-up admin and settings pages
  • Substantially improved UX on the events and video pages
  • A customer knowledge base with informational and training videos
impact

Addressed long-standing customer feedback and gave the product a modern, consistent, mobile-ready interface.

stack

Parallel v2 routes for safe rollout, a DaisyUI/Preline component library, and a documented design system with agent-docs skills. Worked with Logesh (lead implementer) and Sammy.

before & after

The redesign, screen by screen

Side-by-side walkthroughs of the old interface next to the new one — first on desktop, then mobile. Clips loop automatically and play muted.

Desktop

Events
before
after
VMS
before
after
Admin
before
after
Settings
before
after
Login
before
after

Mobile

The redesign folded admin into the settings experience, so mobile settings and admin now live in one place — there was no admin on mobile before.

Events
before
after
VMS
before
after
Settings & Admin
before
after
Login
before
after