Onboarding Funnel Tracker.

Build an onboarding funnel tracker for the growth team at Loopdesk, a project management SaaS that signs up a few hundred new users every week. Layout, top to bottom. First, a row of four stat cards: Signups in the last 12 weeks (about 3,420), Overall activation rate (34 percent), Median time to activate (3.9 days), and Biggest leak (Workspace set up to First project, only 55 percent advance). Second, the funnel itself: five horizontal bars for Account created, Workspace set up, First project, Teammate invited, and Activated, each labeled with users reached, conversion from the previous step, and median hours between steps. Above the funnel, a segmented filter for acquisition channel: All channels (default), Organic search, Paid ads, Referral; changing it recomputes the funnel and everything below. Third, a cohort grid table: one row per weekly cohort for the last 12 weeks, newest first, a column per step showing the percent of that cohort reaching it, each cell tinted green for strong, amber for middling, red for weak, plus a final activation rate column. Fourth, a compact line chart of activation rate by cohort week, one line per channel, weeks on the x axis and percent on the y axis. Data. Seed cohort step counts: 12 weekly cohorts, 5 steps, 3 channels, about 180 records, each carrying users reached and median hours to the next step. Weekly cohort sizes run 240 to 330 signups, split roughly 45 percent organic, 35 percent paid, 20 percent referral. Plant one clear story: every step converts at 80 to 92 percent except Workspace set up to First project, which converts at about 55 percent overall and near 40 percent for Paid ads, with a median gap of more than two days versus a few hours everywhere else. Date every cohort by its week starting date relative to today. Behavior. All conversion rates, activation rates, and medians are computed from the seeded counts, never entered directly. A member-only dialog form lets the team log a cohort's step counts (cohort week, channel, step, users reached, median hours); the page must read perfectly for visitors who never touch it. Color coding: green for step conversion at or above 80 percent, amber for 60 to 79, red below 60. Visual identity: use an emerald accent for primary actions, the funnel bars, and active filter states, on a clean light neutral base.