Building FoxyInvoice — Chapter 12: Engagement & automation — UI first, then automate
This series is written in the open, from a real production system. This chapter is the engagement surface: onboarding, progress you don't lose, and gentle machines that act for the user. [All chapters and diagrams live in the public repo.] "Engagement" conjures dark-pattern streaks and notification spam. It shouldn't. Engagement is the product working so well that leaving it half-finished feels…
FoxyInvoice follows a simple rule: build the manual user interface first, then automate only the flows that have been proven successful through manual testing. The onboarding process is designed to be straightforward and engaging, consisting of a three-step wizard that allows users to name their business, select a currency, and add their first client.
Each step is optional and writes real data, so finishing onboarding results in a fully functional workspace. The dashboard then introduces a get-started checklist, guiding users through creating their first invoice, sending it, and providing a payment link. The primary metric for early engagement is "time to first sent invoice," with all efforts focused on shortening this timeframe.
Throughout the onboarding experience, FoxyInvoice emphasizes progress that users can see and don't want to lose. Features like "Save draft" and "Resume" ensure that users can continue working on their invoices even if they need to leave the page. The template generator is available to both logged-in users and anonymous visitors, preventing any work from being lost during navigation.
A usage meter provides an honest nudge, showing users how many invoice actions they have completed this month. When nearing the limit, users are gently encouraged to upgrade to Pro, which unlocks additional features.
Gentle automation is a core aspect of FoxyInvoice's engagement strategy. Automated reminders are sent at strategic intervals (three days before, due, and 14 days overdue) to ensure timely payments without overwhelming users. The product also takes on the responsibility of chasing payments, aiming to reduce tax anxiety for freelancers by proactively handling recurring invoices.
Quote acceptance directly on the public link further streamlines the sales process, converting leads into customers even when the client is away from their computer.
FoxyInvoice's founding codes offer users the opportunity to access six months of Pro services for free, encouraging early adoption and long-term commitment. Each code tracks its redemption status, ensuring transparency for both users and the company. The product's development focused on automating behaviors that were already proven successful manually, avoiding unnecessary features like time tracking, expense ledgers, or inventory management.
The product's unique selling point lies in its ability to make unpaid invoices easy to manage and collect, all while providing a seamless user experience.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
This story
This is one outlet's version. Read the fullest account.