Guided path
Improve Your Homepage and Navigation
Make the first screen say what you sell, then make the menu and category structure get a shopper to the right list without a detour.
- Step 1: Make the first screen explain the storeLocked
In 1 · Browse & SearchHomepage & NavHomepage strategy
- Step 2: Decide whether your hero needs a carouselLocked
In 1 · Browse & SearchHomepage & NavHero and promo
- Step 3: Give the announcement bar one current jobLocked
In 1 · Browse & SearchHomepage & NavHero and promo
Go deeper (1)
- Optional: Make lifestyle imagery lead somewhere specificLocked
Your homepage leads with styled photography rather than products.
In 1 · Browse & SearchHomepage & NavHomepage strategy
- Step 4: Use categories for distinct product groups, not every attributeLocked
In 1 · Browse & SearchHomepage & NavCategory taxonomy
- Step 5: Make parent categories useful destinationsLocked
In 1 · Browse & SearchHomepage & NavMain navigation
- Step 6: Use an intermediary page only when it helps shoppers choose a branchLocked
In 1 · Browse & SearchHomepage & NavIntermediary category pages
Go deeper (4)
- Optional: Show shoppers where they areLocked
Shoppers land deep in the catalog from search or ads. Needs theme code.
In 1 · Browse & SearchHomepage & NavMain navigation
- Optional: Keep a sticky header only when it earns the viewportLocked
You are deciding whether the header should follow the scroll. Needs theme code.
In 1 · Browse & SearchHomepage & NavMain navigation
- Optional: Match homepage search prominence to the catalogLocked
Your search reports show shoppers using search to get around.
In 1 · Browse & SearchHomepage & NavHomepage strategy
- Optional: Release a storefront change with a tested rollbackLocked
Ship the change with a way back before you touch the live theme.
In 5 · Build & Maintain on ShopifyShipping a changeShopify execution