# Homepage Refinement Change Log This file tracks the conversion and design-system refinement pass applied to the Goodwalk marketing site. The aim is not a brand reset. The aim is to preserve the current warmth and premium positioning while moving the interface toward quieter confidence. ## Goals - improve clarity - improve trust pacing - reduce decision friction - improve conversion flow - keep the existing brand emotionally recognizable ## Implemented ### Homepage sequence Proposed: - move the founder story later so visitors understand the offer before the personal narrative Implemented: - reordered the homepage to `Hero -> Services -> How It Works -> Testimonials -> Founder -> Values -> Booking -> Info` Files: - `src/routes/+page.svelte` Motive: - improves speed of understanding - makes the founder section reinforce trust instead of carrying early explanation ### Hero simplification Proposed: - reduce competing proof and CTA layers - keep one dominant action and one quieter secondary action Implemented: - removed the floating pill from the rendered hero - turned proof chips into a visible trust row - softened the review CTA treatment - changed the secondary CTA from a full outline button to a quieter text action - softened the hero overlay for a calmer premium tone Files: - `src/lib/components/HeroSection.svelte` - `src/lib/styles/sections.css` - `src/lib/styles/responsive.css` Motive: - clearer hierarchy - less visual competition - more premium restraint ### Service card decision reduction Proposed: - reduce the two-CTA pattern on each service card - help users qualify the right service faster - make the section feel like guidance toward the right care relationship, not a pricing grid Implemented: - added “best for” qualification copy to core services - made the service title the detail path - removed the explicit secondary detail CTA from the action stack - kept one dominant CTA: `Book a Meet & Greet` - added softer exploratory CTAs tailored to each service - introduced a subtle featured treatment for Pack Walks as the signature Tiny Gang offer - softened pricing so it reads as supporting information rather than the main focal point - added a small in-card `What to expect` disclosure for progressive exploration - rewrote service support copy to sound more experiential and more recognisably Goodwalk - shifted the card reading pattern toward Apple-like editorial hierarchy: centred service titles, left-aligned supporting copy, left-aligned cues, and left-aligned disclosure content - increased the presence of Goodwalk green and yellow in badges and icon treatments so the section feels more ownable - tightened internal spacing so the left-aligned content reads more like an editorial card than a converted centred layout - fixed the icon treatment so the icons inside the green bubbles render in Goodwalk yellow consistently - changed the desktop card group to behave more like a connected service gateway surface, with clearer tile-level affordance toward the service pages and a separate booking action beneath - added subtle per-card tinting so the joined desktop group still gives each service its own identity - changed `What to expect` into a desktop popover-style disclosure so it no longer disturbs the surrounding card layout, while keeping a normal stacked disclosure on mobile Files: - `src/lib/components/ServicesSection.svelte` Motive: - lowers micro-decision fatigue - improves service comprehension - keeps the cards calmer and more conversion-oriented ### Testimonials simplification Proposed: - replace the busier carousel treatment with calmer editorial proof - remove decorative elements that weaken quiet confidence Implemented: - replaced the carousel structure with one featured testimonial plus two supporting testimonial cards - removed arrows and the `WOOF` decorative motif - kept the Google reviews CTA as the primary proof action - demoted Instagram to a lower-emphasis follow-up link Files: - `src/lib/components/TestimonialsSection.svelte` Motive: - trust should feel effortless, not performative - calmer proof improves credibility - simpler structure improves readability on desktop and mobile ### Founder section reframing Proposed: - frame the founder section around trust value instead of biography Implemented: - changed the kicker from `Founder story` to `Why owners trust Aless` - adjusted the mobile supporting caption toward relationship-led care Files: - `src/lib/components/FounderStorySection.svelte` Motive: - preserves warmth - makes the section more conversion-relevant ### Booking step-one friction reduction Proposed: - make step one feel lighter - avoid presenting general enquiry as equal-weight complexity - reduce repeated service selection when intent is already known Implemented: - replaced the prominent enquiry-type radio group with lighter inline switching - added a simpler general-enquiry alternate path - added a locked service summary state when a service is preselected from a service card - added a `Change` action instead of forcing the full selector immediately Files: - `src/lib/components/BookingSection.svelte` - `src/lib/styles/forms.css` - `src/lib/styles/responsive.css` Motive: - lowers perceived effort - improves continuity from service card to form - keeps flexibility without overloading first-time visitors ### Navigation ribbon simplification Proposed: - reduce the ribbon from multiple simultaneous trust claims to one calm reassurance line Implemented: - replaced the three-part ribbon with one single message - simplified ribbon spacing and mobile behavior Files: - `src/lib/components/Header.svelte` - `src/lib/styles/layout.css` Motive: - reduces visual noise - improves header calmness - supports the “quiet confidence” direction ### Sticky mobile CTA softening Proposed: - keep the mobile CTA behavior - make the visual treatment less app-like Implemented: - reduced blur - reduced shadow weight - slightly reduced CTA scale - softened spacing and prominence Files: - `src/lib/components/MobileBookBar.svelte` Motive: - preserves conversion utility - reduces mobile pressure ## Proposed But Not Implemented In This Pass ### Full design-token normalization Proposed: - formalize card families - normalize radius and shadow tokens site-wide - standardize section spacing more broadly Status: - not fully implemented Reason: - requires a broader system sweep than this homepage-focused refinement pass ### Values section copy rewrite Proposed: - make every value explicitly outcome-led for owners Status: - not implemented Reason: - content should be reviewed carefully rather than inferred too aggressively in code ### FAQ and areas structural split Proposed: - separate service-area information from FAQs into clearer blocks Status: - not implemented Reason: - lower impact than upper-funnel and booking refinements ### Deeper founder copy restructuring Proposed: - compress narrative into shorter paragraphs and trust-led bullets Status: - partially implemented through framing changes only Reason: - needs a more deliberate copy pass ## Verification Notes Verified in this pass: - homepage section order - changed component structure - style/class consistency for edited sections Not fully verified in this pass: - unrestricted `npm run check` Reason: - previous full check attempts were interrupted by sandbox and permission-related environment issues rather than template-level errors ## Summary This pass moves the site toward: - calmer hierarchy - stronger service comprehension - better trust pacing - lower-friction action - a more premium and less over-instrumented feel It does that without redesigning the brand from scratch.