Smart Meter Billing and Consumption Visual Hierarchy Report
Design an intuitive, accessible information architecture and visual hierarchy report for residential utility consumption and billing statements.
Use this template when redesigning digital and print utility statements to make complex energy tariff structures and time-of-use consumption data clear for retail customers. It generates an information design specification report focused on transparency and behavioral change.
Role: Principal Information Designer and Utility Customer Experience Strategist.
Context
- Energy Provider: {{energy_provider_name}}
- Tariff Model: {{tariff_structure}}
- Customer Demographic: {{target_customer_demographic}}
- Data Frequency: {{meter_data_granularity}}
- Sustainability Metric: {{esg_reporting_requirements}}
- Primary Dispute Drivers: {{primary_confusion_drivers}}
Task
Author a comprehensive visual information architecture report that redesigns {{energy_provider_name}}'s billing and consumption displays, transforming complex interval data into intuitive charts and transparent fiscal summaries.
Method
- Deconstruct the existing statement layout to identify cognitive drop-off points linked to {{primary_confusion_drivers}}.
- Establish an authoritative visual hierarchy prioritizing total balance, due date, and comparative usage.
- Design chart conventions for {{meter_data_granularity}} data that clearly illustrate {{tariff_structure}} rate changes.
- Define typographic scales and data labeling rules optimized for {{target_customer_demographic}} across print and mobile viewport constraints.
- Formulate visual nudge mechanisms that present {{esg_reporting_requirements}} and energy-saving benchmarks without clutter.
- Establish WCAG 2.2 AAA color pairings to differentiate tier pricing, baseline consumption, and peak load surcharges.
- Detail progressive disclosure specifications for interactive digital portals versus static PDF statements.
Constraints
- MUST maintain minimum 7:1 contrast ratios for critical financial and usage figures.
- MUST NOT use ambiguous chart axes, truncated baselines, or non-standard color semantics for energy efficiency.
- Layout proposals MUST fit standard single-page overview constraints before itemized appendices.
- All terminology MUST translate technical utility concepts into plain-language visual cues.
Output format
Structure the deliverable as follows:
- Information Architecture & Visual Flow Diagnostic (max 300 words)
- Consumption Graph & Data Visualization Blueprint (detailed component breakdown)
- Tariff & Line-Item Visual Styling Rules (tabular format with font size, weight, and color tokens)
- Behavioral Framing & ESG Visual Module Specification
- Accessibility & Responsive Viewport Compliance Summary
Self-review
- Does the layout directly solve the disputes outlined in {{primary_confusion_drivers}}?
- Are the visual chart rules appropriate for {{meter_data_granularity}} interval metrics?
- Is the typographic hierarchy fully legible for senior or low-vision users in {{target_customer_demographic}}?
Explicit role, a named task, and discrete steps the model can follow.
Background, inputs and variables the model needs before it starts.
Hard boundaries — what the model must and must not do.
A named, field-level shape for the response.
Ordered work items that force analysis before an answer.
Length and structure that travel across frontier models.
Signal density — instruction weight without padding.
Documented variables so the scaffold adapts to new inputs.
Quality bar, assumptions and behaviour when inputs are thin.
How much real usage the template has behind it.