Build one
complete slice

Before you begin

You need a product definition and a way to edit and inspect your website. This guide describes a workflow; it contains no environment-specific commands.

1. Choose one journey

For a product website, begin with: homepage → product card → product detail → contact destination.

2. Define the result

The visitor should understand the product, see an honest status, and reach the next action without a broken link.

3. Implement the whole path

Use a single representative product. Complete the content, navigation, and useful error behaviour before duplicating the pattern.

4. Inspect it

• Follow every link in the journey.
• Use the keyboard to reach and activate the controls.
• Check a narrow screen and enlarged text.
• Confirm that no placeholder implies a released service.

5. Save the working checkpoint

Review the changed files, record the result in version control, and note anything unresolved before starting the next slice.

Check your result

A visitor can complete the selected journey. If the slice is too large to inspect, reduce the number of records or actions and repeat.