GoPayroll AI — AI Payroll Software for Small Business

Why we love this one? 🌚

Most fintech briefs sound the same: "clean, professional, trustworthy." Translation: we'll let you ship boring.

This client came in with a different line. The brief, almost word for word: "don't make it look like every other payroll site. Don't make it feel like finance."

That's the kind of direction we wait for.

GoPayroll AI is an AI-powered payroll platform for small and growing businesses — tax filings, compliance, tip distribution, overtime, all automated. The product is built to take payroll off an owner's mind. The site had to do the same thing on first scroll: signal "this isn't another spreadsheet."

The interesting bet: Rive in a fintech site? 🌚

The technical call we made — and the client backed — was building the interactive moments in Rive, not Lottie, not CSS-only.

Why it matters: Lottie plays. Video loops. CSS scales. Rive reacts. It's runtime animation with ViewModel binding — meaning the motion can respond to state, data, and user input the same way the rest of the UI does. For a fintech site whose whole pitch is "the product is alive, not a form", that mattered.

Most fintech sites animate twice — once on load, once on hover, then dead. We made the interactive layers responsive throughout. Subtle, fast, never showy. The kind of polish you don't notice consciously, but the lack of which is exactly why most payroll sites feel cheap.

This is the kind of technical pick most agencies skip because it's "extra work for the same look." It's not the same look — and clients who care can tell.

How it's built? 🌚

Webflow for the core build — clean semantic code, fast load, painless hand-off to the client for ongoing edits. Rive for the interactive layer, integrated as runtime components for hero moments and key UI transitions. Custom CSS for the dynamic industry-switcher state.

Webflow + Rive is the stack we reach for when a site needs to look like design and behave like product. Webflow keeps it shippable and editable. Rive keeps it alive.

Fully responsive — desktop, tablet, mobile breakpoints handled with the same care as the hero. Forms wired to the client's lead pipeline. Lightweight enough to load fast on the cheap mobile a small business owner is actually using between shifts.

The design system? 🌚

The brief in one phrase: fintech that doesn't look like fintech.

Lime green as primary accent — a deliberate departure from the navy-blue saturation of every payroll competitor. Pairs with deep midnight blue and a clean off-white base. Contrast does the heavy lifting: serious where it needs to be, energetic where it can afford to be.

Type is a confident modern sans, oversized in the hero — punchy, owner-friendly, no apology. Industry switching lives in a pill-bar of six verticals — Restaurants & Bars, Salons & Spas, Retail & Franchises, Home Services, Healthcare & Clinics, Sales-Driven Orgs — each click morphs the copy below to that vertical's world.

Photography is real working people, not headshots in fake offices. Iconography is uniform line-based — no clip-art, no stock-y illustration. The "Your Payroll, On Autopilot" line on mobile is the brand's strongest hook, and we gave it the screen real estate to land.

What we shipped? 🌚

Pages: Home (with industry switcher), Why Us, Industries (deep-dive per vertical), Pricing, Contact.

Functionality: Custom Rive animations for hero and key interactive moments. Industry-state switcher with vertical-specific copy and feature highlights. Contact form with technical-support routing. Trust rail ("Trusted by small businesses like yours"). Mobile-first responsive build.

Stack: Webflow, Rive runtime, custom CSS layer, fully responsive across desktop, tablet, and mobile.

Why we're proud? 🌚

This was a project with the rare combination of engaged client and real creative latitude. The client knew what they wanted from day one — not "clean and professional", but "don't make it boring." They reviewed Figma carefully, pushed back where it mattered, and trusted us on the technical calls (Webflow, Rive, switcher state model, mobile-first photography).

Every project that ships well needs both parts: a client who cares, and a team that can hold a point of view. We had both.

The proof? They came back. The site is now in ongoing modernization with us — round two, round three already on the way. That's the cleanest social proof a studio can put on a case study: they liked it enough to keep us.

If you're a fintech, SaaS, or AI-first SMB platform and you want a site that doesn't look like every other dashboard screenshot on Product Hunt — this is the kind of work we say yes to.