A healthcare platform that turns approved insurance claims into available cash
Avrio helps clinics in Saudi Arabia run their day-to-day operations, manage insurance claims, and get cash as soon as a claim is approved. The platform brings all three together and complies with NPHIES requirements.
About the project
An approved insurance claim doesn’t always mean the money is in the clinic’s account. Avrio was built to close that gap and give clinics one place to see where a claim stands and when the funds are available.
- Next.js 15
- React Three Fiber
- Framer Motion
Goals
When a clinic first visits the site, it should be able to answer a practical question. What happens after a claim is approved? We wanted the answer to be easy to find, with enough detail for clinic teams to see how Avrio fits into their day-to-day work.
Key challenges
Clinical operations, claims, and cash flow make sense on their own. The harder part was showing where they meet. We had to decide which details belonged on the site and which could wait until someone was using the product.
.png&w=2560&q=75)
Design approach
We used custom 3D scenes to show what happens to a claim as it moves through Avrio. Each scene covers one step, giving the copy room to explain the details that matter to clinics.
-1.png&w=2560&q=75)
The process
We mapped how clinics handled claims and looked for the points where payments slowed down. That sequence gave us a structure for the site. We developed the identity and 3D scenes around it, then built the site and added motion.
-1.png&w=2560&q=75)
Focus areas
The work covered the identity, custom 3D, website design, and development. We spent the most time on 3D because the scenes had to show how a clinic goes from an approved claim to funds it can use.
.png&w=2560&q=75)
Visual identity
The identity pairs a rounded symbol with a simple wordmark. The softer shape carries through to the site and gives Avrio a warmer feel in a clinical setting.
.png&w=2560&q=75)
.png&w=2560&q=75)
Color palette
A restrained palette of soft blues and lavenders keeps the interface and 3D scenes open and easy to read. The colors stay calm and contemporary, supporting the product without competing with the content or adding unnecessary contrast.
-1600x1200.png&w=1440&q=75)
Typography
We used Manrope throughout the site. Its range from Extralight to Extrabold lets us use the same typeface for small interface labels and large headlines.
.png&w=2560&q=75)
3D scenes
We built the scenes in Blender. Soft lighting and translucent materials give data flow, claim processing, and access to funds a shared look, so the scenes read as steps in the same process.
UI/UX design
The site follows the real product flow. Each section focuses on a single idea, supported by 3D and a consistent interface, so clinics can understand how everything connects without extra explanation.
-1.png&w=2560&q=75)
One platform
Clinical workflows, insurance claims, and liquidity sit in one system. Clinics follow a single path from the moment a claim is approved to the moment the cash becomes available, without switching tools or chasing payments.
-1.png&w=2560&q=75)
-1.png&w=2560&q=75)
.png&w=2560&q=75)
Clear from the first screen
Identity, 3D scenes, and interface work together on the live site. Each section focuses on one part of the process, so the connection between clinical operations, claims, and liquidity is visible immediately, without long explanations or extra screens.
-1.png&w=2560&q=75)
-1.png&w=2560&q=75)
-1.png&w=2560&q=75)
Same clarity on every device
On mobile, we adjusted the layout and motion to fit a smaller screen. The same scenes and details are available on desktop and mobile.
-2.png&w=2560&q=75)
-1.png&w=2560&q=75)
-1.png&w=2560&q=75)
Outcome
We built a live platform where clinical operations, insurance claims, and liquidity work as one system. Custom 3D, a consistent identity, and a focused interface help clinics understand the product from the first screen. The result is a modern, NPHIES-compliant site that feels transparent and approachable.
-1.png&w=2560&q=75)
-1.png&w=2560&q=75)
