---
title: "Orion by FireFlex: a HubSpot website and an animation to bring the proof of concept to life"
description: HubSpot website and Hero animation for Orion by FireFlex, built as a visual proof of concept for this connected fire protection monitoring solution.
---

[Arrivals Terminal | Portfolio](https://avionrouge.com/en/portfolio)

# [Orion by FireFlex: a HubSpot website and an animation to bring the proof of concept to life](https://avionrouge.com/en/portfolio/site-web-de-orion-propuls-par-hubspote)

 Written by [JC Charlier - Avion Rouge Communications](https://avionrouge.com/en/portfolio/author/avion-rouge-communications) | Jun 15, 2022, 4:00:00 AM

#### FireFlex, a Quebec-based manufacturer of fire protection systems, was launching Orion: a remote monitoring solution that combines a cellular-connected datalogger with a web portal to track pressure, temperature and system status in near real time, with alerts sent by text or email.

Avion Rouge designed and built orion.fireflex.com on HubSpot, in a bilingual version, to showcase the product and its use cases and to turn visitors into demo requests. At the heart of the project is an animation in the Hero section, designed as a visual proof of concept. In just a few seconds, it shows how Orion captures data from the equipment and sends it to the portal, making a technical product easy to understand at a glance.

 

[View full post](https://avionrouge.com/en/portfolio/site-web-de-orion-propuls-par-hubspote)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "JC Charlier - Avion Rouge Communications"
  },
  "dateModified" : "2026-10-20T15:03:28.769Z",
  "datePublished" : "2022-06-15T04:00:00Z",
  "headline" : "Orion by FireFlex: a HubSpot website and an animation to bring the proof of concept to life",
  "image" : {
    "@type" : "ImageObject",
    "height" : 1082,
    "url" : "https://23902994.fs1.hubspotusercontent-na1.net/hubfs/23902994/Blog_Media/orion-website-01.jpg",
    "width" : 1800
  },
  "mainEntityOfPage" : "https://avionrouge.com/en/portfolio/site-web-de-orion-propuls-par-hubspote",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Arrivals Terminal | Portfolio"
  }
}
```