🏠 Overview › 🎯 Features ›🎯 Cost Comparison

Cost Comparison

Feature Detail

low complexity extracted Benefit Calculator Confidence: 100%
4
Components
2
Shared
0
User Stories
Yes
Analyzed

Description

The Cost Comparison widget on the Sales Website lets prospective organizations contrast their current cost of running peer-mentor programs (manual reporting, Excel aggregation, paper-based reimbursements) against the projected cost of operating with Meander. Visitors enter assumptions about staff hours, current tooling spend, and program scale, and the widget returns a side-by-side breakdown of current versus future operational cost. Like the Impact Calculator, it runs entirely client-side with no authentication or backend, complementing the impact-side narrative with a financial-side narrative.

Sources & reasoning

Explicitly listed as a feature of the sales-calculator area in the canonical area taxonomy (§8). Source is silent on phase placement, so per the resolution rule defaulting to the second non-mobilization phase (Core Product) - MVP Sales Website scope in §5 covers only landing page, demo form, and legal pages, so the calculator features fall to the next phase.

  • | sales-calculator | Benefit Calculator | Impact Calculator, Cost Comparison |
  • Product 4: Product Sales Website (simple static site) ... Benefit / impact calculator (static calculation, no login) ... Tech: Static site ... Public-facing, no auth, no backend dependency.

Analysis

Business Value

Cost Comparison addresses the financial-justification step that follows the impact-realization step. While the Impact Calculator answers 'what will we gain?', this widget answers 'what will it cost compared to what we pay today?' - the question that ultimately unlocks budget approval. For organizations funded by Bufdir grants and member contributions, demonstrating cost neutrality or savings is often a prerequisite for adoption. Pairing impact and cost views also gives sales conversations a structured framework, reducing reliance on ad-hoc pitch decks and making the Sales Website more self-serve for decision-makers.

Implementation Notes

Implemented as a static client-side widget alongside the Impact Calculator, sharing the same hosting, styling, and accessibility baseline. Calculation logic is a pure function over visitor-supplied inputs and configurable baseline assumptions (e.g. cost-per-hour, typical tooling spend) defined in a static config file so non-developers can tune the numbers without a code change. No backend, no database, no auth. Outputs render as a side-by-side comparison with clear before/after columns, formatted in the visitor's locale, and the widget meets WCAG 2.2 AA like the rest of the marketing site.

Quality Assurance

Prospective Buyer (primary)
1
Scenarios
4
UAT Steps
13
A11y Annotations
0
Role Boundaries
Prospective Buyer

Prospective Buyer

Quick UAT

  1. Apne salgsnettstedet og naviger til Kostnadssammenligning-widgeten under Fordelskalkulator.
  2. Fyll inn antall timer brukt pa rapportering per maned, antall koordinatorer og arlig kostnad for naverende verktoy.
  3. Trykk Beregn og bekreft at side-ved-side-sammenligningen viser naverende kostnad mot projisert Meander-kostnad.
  4. Bekreft at differansen (besparelse og tilbakebetalingstid) vises tydelig under sammenligningen.

Quick UAT — Accessibility

  1. Apne salgsnettstedet og naviger til Kostnadssammenligning-widgeten under Fordelskalkulator.
    • Screen reader Sideoverskrift 'Kostnadssammenligning' annonseres; widget-region har tilgjengelig navn.
    • Keyboard / focus Widget naas med Tab fra hovednavigasjon i logisk lese-rekkefolge.
    • Focus visibility Synlig fokusring nar widget-overskrift faar fokus.
  2. Fyll inn antall timer brukt pa rapportering per maned, antall koordinatorer og arlig kostnad for naverende verktoy.
    • Screen reader Hvert nummerfelt annonseres med label, enhet og om det er obligatorisk.
    • Keyboard / focus Tab navigerer mellom feltene i visuell rekkefolge; nummerfelt godtar tall via tastatur.
    • Focus visibility Alle inputfelt har synlig fokusring og programmatisk knyttet label.
    • Touch target Hvert inputfelt er minst 24x24 CSS-piksler.
  3. Trykk Beregn og bekreft at side-ved-side-sammenligningen viser naverende kostnad mot projisert Meander-kostnad.
    • Focus visibility Beregn-knapp har synlig fokusring og tilgjengelig navn.
    • Touch target Beregn-knapp er minst 24x24 CSS-piksler.
    • Live region 'Sammenligning oppdatert. Naverende kostnad mot Meander-kostnad vises.'
    • Zoom Sammenligningstabell er brukbar ved 200% zoom uten horisontal scrolling.
  4. Bekreft at differansen (besparelse og tilbakebetalingstid) vises tydelig under sammenligningen.
    • Screen reader Besparelse og tilbakebetalingstid leses opp med beloep og enhet.
    • Contrast Tall og etiketter har minst 4.5:1 kontrast; besparelse markeres ikke kun med farge (har ogsa tekstetikett).

Expected End State

Widgeten viser en side-ved-side-sammenligning av naverende rapporterings- og koordineringskostnad mot projisert Meander-kostnad, med tydelig besparelse og tilbakebetalingstid. Ingen data sendes til server, og ingen innlogging kreves.

Components (6)

User Interface (2)

ui Impact Calculator Widget medium ui Cost Comparison Widget medium

Service Layer (2)

service Calculation Logic medium service Comparison Logic medium

Shared Components

These components are reused across multiple features

User Stories

No user stories have been generated for this feature yet.