added first three mockups

This commit is contained in:
2026-07-20 05:38:53 -05:00
parent 4dce423c4f
commit f839df7863
864 changed files with 235286 additions and 1 deletions
@@ -0,0 +1,65 @@
# Ed's Plumbing & Sewer — UX Mockup Notes
## Client
- **Legal / brand:** Ed's Plumbing & Sewer Inc.
- **DBA:** Ed's Plumbing & Home Repairs, Inc. (same business; carpentry / home repair / remodeling)
- **Current sites:**
- https://www.thegreatestplumber.com/ (legacy Adobe GoLive era — primary)
- https://edsplumbingandhomerepairsinc.com/ (GoDaddy builder — DBA)
## 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 for this client:** Email & SMS, Payments (Stripe).
## Mockup location
`proposals/eds-plumbing-and-sewer/mockup/`
Built from `templates/plumber/` with real business copy pulled from both live sites.
| Entry | File |
|-------|------|
| UX gallery (feature cards) | [`ux-gallery.html`](../mockup/ux-gallery.html) |
| Interactive pricing | [`pricing.html`](../mockup/pricing.html) |
| Marketing home (existing) | [`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 overview | `services.html` |
| Drain & Sewer | `drain-sewer.html` |
| Water Heaters | `water-heaters.html` |
| Leak Detection | `leak-detection.html` |
| Sump / Ejector | `sump-pumps.html` |
| Gas Lines | `gas-lines.html` |
| Fixtures | `fixtures.html` |
| Installations | `installations.html` |
| Commercial / Industrial | `commercial-industrial.html` |
| Home Repairs (DBA) | `home-repairs.html` |
| Contact | `contact.html` |
Portal, add-on, and system screens are mocked — start at `ux-gallery.html`.
## Contact data used (from live sites)
- Address: 17W 431 N Frontage Road, Darien, IL 60561
- Main: (630) 663-1444
- Emergency: (630) 202-0050
- Also: (773) 471-1444, (708) 652-1444, (847) 492-1444, (815) 254-2020
- Email: info@thegreatestplumber.com
- Hours: MonFri 95; 24/7 emergency
## Preview reminder
Pages show a fixed “UX Concept Preview” banner so visitors dont confuse this with the live site. Open `ux-gallery.html` for the monica-style feature hub.
## Suggested next passes
1. Swap in real logo / truck photos / garage photo from Ed
2. Trim leftover template sections on home (blog teaser, duplicate CTAs)
3. Unify both DBAs into one clear IA (Plumbing | Home Repairs)
4. Forms → real intake (currently non-functional placeholders)
5. Polish portal visuals to match plumber marketing brand more tightly
6. Optional: drop unused `ux-planned.html` stub helper
@@ -0,0 +1,61 @@
# Ed's Plumbing & Sewer — Feature scope
Platform catalog: [`features.md`](../../../features.md). Prices from that catalog (draft).
**Stack:** Django · client portal (not Django admin as primary UI) · Stripe · Ollama (AI social)
Usage fees (Stripe, SMS, postage, email sends) billed separately.
---
## Recommended package
| Feature | Include? | Build | Monthly | Notes |
|---------|----------|------:|--------:|-------|
| Public site | **Yes (base)** | $300 | $10 | Marketing site — mockup already covers home, about, services, contact |
| Client portal + UTM | **Yes (base)** | $300 | $30 | Login, dashboard, leads, UTM analytics |
| Email & SMS | **Recommended** | $500 | $10 | Lead follow-up, job reminders, emergency alerts |
| Direct mail | Optional | $500 | $5 | Neighborhood postcards / seasonal promos |
| Blog | Optional | $500 | $10 | Tips, seasonal advice (SEO) |
| Payments (Stripe) | **Recommended** | $500 | $20 | Invoices after jobs; **requires Email & SMS** |
| Social consolidation | Optional | $500 | $20 | FB / IG scheduling |
| AI social generator | Optional | $300 | $20 | Needs Social; Ollama drafts |
### Suggested quote (recommended only)
| | Build | Monthly |
|--|------:|--------:|
| Base (public + portal/UTM) | $600 | $40 |
| Email & SMS | $500 | $10 |
| Payments | $500 | $20 |
| **Recommended total** | **$1,600** | **$70** |
Interactive picker (mock): [`../mockup/pricing.html`](../mockup/pricing.html)
---
## Dependency rules
1. Payments → Email & SMS required
2. AI social → Social consolidation required
3. Base public + portal + UTM always included
---
## UX mock status
Gallery hub: [`../mockup/ux-gallery.html`](../mockup/ux-gallery.html)
| Feature | Screens | Status |
|---------|---------|--------|
| Public site | Home, about, services*, contact, 404, under construction | **Mocked** |
| Portal + UTM | Login, dashboard, leads, detail, analytics | **Mocked** |
| Email & SMS | Contacts, import, campaign, report, unsubscribe | **Mocked** |
| Direct mail | Designer, campaign | **Mocked** |
| Blog | Public index/post; portal list/editor | **Mocked** |
| Payments | Invoice list/create/detail; public pay | **Mocked** |
| Social | Accounts, composer, calendar | **Mocked** |
| AI social | Generator → composer | **Mocked** |
| Pricing picker | Interactive totals | **Mocked** (`pricing.html`) |
\*Service detail pages exceed the three-page public base (landing / about / contact) — keep as public marketing extras for this client.