Scrut Automation helps companies achieve and maintain multiple compliance standards, including SOC 2, ISO 27001, GDPR, PCI DSS, HIPAA, and NIST AI RMF. Their platform centralizes policy management, compliance frameworks, cloud integrations, and vendor details to ensure security across the organization. It also enables seamless collaboration with auditors, streamlining evidence collection and accelerating the audit process.
Scrut was founded in 2021 to streamline internal processes such as evidence collection, policy management, and auditor collaboration. What began as an internal tool quickly evolved into a powerful compliance management platform when the team realized the broader market potential. Over time, the product grew rapidly with new features built around customer needs. However, by 2024, Scrut started facing major performance and scalability issues, from lagging user interfaces to outdated frameworks, which affected user experience and slowed down product innovation.
In the early stages, the development team prioritized functionality over design. As new features were added quickly, the frontend codebase became cluttered and repetitive.
Over time, duplicate code and inefficient rendering logic caused severe UI lag and slower response times during data-heavy operations.
The user interface had become outdated and difficult to navigate. Forms, buttons, alerts, and page layouts lacked visual consistency and modern design principles.
The overall look and feel no longer aligned with contemporary SaaS UI/UX standards, resulting in a poor first impression for new users and slower adoption by enterprise clients.
As Scrut’s customer base grew, the existing frontend architecture could no longer support performance and scalability needs. The UI lacked modern appeal, and performance bottlenecks affected enterprise users. To resolve this, Scrut partnered with Eternalight to revamp the UI/UX and modernize the codebase. The goal was to deliver a cleaner, faster, and more maintainable platform built for long-term growth.
The team replaced Redux with TanStack Query for server state and Zustand for local state management. This reduced complexity, improved caching, and enhanced data synchronization.
The result was fewer re-renders, faster data flow, and more responsive UI performance across the entire application.
Eternalight restructured the codebase into modular components for forms, tables, modals, alerts, and navigation. This eliminated redundancy, improved visual consistency, and simplified updates.
The redesigned UI and simplified navigation made the platform easier and faster to use. Customers completed tasks with less effort, increasing satisfaction and boosting the Net Promoter Score (NPS) by 40 percent.
Optimized frontend and caching reduced platform load time by 60 percent. Pages and data tables loaded faster, improving efficiency and positioning Scrut as a high-performance compliance platform for enterprise-scale usage.
Modular architecture and reusable components improved development speed. Changes applied centrally reflected across modules, reducing delivery time from weeks to days and enabling faster feature releases with lower technical debt.
Eternalight implemented a centralized development process to enhance scalability and consistency. The team first built reusable components like forms, tables, and navigation, then layered features on top. Though slower initially, this approach accelerated future development. The frontend used ReactJS, PrimeReact, TanStack Query, and Zustand for performance and flexibility.
Brainstorming
Wireframe
Standadization
Send us a message, and we’ll promptly discuss your project with you.
The frontend was initially built using ReactJS, MUI, and Axios. While these technologies were effective at the start, the lack of modularity and optimization in the code made the application slow and fragile.
The tightly coupled architecture made it difficult to upgrade or integrate newer frameworks, limiting scalability and modernization efforts.
The combination of legacy code, outdated libraries, and repeated logic slowed down feature development. Every new enhancement required changes across multiple files, increasing the risk of errors and regressions.
Testing became cumbersome, and tasks that should take days often stretched into weeks due to code dependencies and technical debt.
Centralized reusable components reduced development time and made UI enhancements instantly available across multiple product modules.
The UI was rebuilt using PrimeReact, focusing on usability, accessibility, and a modern visual experience. Improved spacing, color contrast, and consistent design patterns made the platform easier to navigate.
The sleek interface significantly improved user engagement and satisfaction across enterprise clients.
The team implemented global caching using TanStack Query and Zustand to share data efficiently between components. This reduced repetitive API calls, improved data load speed, and enhanced overall responsiveness.
Frequently used datasets now load instantly, improving performance in dashboards and large compliance views.
Integration
Testing
Launch
React: A component‑based UI library for building fast, interactive web interfaces with a virtual DOM.
A cross‑platform, open‑source JavaScript runtime environment for building fast, scalable server‑side applications.
An in‑memory data store for caching, queues, and real‑time analytics with sub‑millisecond latency.
A comprehensive cloud platform offering compute, storage, databases, and AI services at global scale.
A popular, fast relational database suited for web apps and read‑heavy workloads.
A document‑oriented NoSQL database storing JSON‑like data for flexible schemas
