<?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>Sun, 30 Aug 2026 14:57:43 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</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>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,&apos;Segoe UI&apos;,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">
  
    .ds-t010-wrap{max-width:760px;margin:36px auto;font-family:-apple-system,BlinkMacSystemFont,&#8217;Segoe UI&#8217;,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} }
  
  <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,&apos;Segoe UI&apos;,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>
