Limgro
Case studyIn production since 2025Digital AdvertisingDOOH

AdsNation

The site is the product demo

AdsNation places animated advertising on high-traffic digital displays inside shopping malls, handling the whole lifecycle from creative concept to campaign launch: custom motion-graphic production, prime-location placement, dynamic creative rotation and real-time content updates across the display network.

Next.js
React
TypeScript
T
Three.js
Tailwind CSS
The numbers
6
Campaign capabilities shown
2
Languages
1
Route — everything on one page

Challenge

Mall advertising is sold as a static poster on a screen, to advertisers who have already been burned by unmeasurable out-of-home spend. The pitch had to prove that motion works — and it had to do that in the first three seconds of the page, not in a paragraph.

What we built

We made the site itself the demo: WebGL mesh gradients, scroll-linked marquees and continuous motion that show what an animated placement looks like before a word is read. A bilingual EN/RU single-route funnel drops enquiries into the sales team's channel immediately.

Result

A conversion-focused site that doubles as the product demo, laying out six campaign capabilities for advertisers in two languages, with enquiries delivered to the sales team in real time.

What it does

Every screen below is the live product, captured this week.

Home — the animated placement, demonstrated on load.
Module 01

The pitch

Animated placement on mall screens is hard to describe and easy to show, so the page opens with the motion it sells.

  • Digital displays in high-traffic mall zones
  • WebGL mesh gradients and continuous motion
  • Free-quote funnel from the first screen
Capabilities — what an advertiser controls in a campaign.
Module 02

Campaign capabilities

Six controls define an out-of-home campaign, and each one is a lever the advertiser actually operates.

  • Custom motion graphics produced in-house
  • Dynamic creative rotation and time-based scheduling
  • Real-time content updates across the display network
Reviews — advertiser outcomes after switching to animation.
Module 03

Proof

Advertisers burned by unmeasurable out-of-home spend need other advertisers to speak first.

  • Client testimonials on visibility and store traffic
  • Positioning against static poster placement
  • Turnkey delivery from creative to launch
Contact — the enquiry funnel at the end of one scroll.
Module 04

Conversion

Everything sits on one route, so there is never a navigation step between the pitch and the form.

  • Single-route architecture with scroll anchors
  • Masked and validated enquiry inputs
  • Instant delivery to the sales channel
On a phone

The motion carries to mobile — the demo works on the device a client reads it on.

Under the hood

The stack, and the engineering decisions behind the build.

Front end
Next.js 16 · React 19 · Three.js · mesh gradients · scroll-linked motion
Back end
Route handlers for enquiries · masked inputs · validation
Infrastructure
Static-first single-route build · optimised media pipeline
Rendering & i18n
Single-route scroll architecture · EN/RU dictionaries
Integrations
Telegram sales bot · Google Maps · analytics
Engineering highlights
  • WebGL mesh gradients and scroll-linked marquees running the motion the product actually sells.
  • Single-route architecture: every section is a scroll anchor, so there is no navigation between pitch and form.
  • Enquiries masked and validated client-side, re-validated server-side, delivered to the sales channel instantly.
  • Heavy motion confined to the viewport, so an animated page still holds its frame rate on a laptop.

Have a Similar Project?

Let's talk about how we can build something great for your business. We love a good challenge.

Start a Conversation

Let's Build Something Great Together

Have a project in mind? Tell us about it. We'll get back to you within 24 hours with a clear plan of action.