<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Home Page &amp; Navigation &#8211; Dynasort | Dynamic Merchandising Sorting for Shopify</title>
	<atom:link href="https://dynasort.io/category/conversion-rate-optimization/home-page-navigation/feed/" rel="self" type="application/rss+xml" />
	<link>https://dynasort.io</link>
	<description></description>
	<lastBuildDate>Mon, 14 Sep 2026 13:17:59 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://dynasort.io/wp-content/uploads/2026/01/cropped-icon-32x32.png</url>
	<title>Home Page &amp; Navigation &#8211; Dynasort | Dynamic Merchandising Sorting for Shopify</title>
	<link>https://dynasort.io</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Navigation Taxonomy: Customer Language, Two Levels Max</title>
		<link>https://dynasort.io/navigation-taxonomy/</link>
		
		<dc:creator><![CDATA[Wade]]></dc:creator>
		<pubDate>Sun, 27 Sep 2026 13:00:00 +0000</pubDate>
				<category><![CDATA[Conversion Rate Optimization]]></category>
		<category><![CDATA[Home Page & Navigation]]></category>
		<guid isPermaLink="false">https://dynasort.io/?p=1121</guid>

					<description><![CDATA[&#8592; All 100 tips &#160;&#183;&#160; Tip 37 of 100 &#160;&#183;&#160; 64 days to Cyber Monday Navigation menu structure decides whether a shopper finds your best products in one tap or gives up in a maze you built for yourself. Your nav is the load-bearing wall of the store: every session leans on it, and yet [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="ds-cm100-nav" style="max-width:760px;margin:0 auto 8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;color:#6b7280">
  <a href="https://dynasort.io/100-shopify-cro-tips-tricks-and-strategies-in-100-days/" style="color:#4F46E5;font-weight:700;text-decoration:none">&larr; All 100 tips</a>
  &nbsp;&middot;&nbsp; Tip 37 of 100 &nbsp;&middot;&nbsp; 64 days to Cyber Monday
</div>



<p class="wp-block-paragraph">Navigation menu structure decides whether a shopper finds your best products in one tap or gives up in a maze you built for yourself. Your nav is the load-bearing wall of the store: every session leans on it, and yet on most Shopify stores it grew like a junk drawer, one &#8220;let&#8217;s just add a menu item&#8221; at a time, until it mirrors the org chart instead of the shopper.</p>



<p class="wp-block-paragraph">Three rules cover most of what matters.</p>



<h2 class="wp-block-heading">1. Customer language, again</h2>



<p class="wp-block-paragraph">Yesterday&#8217;s filter rule applies to the menu with double force, because the menu is read before anything else. &#8220;Shop,&#8221; &#8220;Products,&#8221; and &#8220;Collections&#8221; are non-labels; they describe every store on earth. If you sell coffee gear, the menu should say Brewers, Grinders, Beans, not &#8220;Shop All&#8221; hiding a mystery. And your internal line names (&#8220;The Atlas Series&#8221;) belong in a campaign, not a top-level menu item, until customers actually search for them by name. Your search logs and reviews will tell you the words; you mined them in tip 17.</p>



<h2 class="wp-block-heading">2. Two levels deep, maximum</h2>



<p class="wp-block-paragraph">Every level of nesting is a decision you are forcing on someone who came to buy, and hover-within-hover menus are a dexterity test on desktop and pure misery on a phone. If a category needs a third level, that is not a nav problem, it is a taxonomy problem: the parent category is too vague. Split it at the top instead of tunneling deeper. Fewer, clearer doors beats a longer hallway.</p>



<h2 class="wp-block-heading">3. Bestsellers, one click from anywhere</h2>



<p class="wp-block-paragraph">Here is the hot take: your bestseller collection is your store&#8217;s front door, and most stores hide it behind the garage. A first-time visitor does not know your catalog and does not want a tour; they want the shortcut to &#8220;what do people actually buy here?&#8221; That collection converts on confidence, and it deserves a permanent top-level slot in the header, visible on every page, mobile menu included. Not inside &#8220;Shop.&#8221; Not fourth item in a dropdown. Top level.</p>



<div class="ds-t037-wrap">
  <style>
    .ds-t037-wrap{max-width:760px;margin:36px auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
    .ds-t037-box{background:#f8f9ff;border:1px solid #e4e2f5;border-radius:14px;padding:26px 28px}
    .ds-t037-title{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4F46E5;margin:0 0 4px}
    .ds-t037-sub{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.5}
    .ds-t037-hdr{background:#fff;border:2px solid #d9d6f0;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
    .ds-t037-logo{width:34px;height:34px;border-radius:8px;background:#eeedf8}
    .ds-t037-item{font-size:13.5px;font-weight:700;color:#12102e;padding:6px 10px;border-radius:8px}
    .ds-t037-item.ds-t037-best{background:#4F46E5;color:#fff}
    .ds-t037-drop{background:#fff;border:1px solid #e4e2f5;border-radius:12px;margin:10px 0 0 48px;padding:12px 16px;max-width:280px;box-shadow:0 8px 20px rgba(18,16,46,.06)}
    .ds-t037-d{font-size:13px;color:#6b7280;font-weight:600;padding:5px 0}
    .ds-t037-d span{color:#c7c4e6;margin-right:8px}
    .ds-t037-no{margin:10px 0 0 48px;max-width:280px;font-size:12.5px;color:#9ca3af;border:1px dashed #d9d6f0;border-radius:10px;padding:9px 12px}
    .ds-t037-no b{color:#6b7280}
    .ds-t037-foot{font-size:13px;color:#6b7280;margin:18px 0 0;line-height:1.55;text-align:center}
    @media (max-width:620px){ .ds-t037-drop,.ds-t037-no{margin-left:0} }
  </style>
  <div class="ds-t037-box">
    <p class="ds-t037-title">The whole taxonomy, two levels</p>
    <p class="ds-t037-sub">A coffee-gear store&#8217;s header. Real category names, bestsellers at top level, and a hard floor under the nesting.</p>
    <div class="ds-t037-hdr">
      <div class="ds-t037-logo"></div>
      <span class="ds-t037-item ds-t037-best">Bestsellers</span>
      <span class="ds-t037-item">Brewers &#9662;</span>
      <span class="ds-t037-item">Grinders</span>
      <span class="ds-t037-item">Beans</span>
      <span class="ds-t037-item">Sale</span>
    </div>
    <div class="ds-t037-drop">
      <div class="ds-t037-d"><span>&rarr;</span>Pour over</div>
      <div class="ds-t037-d"><span>&rarr;</span>Espresso</div>
      <div class="ds-t037-d"><span>&rarr;</span>French press</div>
    </div>
    <div class="ds-t037-no"><b>Level 3: does not exist.</b> If &#8220;Espresso&#8221; needs children, promote them; do not tunnel.</div>
    <p class="ds-t037-foot">Every page a shopper can land on shows this header. Bestsellers is therefore one click from anywhere, which is the whole point.</p>
  </div>
</div>



<p class="wp-block-paragraph">Auditing this takes one evening: pull your nav&#8217;s click data from GA4 or a heatmap tool like Microsoft Clarity, delete the items nobody touches, rename the vague ones in customer words, flatten anything three levels deep, and pin Bestsellers to the top bar. Sixty-four days out, this is exactly the kind of structural fix you want settled before traffic season, because every paid click you buy in November lands on this skeleton.</p>



<div class="ds-cm100-nav" style="max-width:760px;margin:28px auto 0;padding-top:18px;border-top:1px solid #e4e2f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;color:#6b7280">
  <a href="https://dynasort.io/100-shopify-cro-tips-tricks-and-strategies-in-100-days/" style="color:#4F46E5;font-weight:700;text-decoration:none">&larr; All 100 tips</a>
  &nbsp;&middot;&nbsp; Tomorrow, tip 38: the uncomfortable math of A/B testing on a small store, and the tests you should refuse to run.
</div>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Your Hero Section Must Answer 3 Questions in 3 Seconds</title>
		<link>https://dynasort.io/hero-section-three-questions/</link>
		
		<dc:creator><![CDATA[Wade]]></dc:creator>
		<pubDate>Mon, 31 Aug 2026 13:00:00 +0000</pubDate>
				<category><![CDATA[Conversion Rate Optimization]]></category>
		<category><![CDATA[Home Page & Navigation]]></category>
		<guid isPermaLink="false">https://dynasort.io/?p=1094</guid>

					<description><![CDATA[&#8592; All 100 tips &#160;&#183;&#160; Tip 10 of 100 &#160;&#183;&#160; 91 days to Cyber Monday Your home page hero has about three seconds to answer three questions: what do you sell, why should I buy it from you, and what should I do next. A first-time visitor who cannot answer all three from your opening [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="ds-cm100-nav" style="max-width:760px;margin:0 auto 8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;color:#6b7280">
  <a href="https://dynasort.io/100-shopify-cro-tips-tricks-and-strategies-in-100-days/" style="color:#4F46E5;font-weight:700;text-decoration:none">&larr; All 100 tips</a>
  &nbsp;&middot;&nbsp; Tip 10 of 100 &nbsp;&middot;&nbsp; 91 days to Cyber Monday
</div>



<p class="wp-block-paragraph">Your home page hero has about three seconds to answer three questions: what do you sell, why should I buy it from you, and what should I do next. A first-time visitor who cannot answer all three from your opening screen does not scroll down to investigate. They leave, and they take your ad spend with them.</p>



<p class="wp-block-paragraph">The test is brutal and free. Show your home page to someone who has never seen your store for three seconds, then hide it and ask the three questions. Most merchants who try this get a nasty surprise, because the hero says something like &#8220;Elevate Your Everyday.&#8221; Elevate what? With what? Candles? Software? Protein powder? Your brand team knows. The stranger with the credit card does not.</p>



<div class="ds-t010-wrap">
  <style>
    .ds-t010-wrap{max-width:760px;margin:36px auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
    .ds-t010-box{background:#f8f9ff;border:1px solid #e4e2f5;border-radius:14px;padding:26px 28px}
    .ds-t010-title{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4F46E5;margin:0 0 4px}
    .ds-t010-sub{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.5}
    .ds-t010-body{display:flex;gap:16px;align-items:stretch}
    .ds-t010-vp{background:linear-gradient(140deg,#efeef8,#e2e0f4);border:2px solid #d9d6f0;border-radius:14px;flex:1;max-width:400px;margin:0 auto;padding:34px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative}
    .ds-t010-h1{font-size:19px;font-weight:800;color:#12102e;line-height:1.3}
    .ds-t010-h2{font-size:13px;color:#4b4869;line-height:1.5}
    .ds-t010-cta{background:#4F46E5;color:#fff;font-size:13px;font-weight:800;border-radius:8px;padding:10px 18px;margin-top:4px}
    .ds-t010-tags{flex:none;display:flex;flex-direction:column;justify-content:space-around;gap:10px}
    .ds-t010-tag{background:#fff;border:1px solid #e4e2f5;border-left:4px solid #4F46E5;border-radius:8px;padding:10px 12px;max-width:220px}
    .ds-t010-q{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4F46E5}
    .ds-t010-a{font-size:12.5px;color:#6b7280;line-height:1.45;margin-top:2px}
    .ds-t010-foot{font-size:13px;color:#6b7280;margin:18px 0 0;line-height:1.55;text-align:center}
    @media (max-width:620px){ .ds-t010-body{flex-direction:column} .ds-t010-tags{flex-direction:column} }
  </style>
  <div class="ds-t010-box">
    <p class="ds-t010-title">A hero that passes the 3-second test</p>
    <p class="ds-t010-sub">Every element earns its place by answering one of the three questions.</p>
    <div class="ds-t010-body">
      <div class="ds-t010-vp">
        <div class="ds-t010-h1">Barefoot-feel running shoes, built for pavement</div>
        <div class="ds-t010-h2">Wide toe box, zero drop, 4.8 stars from 2,300 runners. Free returns for 60 days.</div>
        <div class="ds-t010-cta">Shop bestsellers</div>
      </div>
      <div class="ds-t010-tags">
        <div class="ds-t010-tag">
          <div class="ds-t010-q">Q1: What do you sell?</div>
          <div class="ds-t010-a">The headline names the product category in plain words. No poetry.</div>
        </div>
        <div class="ds-t010-tag">
          <div class="ds-t010-q">Q2: Why you?</div>
          <div class="ds-t010-a">The subline carries the differentiator and borrowed proof.</div>
        </div>
        <div class="ds-t010-tag">
          <div class="ds-t010-q">Q3: What next?</div>
          <div class="ds-t010-a">One dominant call to action, pointed at your strongest entry collection.</div>
        </div>
      </div>
    </div>
    <p class="ds-t010-foot">Run this on your phone viewport too: on mobile, the three answers have even less room to hide.</p>
  </div>
</div>



<h2 class="wp-block-heading">The common failure modes</h2>



<ul class="wp-block-list">
  <li><strong>Poetry where the category should be.</strong> Vague mood headlines are a luxury for brands with national ad budgets. Everyone else leads with what the thing is. Clever comes second, clear comes first.</li>
  <li><strong>A carousel of five heroes.</strong> Rotating banners answer the three questions five different ways, which is the same as not answering them. Pick your best message and give it the whole stage.</li>
  <li><strong>Three competing CTAs.</strong> &#8220;Shop Men,&#8221; &#8220;Our Story,&#8221; &#8220;Join the Club&#8221; in equal weight is a shrug. One primary action, visually dominant. The rest can live in the nav.</li>
  <li><strong>Answers hiding below the fold.</strong> If &#8220;why you&#8221; only appears in a features section two scrolls down, it does not exist for the visitor who never scrolls.</li>
</ul>



<p class="wp-block-paragraph">Returning customers do not need the hero; they head straight for new arrivals or search. The hero exists for the first-timer arriving cold from an ad or a shared link, exactly the traffic that spikes in Q4. Fix it now, run the three-second test on a stranger, and your most expensive clicks stop bouncing off a riddle.</p>



<div class="ds-cm100-nav" style="max-width:760px;margin:28px auto 0;padding-top:18px;border-top:1px solid #e4e2f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;color:#6b7280">
  <a href="https://dynasort.io/100-shopify-cro-tips-tricks-and-strategies-in-100-days/" style="color:#4F46E5;font-weight:700;text-decoration:none">&larr; All 100 tips</a>
  &nbsp;&middot;&nbsp; Tomorrow, tip 11: your funnel is leaking in one spot more than all the others. We go find it.
</div>

]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
