Safety App: Web and Mobile Safety Platform for Valorian’s Industrial Clients

Equipping industrial workers with clear, always‑available safety tools – on web and mobile, instead of heavy PDFs, manual calculations, and scattered files.

industry

Industrial Sector

platform

Web & Mobile SaaS Ecosystem

timeline

July 2023 – Now

client

Valorian

Services

Web Development

Mobile Development

UI / UX Design

Product Discovery

Engagement Options

Safety App: Web and Mobile Safety Platform for Valorian’s Industrial Clients

About the project

Valorian is a business and technology firm that works with industrial service and energy companies, helping them modernize operations and scale through custom digital solutions.

Within this mission, Valorian needed a dedicated safety platform for its industrial clients – something that would give production workers all the tools they rely on every day:

Work instructions.
Safety recommendations.
Site‑specific rules and procedures.

All that information already existed, but it lived in complex files full of charts, tables, and detailed explanations that were difficult to interpret quickly on site. Operators often had to calculate key values manually with non‑trivial formulas.

Lumitech and Valorian teamed up to build the Safety App as a combined web and mobile platform. The web app runs on Next.js and uses Directus CMS as a headless content backend, while the mobile app, built with React Native, mirrors the same logic with full offline support. The result is a scalable, multi‑site solution that gives workers consistent, up‑to‑date safety tools wherever they are.

Interesting facts

Safety App (web + mobile) is part of Valorian’s product suite, used by industrial clients that operate across multiple plants and sites.

The MVP was launched in roughly three months, which allowed Valorian to start pilots and gather feedback while keeping the architecture robust.

The platform now supports more than a thousand active workers each month and is already in use by close to a dozen enterprises (Sites), with around 15 in the rollout list.

Administrators at each site manage their own safety content via Directus CMS, without any involvement from developers.

Web and mobile apps share the same business logic, so workers can switch between a workstation terminal and a smartphone and still see the same content and tools.

Safety App (web + mobile) is part of Valorian’s product suite, used by industrial clients that operate across multiple plants and sites.

The MVP was launched in roughly three months, which allowed Valorian to start pilots and gather feedback while keeping the architecture robust.

The platform now supports more than a thousand active workers each month and is already in use by close to a dozen enterprises (Sites), with around 15 in the rollout list.

Administrators at each site manage their own safety content via Directus CMS, without any involvement from developers.

Web and mobile apps share the same business logic, so workers can switch between a workstation terminal and a smartphone and still see the same content and tools.

Business problem

For Valorian’s industrial clients, the main issue was not a shortage of safety documentation – it was how that documentation reached the people who actually needed it. Workers had to:

Navigate complex engineering files full of graphs, large tables, and text‑heavy explanations.

Manually compute important values using formulas that were easy to misinterpret in stressful conditions.

Switch between multiple documents and formats to find the relevant safety rules or instructions for a particular task.

This led to:

Difficulty accessing the right safety recommendations at the right moment.

Inconsistent application of safety protocols across different enterprises and sites.

Slow, friction‑heavy updates to safety content, since each change often required support from technical teams.

Valorian wanted both web and mobile applications that would be convenient for workers to use daily, improve safety literacy, and increase efficiency on the ground.

Technical request

From the technical perspective, Valorian’s request looked like this:

Build a scalable platform with dynamic pages, so safety content could evolve without redeploying code.
Give admins full control over content via a headless CMS.
Implement different admin roles and restrict editing rights to specific enterprises (Sites).
Ensure offline support and stability under weak network conditions in the mobile app.
Convert complex charts and tables into a user‑friendly interface that workers would actually use.

The platform also needed to support future expansion to a dozen or more enterprises with different safety requirements and content structures.

What we delivered

Lumitech delivered the full product stack for Safety App – web, mobile, and the underlying content infrastructure.

Frontend App Development

Server‑side rendering and performance optimizations for the web app. Dynamic pages driven by Directus CMS, rendered with Next.js.

Mobile App Development

