See what the method builds

Purpose

Turn visits into booked sessions. The one job of this site is the booking button: in the header, sticky on the phone, and on every page.

Who it is for

Any appointment business. Studios, salons, clinics, trainers.

Essential features, and why

• Booking link everywhere, because every page should lead to the same next action.
• Sessions with plain-text prices, because visitors need to compare the $20 targeted session, $35 full-body session, packs, and $129 membership.
• The first-visit FAQ, because a new visitor needs to know what happens before booking.
• Hours and address, because a session must fit the visitor’s day.
• Click-to-call, because questions should not block a booking.
• A named owner and host with portraits and a first-person story, because a visitor books with a person, not a panel.
• Reviews as quotes with a first name and a member-since line, because proof reads better as people than as stars.
• No medical claims, because the site describes a wellness experience without promising treatment results.

Add if you want more

• Packages and membership checkout.
• An intake form for first visits.
• Gift cards.
• An answer library: one page per question people ask about red light therapy.
• Google Business Profile posts.

Get found (SEO and AI search)

• LocalBusiness and FAQ schema on the contact page.
• llms.txt with sessions, prices, hours, and how to book.
• Prices as text, never as an image.
• One plain sentence: red light therapy sessions in Riverbend from $20.
• Google Business Profile linked both ways.

Secure and mobile

• Turnstile on the contact form when it goes live.
• Privacy and terms pages, because the site takes bookings.
• HTTPS and the four security headers.
• The 375px check with the book button under the thumb.

Purpose

Get the phone to ring for the high-value jobs: water heater, emergency, sewer.

Who it is for

Trades. Plumbers, HVAC, roofers, electricians.

Essential features, and why

• Number everywhere plus the sticky call bar, because the phone call is the next step.
• Emergency CTA, because urgent problems need a clear route to a person.
• One page per core service, because water heater, drain cleaning, leak detection, and emergency searches ask different questions.
• Service area page, because visitors need to know whether the business serves their town.
• License and insurance line, because customers need verifiable credentials on a real build.
• A street address and a named crew with portraits, because a homeowner wants to know who is coming to the door.
• Reviews with the service and the town under each, because a homeowner wants to hear from a neighbour with the same problem.
• Prices as “from” numbers in text, because $89 diagnostic, from $1,450 install, and from $149 drain answer the cost question.

Add if you want more

• A page for each additional service the business really offers.
• A page per priority town, with real local detail.
• Project pages for real completed jobs, one job per page.
• An answers section built from the questions homeowners ask.
• Financing and maintenance-plan pages only when those programs exist.
• Build the revenue services first, never every combination.

Get found (SEO and AI search)

• LocalBusiness schema on every service page, FAQ schema where the questions are.
• llms.txt that answers who replaces water heaters in Riverbend and what it costs.
• Google Business Profile for Maps, site pages for search: different lanes.
• Starting prices as text on every service page.

Secure and mobile

• Sticky call bar on the phone.
• Form delivery tested to the owner before launch, with Turnstile.
• Privacy page, HTTPS, security headers, custom 404.
• The 375px check on every service page.

Purpose

Prove the ceiling. The same method as the spa and the plumber, plus one motion pass, and it reads like a premium agency build.

Who it is for

A brand with strong visuals and a product. Not a local service business.

Essential features, and why

• Product pages with prices as text ($19 to $24 bags), because the choice and cost should be readable.
• The subscription picker, because customers need to choose coffee, size, grind, and cadence.
• The roastery page with the founder and her story, because the place and the person give the product its context.
• The same legal and 404 baseline, because premium presentation still needs the shipping basics.
• Colour-field scroll, because one controlled motion pass demonstrates the warm visual register.

Add if you want more

• A real checkout behind the subscription picker.
• A wired wholesale form.
• A story page about the roastery.

Get found (SEO and AI search)

• Product schema that matches the visible prices.
• Organization schema for the roastery.
• llms.txt with the coffees, prices, and how to subscribe.

Secure and mobile

