# Professional Fence Repair — UX Mockup Notes

## Client
- **Brand:** Professional Fence Repair
- **Current site:** https://www.professionalfencerepair.com/
- **Yelp:** https://www.yelp.com/biz/professional-fence-repair-warrenville

## Platform features
Catalog: [`features.md`](../../../features.md)  
Client scope + recommended pricing: [`SCOPE.md`](SCOPE.md)

**Base always:** public site + client portal with UTM.  
**Recommended add-ons:** Email & SMS, Payments (Stripe).

## Mockup location
`proposals/professional-fence-repair/mockup/`

Built from the landscapedesign template, then rebranded for phone-first fence repair marketing.

| Entry | File |
|-------|------|
| UX gallery (feature cards) | [`ux-gallery.html`](../mockup/ux-gallery.html) |
| Interactive pricing | [`pricing.html`](../mockup/pricing.html) |
| Marketing home | [`index.html`](../mockup/index.html) |
| Planned portal/add-on stubs | [`ux-planned.html`](../mockup/ux-planned.html) |

## Site map (public concept — mocked)
| Page | File |
|------|------|
| Home | `index.html` |
| About | `about.html` |
| Services | `services.html` |
| Contact / free estimate | `contact.html` |
| 404 | `public-404.html` |
| Under construction | `public-under-construction.html` |

Portal, add-on, and system screens are mocked — start at `ux-gallery.html`.

## Contact data used
- Address: 28W484 Batavia Rd, Warrenville, IL 60555
- Phone: (630) 393-3722
- Email: _TBD_ (intentionally omitted from public CTAs)
- Service area: Warrenville, DuPage County, and western Chicago suburbs
- Business facts: family-owned; 24+ years repairing fencing; free estimates; guaranteed workmanship; no deposit required
- Services: posts, panels, gates; cedar, treated wood, aluminum, vinyl, chain link; mailbox posts; haul-away

## Preview reminder
Public marketing pages show a fixed “UX Concept Preview” banner so visitors do not confuse this proposal with the live website. Open `ux-gallery.html` for the feature hub.

## Suggested next passes
1. Confirm approved service-area wording and business email
2. Swap stock imagery for real completed fence-repair photos
3. Confirm intake fields and consent language before connecting forms
4. Confirm invoice workflow and Stripe account ownership
5. Refine portal content once staff workflow is confirmed