SaaS Product (B2B)
Role:
Year:
Explore the full story โ
Challenge
Onboarding at a counseling practice is a lot of reading with real stakes. A new clinician has to learn how to write notes, what to do in a crisis, which tools the practice uses and what stays private, then sign agreements before they see anyone. At the first practice, all of that lived in a 290-page manual and a staff handbook, and the owner checked understanding by hand. My first version was a portal on the practice's website, and it hit a wall fast. Every clinician needed their own login and saved progress. The owner needed proof they understood the material, not just that they clicked through it. And to work for other practices, each one needed its own private space. A website can't do any of that, so it had to become real software. Two limits shaped every screen: no client information ever goes in, because this is a training app and not a health record, and no practice can ever see another's data.
Objective
Make understanding the gate, not attendance. Each section ends in a quiz, and the next section stays locked until it's passed. The questions come from a pool, so every try draws a new set and retaking it means learning the material, not memorizing answers. The lock is enforced on the server, not just hidden in the interface, and the right answers only show after a pass. The owner sees every try on each person's page. Around that gate, each step leads with a short video and keeps the reading beside it, because a 4-minute video gets watched and a manual chapter gets skimmed. Agreements are signed on the step by typing your full name, and changing the text means everyone signs again. The first step editor was a separate builder panel listing every block, and it felt overwhelming, so I rebuilt it the same day: now the editor is the step page itself. You type on the page and press + between blocks.
Results
Live, with a public demo: each visitor gets a private copy of Cedar Grove Counseling, as a new clinician or as the owner, and it's deleted after 24 hours. The first practice's 290-page manual and handbook became 17 sections, 149 steps and 446 quiz questions in the app, now waiting on the practice's review. 190 automated tests pass, including the ones that keep each practice's data separate. The Figma file is rebuilt from the running app: 22 screens for desktop and phone, 4 clickable prototypes, 88 device mockups, a design system whose variables carry their CSS names, and a developer handoff page with redlines. A scripted contrast check of every text layer found three real failures in the product, a switch at 1.99:1 and two kinds of row dimmed with opacity, and I fixed them in the code. Not measured yet: whether it gets clinicians ready faster. The number I'll hold it to is days from first sign-in to the last agreement signed, against onboarding from the manual.