• Reduced motion respected, so the scroll effects switch off when the visitor asks.
• Still passes the phone check and loads fast.
• Privacy and terms pages, HTTPS, security headers, custom 404.

Purpose

Prove the ceiling. Show that the SAME method (design brain, 3 references, 5-block prompt, polish passes) plus motion produces something that looks like a $10K agency site.

Who it is for

A boutique architecture studio with strong visuals. The premium tier a student can sell, not the bar for a plumber.

Essential features, and why

• Selected sample projects, because the work should establish the visual direction.
• A project index, because visitors need to explore the portfolio.
• An Alder house case study with a plan drawing, because a project needs more than a hero image.
• Studio approach and services, because a prospective client needs to understand the practice.
• A project-inquiry form, because the next step is a conversation about a commission.
• One hero motion moment, because the ceiling still needs a controlled motion budget.

Add if you want more

• A real project archive with approved photographs.
• A wired project-inquiry form.
• Approved team biographies and recognition entries.

Get found (SEO and AI search)

• Organization or ProfessionalService schema for the studio.
• CreativeWork schema on the project page.
• llms.txt with services, project context, and the next step. No invented fees.

Secure and mobile

• Reduced-motion respected.
• HTTPS and security headers, plus a privacy page.
• The 375px check and a clear start-a-project action.

Purpose

Start a conversation about the most valuable thing AI or software could do for a company.

Who it is for

An agency or software group whose services need to come from the founder’s actual capabilities.

Essential features, and why

• A clear AI transformation headline, because the founder positioned AI at the centre of the business.
• Six service offerings, because the site must reflect the group’s actual capabilities.
• A distinct Company Brain section, because it is the flagship differentiator in the services spec.
• Separate About and Team pages, because visitors need both the company context and the people.
• Start a Conversation in navigation, because every page needs the same next step.
• Client ownership stated plainly, because ownership is part of the offer.

Add if you want more

• Wire the contact path and test delivery.
• Add approved case studies, with client sign-off where needed.
• Complete real team roles, biographies, and photographs.

Get found (SEO and AI search)

• Organization schema matching the company’s visible facts.
• Unique titles and descriptions for the five pages.
• llms.txt explains the services and states that clients own the code, accounts, and infrastructure.

Secure and mobile

• Add a privacy notice and protect any future form with Turnstile.
• Verify HTTPS and the four security headers at staging.
• Check the mobile navigation and conversation CTA at 375px.

Purpose

Show what the same facts look like as a one-scroll, award-style site. Every line of copy comes from the live leleulabs.io; the showpiece adds a narrative order, a motion system and one colour of light.

Who it is for

An AI or software consultancy that sells transformation and wants the site itself to be the first proof of taste. The premium tier, not the baseline.

Essential features, and why

• One long narrative page with a chapter rail (problem, shift, method, capabilities, Company Brain, people, start), because a transformation story reads better unbroken than split across pages.
• A live signal-field instrument in the hero with the five real system-map nodes as HTML labels, because the one moving thing on the page should be the product, not decoration.
• Exactly one accent colour used only where something is live (buttons, nodes, the method line), because restraint is what makes a dark site read as expensive.
• The ownership promise stated where a template would put logos, because the live site has no client names and the design does not invent any.
• A quiet contact page with inline validation and no data transport, because the next step is a conversation.
• The September snapshot stays on this hub as the before, because the course teaches the baseline first and the ceiling second.

Add if you want more

• Wire the contact form and test delivery to the founder.
• Add client proof only when a client signs off on it.
• Add a real booking link to the Start chapter if a scheduler exists.

Get found (SEO and AI search)

• Organization schema matching the company facts on the live site.
• Unique titles and descriptions on all five pages, sitemap.xml and a canonical on each.
• llms.txt carries the live site body with the concept-redesign disclosure on top.

Secure and mobile

• Reduced motion switches off all six moves and renders every chapter in its final state.
• Zero third-party requests: fonts are self-hosted, so the page loads in 1.5 seconds on a throttled phone.
• Privacy page, custom 404, HTTPS and the four security headers verified on staging.