Home > Option a Compact Wireframes

Option A / compact list study

Same clarity, less vertical scroll.

Three wireframes for making high-impact certification lists denser while keeping the California Faucets-inspired calm, minimal look.

Wireframe 1

Compact table rows

Best for show all
High impact Electrical Water Accessibility Code
UL

Electrical Safety

Sensor faucets, control boxes, drivers, transformers, and powered components.

High impact
UPC

IAPMO Listings

Plumbing listing pathway for UPC, IPC, and related fixture testing.

High impact
EPA

WaterSense

Water-efficiency targets for faucet and shower performance.

High impact
ADA

Accessibility

Reach ranges, clearances, controls, and sensor placement.

High impact
ICC

Code Alignment

IPC model code, local amendments, and AHJ review context.

High impact

Wireframe 2

Two-column compact matrix

Best balance
UL

Electrical Safety

Powered sensor components and transformers.

UPC

IAPMO Listings

UPC / IPC product listing review.

EPA

WaterSense

Water efficiency and performance targets.

ADA

Accessibility

Clearances, reach ranges, and controls.

ASME

Performance

Flow, durability, and fitting standards.

ISO

Quality Systems

Manufacturing facility certificate scope.

Wireframe 3

Grouped summary bands

Best for many items
Safety
UL CSA ASSE

Electrical and fixture-safety references are grouped first for fast review.

Water
EPA WaterSense LEED Flow rates

Efficiency items sit together instead of becoming separate tall cards.

Code
UPC IPC ICC Local AHJ

Code pathways become one compact review band with quick tags.

Performance
ASME ASTM ISO 9001

Testing and quality-system references can expand only when needed.

Recommendation

Use Wireframe 2 for the main certifications area, then use Wireframe 1 when the user clicks "Show all" or filters by "High impact." It keeps the page elegant at first view and makes long lists much easier to scan.