diff --git a/docs/memory/session-log.md b/docs/memory/session-log.md index 22ab1d6..796f67e 100644 --- a/docs/memory/session-log.md +++ b/docs/memory/session-log.md @@ -898,6 +898,59 @@ Each entry follows this structure: - **Planned (2 organisms):** PricingTable, ArrangementForm **Next steps:** -- Review next key page from FA 1.0 Figma designs — identify further component gaps -- Consider FormField molecule if Input's built-in label/helperText proves insufficient +- ~~Review next key page (Package Select)~~ ✓ Done +- ~~Build homepage FuneralFinder organism~~ ✓ Done (v2 — conversational redesign) + +### Session 2026-03-26b — FuneralFinder organism + further PackageDetail refinements + +**Agent(s):** Claude Opus (via conversation) + +**Work completed:** +- PackageDetail review refinements from user feedback: + - Section headings bumped from label (14px) to h6 (16px/600) — now stand out against line items + - Added Divider + subtext before Extras ("These items can be added at additional cost") + - T&C line height reduced 1.5 → 1.3 + - Item spacing increased 12px → 16px + - Warm header band (surface.warm) with "Package" overline, name, price in brand colour + - Compare button loading state (compareLoading prop) + - Complimentary items now correctly shown before total + - Total row padding balanced (top matched to bottom) + - Audit: 19/20 (Excellent) +- Built FuneralFinder organism — homepage hero search widget: + - **v1**: Literal translation of marketing reference — numbered steps, uppercase overlines, cramped options. User feedback: "looks like a government form, not gentle guidance" + - **v2 (current)**: Complete conversational redesign: + - Warm questions: "How can we help you today?" not "I'M HERE TO" + - ChoiceCards: generous padding, descriptions, check icon on selection + - TypePills: pill-shaped buttons for dynamic funeral type list + - CompletedRow: "I'm here to **Arrange a funeral now** · Change" + - One question at a time — true progressive disclosure + - CTA only appears at location step — no disabled button staring at you + - No step numbers or badges + - Flow: Intent → Planning For (conditional) → Funeral Type → Location → CTA + - Audit: 17/20 (Good). P1/P2 fixes applied: aria-labels, radiogroup semantics, edit affordance + - 5 stories: Default, FewerTypes, CustomHeading, InHeroDesktop, InHeroMobile + +**Decisions made:** +- "Make Arrangement" is FA's term for selecting/committing to a package +- PackageDetail structure: sections → total → extras (business-critical distinction) +- LineItem prices use text.secondary for readability hierarchy +- FuneralFinder uses conversational approach, not procedural/form-like +- Funeral types are prop-driven (dynamic from API) +- Pre-plan "for someone else" affects the arrangement journey +- Location needs a reusable Autocomplete atom (future work) +- "Find funeral directors" is the CTA text (not "Find providers") + +**Component status at end of session:** +- **Done (11 atoms):** Button, Typography, Input, Card, Badge, Chip, Switch, Radio, IconButton, Divider, Link +- **Done (10 molecules):** ProviderCard, VenueCard, ServiceOption, SearchBar, AddOnOption, StepIndicator, LineItem, ProviderCardCompact +- **Done (4 organisms):** Navigation, Footer, ServiceSelector, PackageDetail +- **Review (1 organism):** FuneralFinder (v2 conversational — user wants further changes) +- **Planned (3 atoms):** Icon, Avatar, ColourToggle, Slider +- **Planned (2 molecules):** MapCard, FormField, Autocomplete +- **Planned (2 organisms):** PricingTable, ArrangementForm + +**Next steps:** +- User to continue refining FuneralFinder — further UX changes planned +- Homepage redesign — FuneralFinder is one organism on the page, full homepage composition next +- Build Autocomplete atom for location search (reusable pattern for other areas) - P3 cleanup: inverse logo SVG, InfoOutlinedIcon sizing in ProviderCard, image placeholder, accent bar 3px→4px