Update session log + registry for session handover
Session 2026-03-26b: PackageDetail refinements, FuneralFinder v1→v2 26 components total: 11 atoms + 10 molecules + 5 organisms FuneralFinder in review — user wants further changes next session Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -898,6 +898,59 @@ Each entry follows this structure:
|
|||||||
- **Planned (2 organisms):** PricingTable, ArrangementForm
|
- **Planned (2 organisms):** PricingTable, ArrangementForm
|
||||||
|
|
||||||
**Next steps:**
|
**Next steps:**
|
||||||
- Review next key page from FA 1.0 Figma designs — identify further component gaps
|
- ~~Review next key page (Package Select)~~ ✓ Done
|
||||||
- Consider FormField molecule if Input's built-in label/helperText proves insufficient
|
- ~~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
|
- P3 cleanup: inverse logo SVG, InfoOutlinedIcon sizing in ProviderCard, image placeholder, accent bar 3px→4px
|
||||||
|
|||||||
Reference in New Issue
Block a user