An internal record of the Phase 2 polish batch delivered to infonet.co — what changed, why it matters, and what stands out.
Global passes that touched all 57 existing HTML files. These were done first so every later change inherited them cleanly.
Infonet already imports Newsreader with its optical-sizing axis — we turned it on. Big display headlines now use opsz 72 with tighter tracking (-0.022em), small labels use opsz 14 with wider tracking (+0.18em). Headings breathe properly at every size.
aria-hidden so screen readers skip themloading="lazy":focus-visible ring — respects keyboard vs. mouselang="en" verified on every <html>Converted 23 PNGs to WebP at 80% quality. Every <img> wrapped in <picture> with WebP source + PNG fallback.
11.5 MB saved in total image transfer (93% average reduction). Largest wins: blog hero images (700KB → 40KB each), proxybox-pro.png (961KB → 39KB).
Three new sections of the site that didn't exist before, each designed to feel native to the Infonet brand.
A hub with 5 curated reading bundles, reshelving the 26 existing blog posts into role-based journeys:
Each playbook is a dedicated page with a numbered reading sequence + a "next step" CTA. Zero new content written — just a new structure that makes the library feel 10x more valuable.
All 4 are email-gated. The newsletter API got a new source column so every download is tagged with the resource that drove the signup.
"Lost? Happens to all of us." — with popular post cards, search prompt, and a clear path back to the main areas. Wired into nginx via error_page 404.
The /blog/ index was a flat list of 27 posts. Now it has search + faceted filtering.
/blog/search-index.json published for programmatic access/blog/?tag=Safety opens filtered viewThree new showpieces on the homepage designed to make Infonet feel alive instead of described.
Six curated prospect→message pairs cycling through a side-by-side panel. Each example shows the prospect card (name, title, headline, recent LinkedIn post) next to the AI-generated opener, the reasoning chips that informed it, and a reply-likelihood percentage. Auto-advances every 8 seconds, pauses on hover, keyboard-navigable.
Personas: VP Sales at Figma, YC founder, Head of Talent at Stripe, CRO at Rippling, SDR Manager, agency owner. All content pre-baked but believable.
Three parallel routing paths (Datacenter proxy → Cloud IP → Home IP) with packet-flow dots animating along each wire. The Home IP path has a green "✓ Best" badge and subtle glow.
Above the pricing cards. Annual shows 20% off: Pro $49→$39, Agency $39→$31. The volume calculator table syncs too. Selection persists in localStorage.
A floating chat bubble appears after 18 seconds on every page with copy tuned to where the visitor is:
/ — "Have a question? I'm here to walk you through how Infonet works."/compare/ — "Comparing LinkedIn automation tools? I can show you a side-by-side."/vs/expandi/ — "Thinking of switching from Expandi? Ask about our migration support."/playbooks/*/ — "Want this playbook tailored to your team?"/resources/*/ — "Grab the download — and if you want tactics that complement it, I'm here."Clicking opens Chatwoot. Dismissible. Session-scoped (doesn't re-show same visit). Works in both light and dark themes.
Most SaaS sites describe their product in copy. Infonet now shows six concrete examples of what it actually outputs — far more persuasive than any bullet list. Even though pre-baked, it feels alive because the examples are specific and role-varied.
Every download captures an email with attribution. Knowing whether safety-conscious or ICP-focused visitors convert better will inform what content to build next.
We added ~50KB of new functionality, but the WebP conversion saved 11.5MB of image transfer. Net result: faster site, better experience, more content.
We reshelved what was already there into role-based journeys. Zero content work, massive perceived depth.
Nine items from the brainstorm weren't in this batch. They live in memory and will resurface in the next round.
The most interesting one to unblock next is the Calendly embed — the "Schedule a Demo" button currently opens mailto:, which is a conversion gap. A 15-minute calendar embed would modernize it considerably.