A mobile app for employees that includes all functionality described for the web platform, with full offline support.

UI/UX design

A clean, guided interface that hides complexity and helps workers follow safety steps, checklists, and matrices without confusion.

Content control via Directus CMS

Admins manage all safety content, dynamic blocks, and site structure through Directus CMS. No developer is needed to change or publish new safety materials.

Post‑release support

Ongoing maintenance, optimization, and feature evolution as Valorian rolls the platform out to more clients and sites.

Tech stack:

Frontend / Mobile: Next.js, React Query, Zustand, TailwindCSS, shadcn, React Native.
Backend: Directus SDK, PostgreSQL.
Infrastructure: Microsoft Azure, Docker, GitHub Actions.
Integration: Directus CMS as the headless content platform.

Our Approach

The collaboration started with a focus on a robust architecture that could support multiple enterprises from day one.

Architecture first, then iteration

The team used Feature‑Slice Design in Next.js to support multi‑site and admin roles from day one, then iterated on safety rules, tool logic, and reusable blocks once the foundation was stable.

Embedded industrial safety logic

Safety rules, charts, and formulas were clarified in joint workshops and encoded into the UI as a reusable catalog of blocks – instructions, checklists, matrices, calculators, and more.

Automated deployment pipeline

GitHub Actions and Azure handle deployments, so Valorian can quickly deliver new functionality and content structures to end users without manual intervention.

Features

Safety App combines a flexible content system with field‑ready interfaces, addressing both admin and worker needs.

Fully dynamic pages with a block builder

Pages in the web app are built from modular blocks. Admins assemble them from ready‑made components such as:

Instructions.
Checklists.
Matrices.
Calculators and other tools.

This allows Valorian’s clients to tailor safety content to specific processes, equipment, and regulations without touching code.

Multi‑site architecture and admin roles.

Each enterprise (Site) has its own administrators and its own set of pages, policies, and components. Access is strictly separated: admins at one site can manage only their own content in Directus.

Web and mobile with consistent logic

Web and mobile apps implement the same business logic, so a worker sees identical tools and instructions regardless of device. This makes training easier and keeps behavior consistent across desktop and mobile contexts.

Offline‑ready mobile app

The mobile Safety App supports full offline mode. Key instructions, checklists, and forms remain available without network connectivity. When the connection comes back, all events and changes are synchronized automatically.

Intuitive interface instead of “heavy” PDFs

Complex engineering graphs, tables, and formulas are translated into step‑by‑step flows and interactive tools. Workers no longer need to interpret dense documents; they follow clear, structured guidance tailored to their tasks.

Results

For Valorian and its industrial clients, Safety App has become a practical, everyday tool rather than just another internal system.

Fast time‑to‑market. MVP launched in about three months, enabling real‑world pilots and feedback early on.
Stable and scalable platform. The system runs reliably and is designed to support ten or more enterprises with different safety needs.
1,000+ active workers monthly. The platform already serves more than a thousand users each month across multiple Sites.
Self‑service content management. Site administrators independently update safety content through Directus CMS, which reduces bottlenecks and keeps information current.
Growing rollout. The platform is in production at several enterprises, with around 15 Sites on the rollout list and plans for further expansion.

For Lumitech, this project shows how a well‑designed architecture and thoughtful UX can make industrial safety information truly accessible. For Valorian, it is another step in its strategy to combine consulting, product thinking, and technology, giving industrial service companies tools that actually match how they work on the ground.

Looking to raise safety standards across your industrial sites without slowing work down?

Lumitech can help you design web and mobile tools that put clear, actionable guidance in front of crews at the exact moment they need it.

Ready to bring your idea into reality?

1. We'll carefully analyze your request and prepare a preliminary estimate.
2. We'll meet virtually or in Dubai to discuss your needs, answer questions, and align on next steps.

Prefer a direct line to our CEO?

Denis SalatinFounder & CEO

Prefer a direct line to our CEO?

Denis SalatinFounder & CEO