Design kit
Color
- #020617background
- #709792
- #202837
- #43525b
- #f8fafctext
- #00d992accent
Type
- IBM Plex SansLight · Regular · Medium
Overview
Adminer is an independent advertising trading desk in Malaysia. They plan and buy media for brands and agencies across social, display, programmatic, CTV, audio and digital out-of-home.
The problem
Their hosting plan expired, and their website and all of its data went with it. They needed a new site shipped quickly.
Design
Adminer works across a lot of different ad technology, and they wanted the site to show that they're tech-savvy.
So instead of describing their advertising formats, the site shows them: each format is an animated card that plays out the way the real ad behaves.
Build
I built it in React with Vite and animated it with GSAP and ScrollTrigger, and the motion respects visitors' reduced-motion settings.
Every format demo is coded rather than recorded, so the formats page carries more than twenty animated demos, from scratch-to-reveal and countdowns to a memory game, without a single video file.
Each page is prerendered to static HTML with its own metadata, structured data and a sitemap, to help the rebuilt site get back into search. It's live at adminer.com.my.
What I built
- A pulsing animated hero
- Animated cards for each of their advertising formats
- A formats page of interactive demos, from peel-to-reveal and card swipers to chat bots and mini games
- A solutions overview covering channels, data, technology and measurement
- Case study pages and a contact page

