Skip to content
DiogoTerra Nova

UX/UI Designer & Front-End Developer

Lead-qualifying landing page and online subscription form

  • Front-End Development
  • HTML / CSS / Javascript
  • React
  • Ant Design
  • Firebase

SADI Connect is a Stampstar service that connects to a building’s existing fire alarm system. The moment the alarm triggers, it automatically reports the event directly to the fire brigade, in under two seconds. I designed and built the front-end created to promote the service and convert new clients, from the landing page to the multi-step online form where companies subscribe.

SADI Connect landing page on a laptop, with the headline 'Your direct line to the fire brigade', the fire-alarm panel, the Connect SADI device and a firefighter

The Challenge

SADI Connect is a technical security product for the B2B market, and the landing page needed to serve two objectives pulling in opposite directions.

First, it needed to explain the service’s value to an audience that had never heard of it. Since building and business managers aren’t fire safety specialists, the focus was on showing exactly why two seconds make a difference, without falling back on technical jargon.

Second, it was essential to protect the sales team’s time. Since coverage is limited to the Greater Lisbon area and ten other locations, and the service requires an existing fire alarm panel, the page was designed to filter out ineligible visitors before they reached the subscription form.

The Process

For the landing page, I structured the narrative to build trust and filter out unqualified leads. The page clearly explains the service, shows how it integrates with an existing alarm, and details the data sent to the fire brigade, using relevant social proof to back up the two-second promise. To avoid unqualified leads, I included an upfront check of location and technical requirements before subscription. Finally, I built the multi-step form in React with Ant Design and Firebase, guiding the user from coverage confirmation through to the generation and acceptance of a personalised proposal, with no dedicated backend required and ensuring contacts were captured even outside the coverage area.

The Solution

Landing page

SADI Connect landing page: hero on direct fire-brigade communication, feature list, real-time alert example, coverage-area map checker, client logos and a municipal testimonial

Subscription form

Not sure if I'm the right fit? Ask my AmigoGPT