added first three mockups
This commit is contained in:
@@ -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: Mon–Fri 9–5; 24/7 emergency
|
||||
|
||||
## Preview reminder
|
||||
Pages show a fixed “UX Concept Preview” banner so visitors don’t 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.
|
||||
Reference in New Issue
Block a user