← BBC Design System · Reference
13 · Products
PROD-01 · SINGLE PRODUCT HERO

Single Product Hero (with mockup)

Hero block for a single product. Icon + label + headline + lede + feature pills + CTAs on the left, product mockup on the right. Use as the opening section of any product landing page.

PROD-01-A · Product hero with browser-mockup
E

Thoga · Enrol

Admissions, finally on autopilot.

From inquiry to enrolment, every parent journey runs on one stack — search, capture, nurture, convert. Built for schools, pre-schools, and learning centres.

Lead captureWhatsApp nurtureCounsellor pipelineFee collectionParent portal
PROD-02 · 3-UP PRODUCT GRID

3-Up Product Card Grid

Side-by-side product cards. Use to showcase a suite (e.g. Thoga's three pillars), a tier breakdown, or "products by industry" segmentation.

PROD-02-A · 3-product grid with icon, tagline, features, link

The Thoga Suite

Nine products. One spine.

E
Enrol
Admissions on autopilot.

Lead capture, WhatsApp nurture, counsellor pipeline, fee collection, parent portal — for schools and learning centres.

SchoolsPre-schoolsCoaching
Explore Enrol
R
Reach
CRM that compounds.

Pipeline, deals, attribution, sequences, and call-recording for B2B and consideration-led businesses.

B2BReal estateHospitality
Explore Reach
I
Inbox
One thread per customer.

Unified inbox across email, WhatsApp, Instagram, web chat. Every conversation, one view, owned by one team.

SMBD2CService
Explore Inbox
PROD-03 · FEATURE CALLOUTS

Product + Numbered Feature Callouts

Visual on the left, 3–5 numbered feature callouts on the right. Use for the "how it works" section of a product page after the hero.

PROD-03-A · Product visual + 4 numbered features

How Enrol Works

Four moving parts. One outcome.

ENROL
01

Capture every lead

Forms, WhatsApp, Instagram DMs, walk-ins, referrals — all flow into one pipeline with auto-tagging.

02

Nurture without lifting a finger

Pre-built sequences for inquiry, visit-pending, fee-pending, and waitlist parents. Your counsellors only step in when there's a real conversation.

03

Convert with confidence

Counsellor pipeline view, scripted call paths, conversion predictions. Every dropped lead has a documented reason.

04

Onboard in one tap

Fee collection, document checklist, parent-portal access — triggered automatically when admission is confirmed.

PROD-04 · COMPARISON MATRIX

Us vs. Them

Feature-by-feature comparison highlighting your column with gold accents. Use on landing pages where prospects are likely evaluating alternatives.

PROD-04-A · 6-feature comparison · us highlighted

Why Enrol

Built for schools.
Not retrofitted from sales CRMs.

Capability
Generic CRM
Built for parent-conversation cycles
Pre-built admission stages & KPIs
WhatsApp-first nurture
Add-on
Fee collection inside the funnel
Counsellor performance dashboards
Custom build
Implementation in < 7 days
4–8 weeks
PROD-05 · ECOSYSTEM STACK

Product Stack / Ecosystem View

Vertical stack showing all products by tier with featured one called out. Use for "the full Thoga suite" overview, partnership decks, investor materials.

PROD-05-A · 5-layer Thoga ecosystem (Enrol featured)

The Thoga Stack

One spine.
Nine ways to ship.

Operations
Pulse · People

Run the business. Operations dashboards, HRMS, attendance, payroll.

PulsePeople
Vertical
Bay · Stay · Score

Industry-specific stacks. Garage management, hotel ops, education scoring.

BayStayScore
Foundation
Shield

Identity, role-based access, audit trail, compliance — the layer everything else sits on.

Shield