Admoon.net had a problem most agency sites ignore — SEO demanded heavy content but heavy content kills engagement. I designed a full system to solve both at once: animated dropdowns collapsing service detail without hiding it, custom illustrations paired with motion, trust-building metrics embedded into team introductions, and a layout hierarchy that made users read further down the page than they normally would.
The brief was contradictory on its face: write enough copy for Google, but don't bore the human reading it. The answer was progressive disclosure at the component level — animated dropdowns that collapsed dense service detail behind a one-line summary. The content was all there for indexing; users only saw what they asked for. Every section worked the same way: heavy content structured so it revealed itself instead of landing all at once.
The team section became the signature interaction of the site. Every team member's portrait placed in a circle — and on hover, everyone turns to look at whoever you're pointing at. No UI affordance, no label, no instruction. The interaction was its own reward. It communicated culture, craft, and attention to detail in a way a paragraph never could. Combined with benefit metrics and role descriptions, it built trust without a dedicated "about" page.
The pricing section used live currency conversion and number animations — not decorative, but functional. Users watching numbers update in real-time trusted the data more than a static quote. The year-over-year results comparison used the same principle: show the change happening, not just the outcome. Every data-heavy section was designed so the motion made the point before the copy did.
Voice narration was added for each service section — not as an afterthought but as a designed layer, with custom audio controls that matched the site's visual language. The case study format was redesigned to surface key numbers instantly rather than burying them in paragraphs. Responsive layout was built for tablet and mobile without degrading the animation system — Rive files were scoped to desktop, lighter CSS transitions handled the rest.
Two service pages where motion does the explaining a wall of copy could not — built in Rive, embedded live here, running in your browser exactly as they run on the site.
Managing Account
Individual Account
I counted every section across 24 competitor sites, 11 in-region, and 2 segment-direct, then decided what to keep, cut, and add. I shipped 19 of ~41 sections in the market — and not the top 19 by frequency.
The pages the motion lives in — dense, SEO-driven content built to stay readable top to bottom. The home page, and the two service pages whose animations you just saw.
Team page — live hover interaction, recorded from the site
The Team, Live
On the live team page, every portrait tracks your cursor — point anywhere and the whole room turns to look where you are looking. A site selling an agency is really selling its people, so I made the people watch back.
