AdsNation
A one-page pitch that moves like the product
- Industry
- Digital out-of-home advertising
- Year
- 2025
- What we did
- Marketing site, UI motion, lead capture
- Live
- adsnation.com
- Site languages
- EN
- Campaign capabilities on the page
- 6
- Client reviews in the proof section
- 18
- Themes, light and dark
- 2
Overview
AdsNation sells animated advertising on digital screens in busy shopping malls, with the creative produced in-house. We designed and built its site: one page that shows an ad playing on a display, lays out what a campaign includes and sends every quote request straight to the sales team's Telegram.
- 01Any call to action“Get a Free Quote”, “Get Started”
- 02Quote form3 fields
- 03Server checkphone and e-mail
- 04Sales chatTelegram
01 — Challenge
Mall screens are often sold as a static poster on a bigger canvas, and a buyer weighing out-of-home spend wants to see the difference, not read about it. The site had to make the case for motion on the first screen and turn a visitor into a lead before the scroll ends.
02 — What we built
We put a display on the first screen with a video ad running inside it, flanked by two vertical phone formats, so the product is visible before any copy. Below come a marquee that speeds up with the scroll, six campaign capabilities, a wall of client reviews and one call to action repeated down the page — all opening the same three-field quote form.
03 — Result
A fast single-page site in light and dark themes, prerendered and served from cache, where every “Get a Free Quote” and “Get Started” leads to one short form. Requests are validated on the server and reach the sales chat immediately.
A screen on the first screen
The hero is a digital display with an ad playing inside it and two vertical phone formats beside it — the exact product the client buys. The theme follows the visitor's system setting, so the screens hold up in dark mode too.
- Video ad inside a display frame, animated phone formats
- Light and dark themes from system preference
- Free-quote call to action on the first screen
What a campaign includes
The offer is broken into six capabilities the advertiser actually pays for, from custom motion graphics to scheduling for peak hours. A short outcome statement and an order button close the section.
- Custom motion graphics tailored to mall environments
- Creative rotation, flexible duration and frequency
- Time-based scheduling and real-time content updates
Social proof at volume
Eighteen client reviews sit in three columns, and each card grows slightly as it crosses the middle of the screen, so the section reads as a crowd rather than a carousel. On a phone the list starts short and opens with a show-more button.
- 18 reviews on creative quality, speed and store traffic
- Scroll-linked card scale built with Framer Motion
- Show-more pagination on mobile
One form behind every button
Every call to action opens the same modal with three fields: name, phone and e-mail. The phone is masked to the US format, the server checks e-mail and phone again, and the request is posted to the sales team's Telegram chat.
- One modal for all CTAs, driven by a Zustand store
- Masked US phone input and server-side validation
- Leads sent to Telegram from a Next.js route handler
Key decisions
- The marquee reads scroll velocity through a spring, so the text speeds up when the visitor scrolls fast and settles back to a slow drift.
- The page is prerendered and served from the Next.js cache behind Cloudflare; the only server code is the lead route.
- A single Zustand modal store lets every call to action on the page open the same quote form.
- Leads are checked twice — a masked phone input on the client, validator.js e-mail and phone checks on the server — before they reach Telegram.
