added first three mockups

2026-07-20 05:38:53 -05:00
parent 4dce423c4f
commit f839df7863
864 changed files with 235286 additions and 1 deletions
@@ -0,0 +1,71 @@
+# Select Electrical Services — UX Mockup Notes
+
+## Client
+- **Brand:** Select Electrical Services
+- **Current site:** https://www.selectelectricalservices.net/ (Google Sites)
+- **Google Business:** [Select Electrical Services](https://business.google.com/v/select-electrical-services/015987001196866101279/7932/) (Naperville electrician listing)
+
+## 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), Blog (SEO tips).
+
+## Mockup location
+`proposals/select-electrical/mockup/`
+
+Built from `templates/elctrical_installation/` with business copy from the live site and Google Business profile.
+
+| 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 (landing + about + contact sections) | `index.html` |
+| About (section) | `index.html#about` |
+| Contact (section) | `index.html#contact` |
+| Panel / installation | `electrical-installation.html` |
+| Lighting | `lighting-installation.html` |
+| Fans / wiring | `wiring-services.html` |
+| Outlets / maintenance | `electrical-maintenance.html` |
+| Troubleshooting / repairs | `emergency-repair.html` |
+| EV charging | `smart-home.html` |
+| FAQ / legal / blog (template extras) | `faq.html`, `privacy-policy.html`, `terms-conditions.html`, `blog.html` |
+
+Portal, add-on, and system screens are mocked — start at `ux-gallery.html`.
+
+## Contact data used (from live site + Google Business)
+- Address: 1778 Villanova Drive, Naperville, IL 60565
+- Phone / text: (630) 202-8020
+- Email: select8020@gmail.com
+- Service area: DuPage, Will, Kane, Kendall, Cook Counties (western Chicago suburbs)
+- Since: 1984
+- Hours: Open 24 hours (per Google Business)
+- Credentials: Licensed / Bonded / Insured
+- Ratings: 4.8 ★ Google (20 reviews); 200+ Angie's List reviews (per marketing site)
+
+## Reviews used in mockup
+Public Google Business reviews (paraphrased layout only; wording kept):
+- **Teri Peot** — professional multi-project work, honest pricing, recommends Select Electrical
+- **Arne Hendricksen** — EV outlet install, knowledgeable / great work
+- Reputation slide: Angie's List 200+ + Google 4.8 summary (not a fabricated quote)
+
+## 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.
+
+## Logo
+Real logo from live Google Sites: `mockup/assets/images/logo-select-electrical.png`  
+Source: site asset hosted on Googleusercontent (linked from selectelectricalservices.net).
+
+## Suggested next passes
+1. Swap in job / truck photos from Select Electrical (logo already in)
+2. Trim leftover template blog / project stock imagery if client prefers
+3. Confirm whether Dan should be named on-site (appears in public reviews)
+4. Forms → real intake (currently non-functional placeholders)
+5. Optional: dedicated `about.html` / `contact.html` if one-pager anchors are not enough for sales demos
@@ -0,0 +1,62 @@
+# Select Electrical Services — 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 | Replace Google Sites; 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, estimate confirmations |
+| Direct mail | Optional | $500 | $5 | Neighborhood postcards (EV / panel / safety season) |
+| Blog | **Recommended** | $500 | $10 | Tips (fans, surge, EV, inspections) for local SEO |
+| Payments (Stripe) | **Recommended** | $500 | $20 | Invoices after jobs; **requires Email & SMS** |
+| Social consolidation | Optional | $500 | $20 | Google posts / FB 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 |
+| Blog | $500 | $10 |
+| Payments | $500 | $20 |
+| **Recommended total** | **$2,100** | **$80** |
+
+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/contact sections), service details, 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.