# FreshClean Website Wireframe Blueprint v0 (Pre-brief)
Date: 2026-03-13
Status: Internal prep only (awaiting Nicoletta design direction)

## Objective
Ship a fast, mobile-first landing page structure that can be populated within 30-60 minutes after Nicoletta shares design notes.

## Conversion architecture (recommended default)
- **Primary CTA:** Request sample/demo call
- **Secondary CTA:** Download dilution + compliance sheet
- **Tertiary CTA:** Distributor inquiry

## Section-by-section wireframe

### 1) Hero (above fold)
- **Headline slot:** [H1_VARIANT]
- **Subhead slot:** [SUBHEAD]
- **Proof chip row:** [COST], [PLASTIC], [REFILL], [B2B_READY]
- **Primary CTA button:** [CTA_PRIMARY]
- **Secondary CTA link:** [CTA_SECONDARY]
- **Visual:** product tub + spoon + bottle trio (clean white background)

### 2) Core problem -> outcome strip
- Left: "Traditional liquid cleaning logistics" (water transport, storage, waste)
- Right: "FreshClean refill model" (powder + water on-site)
- Keep this as a 3-point compare card (cost / waste / handling)

### 3) 4-step system explainer
1. Fill bottle with water
2. Add measured FreshClean dose
3. Shake
4. Spray & clean
- Optional short loop animation with captions

### 4) Output & efficiency section
- **Claim slot:** "1 Tub = up to 1,600 bottles*"
- **Mandatory qualifier:** "*Depends on dilution ratio and use case"
- **Evidence module placeholder:** [DILUTION_TABLE_PENDING]

### 5) Audience-specific use blocks
- **Facilities managers:** consistency, stock efficiency, compliance-ready process
- **Contractors:** faster refill workflow, trade pack logistics, margin support
- **Distributors:** demo-in-a-box, rep-ready sales narrative

### 6) Trust & compliance strip
- Certification badges / compliance icons: [PENDING]
- Safety/disclaimer microcopy: [LEGAL_TEXT_PENDING]
- Case study quote slot: [TESTIMONIAL_PENDING]

### 7) Lead capture block
- Form fields: Name, Company, Role, Email, Phone, Primary use case
- Routing tags: [FM], [CONTRACTOR], [DISTRIBUTOR]
- SLA note placeholder: "Response within [X] business hours"

### 8) FAQ (5 quick toggles)
1. How do dilution ratios work?
2. Is this safe on sensitive surfaces?
3. What training do teams need?
4. How is output claim calculated?
5. Can distributors co-brand demo kits?

### 9) Final CTA footer
- Repeat primary CTA + direct contact option
- Lightweight reassurance: no-obligation discovery/demo

## Component checklist for rapid build
- [ ] Hero image in high resolution
- [ ] Logo SVG + favicon
- [ ] Approved color hex values
- [ ] Approved type pairing
- [ ] Claim evidence table
- [ ] Legal disclaimer copy
- [ ] Contact/SLA owner

## Adaptation rules once Nicoletta notes arrive
- Keep structure; only swap:
  1. Visual language (layout/style)
  2. Section order (if she wants social proof earlier)
  3. CTA labels and destination
  4. Any compliance-first wording

## Handoff-ready file map
- Wireframe final: `deliverables/website-wireframe-v1-YYYY-MM-DD.md`
- Hero + CTA copy: `creative/website-hero-copy-v1-YYYY-MM-DD.md`
- Compliance checklist: `deliverables/website-claims-qa-v1-YYYY-MM-DD.md`
