To switch your Shopify theme without breaking pages or hurting search, keep every URL, give each new template the same name as the one it replaces, carry your structured data across, and test every page on the exact theme you'll publish. Then keep the old theme as your rollback. That's how we moved braundesign.co from Shopify's Refresh theme to its Horizon theme on October 30, 2026.
Here's why we redesigned, how we made the site easier for AI assistants to read, what the pages weigh and how fast they load, and the checklist we used.
Why we redesigned
We wanted a refresh with three goals: pages that load fast, a design with more to look at, and case studies that are easier to find. The old site ran Refresh 15.2.0. The new one runs Horizon 4.3.0, a free theme that Shopify designs and says is "regularly updated."
The look changed more than the words. Headlines are condensed, each part of the site has its own dark tone in place of a hero photo, and client work appears as real screenshots in browser frames. We made only a few copy edits, and no URL changed.
Built for AI assistants as well as Google
The thinking behind the build started with how people find us. In September, a prospect showed us ChatGPT's answer to "Can you help me find a good Shopify developer in Austin?" It listed Braun Design Co first. On October 30, a merchant told us that Sidekick, the assistant in the Shopify admin, had named us as one of three partners when asked for help with ADA compliance.
One answer on one day isn't a ranking, and Shopify doesn't say how Sidekick picks partners (our Partner Directory profile is the likely source). Still, it set a rule for the rebuild: nothing assistants already read about us could be lost, and the rest had to be easier to quote. That meant:
- Answers first. Our Austin, accessibility and AI search pages open with a direct answer, then explain how we work, then end with FAQs.
- An FAQ page. Our FAQ about working with Braun Design Co holds 39 questions in seven groups. Each answer opens with a one-sentence answer, and each question is in FAQ structured data.
- One connected set of structured data. Our business, founder, services, FAQs, case studies and posts point to each other. Horizon adds its own business markup, so we removed it rather than describe the business twice.
- Text in the page, not in a script. Vercel found in December 2024 that "none of the major AI crawlers currently render JavaScript." All 39 FAQ answers are in the HTML Shopify sends.
- Our own llms.txt. Shopify writes a default one for every store; ours lists our services, case studies and booking link. See what Shopify's default llms.txt says and when to replace it.
It's the same work we do for clients, described on our AI search optimization page for Shopify stores.
Heavier pages, but not slower ones
We measured both themes the same way on November 2: Shopify's preview of each theme, a phone-sized screen, an empty cache and the median of three loads per page. Content changed too, so the numbers reflect design and content together.
The new pages aren't lighter. Not counting what neither theme controls, each page weighed this on Refresh, then Horizon:
- Services page: 532 KB, then 620 KB
- A case study: 755 KB, then 835 KB
- A blog post: 746 KB, then 830 KB
- Homepage: 530 KB, then 1,101 KB
Images make up most of the homepage difference, 28 KB then 488 KB, and the new homepage opens with screenshots of client storefronts. On every page, the theme's own JavaScript rose from about 13 files and 26 KB to about 50 files and 100 KB.
The bigger number was the part neither theme controls: about 1.85 MB of each load on both, mostly checkout files Shopify loads ahead of time (about 990 KB) and our Google tags (about 840 KB). If your store feels heavy, look at your tags before you blame your theme.
Weight isn't speed, so we also timed both themes the same day: the same preview, a phone on a throttled connection (150 ms latency, 1.6 Mbps, and a processor slowed four times), five loads per page with the themes taking turns, and the median of each. The main content appeared at about the same time on the homepage (1.67 seconds on Refresh, 1.76 on Horizon) and sooner on the services page (2.23 seconds, then 1.58). Script work long enough to delay a tap, counted as total blocking time, fell from 135 to 61 milliseconds on the homepage and from 288 to 63 on the services page.
Two numbers went the other way. The first text or image appeared about half a second later on Horizon, and the homepage took longer to finish loading every image. These are lab timings on one day, not what visitors measure, so we'll keep watching the real-visitor numbers in Google's tools.
One fix did pay off. Before launch, the page jumped when the web fonts arrived; fallback fonts sized to match brought that layout shift from 0.166 to 0. On October 31, Google's PageSpeed Insights scored our FAQ and accessibility pages 88 on mobile.
Case studies, up front
On the old homepage, three case studies sat further down as client logos with a line each. Now the first screen shows four client storefronts in browser frames, drifting slowly with a pause button, and a Selected work section shows full screenshots. The case studies page leads with the newest one.
Every case study page has a row of section links, a timeline and its own FAQ, and most open with a before-and-after slider. Start with the case studies for New Canaan Farms, Baby Trend, KT Tape and The Symphony Store, or browse all seven Shopify case studies.
What we added after launch
Publishing the theme wasn't the finish line. In the week after, we added:
- Motion. Client logos swap places on the homepage, sections fade in as you scroll, case study results count up, and on our New Canaan Farms case study a long screenshot stays pinned while you read. A Pause animations button sits in the footer, and visitors whose devices ask for reduced motion get still versions.
- A recommended apps page. The Shopify apps we recommend lists 36 apps and Shopify tools, what each one does and who it suits, along with the five questions we ask before adding anything to a store.
- Smaller additions. A contact form now closes every page, and blog posts have an author box.
The numbers above are from before the animations. So on November 6 we ran the timing test again with them on, then with their scripts blocked, and they made no measurable difference on the homepage or services page. The pages weigh 20 to 87 KB more than on November 2, and the old theme's pages grew too, so not all of that is the animations.
One change did show up. We turned on Shopify's cookie banner for California, the EEA and the UK, and on a phone its text was the largest thing on our services page's first screen. On the live page, with the same throttled connection, that moved the main content mark from about 1.4 seconds to about 3.2, even though the page's own text arrived just as fast. Shopify lets you edit the banner's wording, so we cut it from 270 characters to 146, keeping who uses the cookies, what for, that it only happens if you accept, and the link to our privacy policy. The mark went back to about 1.4. If you run a banner, test with it showing.
How we switched without breaking a page
Before you publish
- List what your live theme shows. Note where each template's words live. Products, pages, blog posts and menus belong to your store and carry over. Text and images set in the theme editor's sections belong to the old theme, so move them across.
- Keep your template names. Each page and post stores the name of its template. If the new theme has no template by that name, the page falls back to the default layout. We gave every new template the name of the one it replaced, so nothing needed reassigning.
- Carry over your structured data. A new theme brings its own markup. Compare each page's structured data before and after, and keep any llms.txt you've customized.
- Check search. Horizon's search showed only products. We sell services, so ours now lists pages and posts.
- Test on the theme you'll publish. We checked every URL, the structured data, keyboard and screen reader use, and real form submissions on the exact theme we published, not a copy. Real submissions found four problems, including a page that jumped to the top after sending.
- Compare like with like. A preview loads extra code, so never compare a preview's timings with your live site's. Measure both themes through the same preview, taking turns, then test speed again on the live site after launch.
Publish day
- Publish, and keep the old theme. Shopify moves your previously published theme to Draft themes and says "None of your theme changes are lost." Ours stays there, renamed, as a one-click rollback.
- Check the live domain. We loaded all 31 launch URLs on braundesign.co, confirmed each served the new theme with its intended template, and matched each page's structured data to the pre-launch version. Use a fresh browser session: a preview visit leaves a cookie that can show you the preview on your live domain.
The first week
- Keep checking after launch. In the first days we fixed a headline whose letter tails touched the line below and kept Shopify's chat button from covering focused buttons on phones.
- Tidy your redirects. Shopify's help says "You can redirect only from broken URLs." On November 2 we deleted three redirects for pages Shopify always serves, which had never fired, and cut our booking link from two redirects to one. Our guide to merging duplicate color listings on Shopify covers redirects in more detail.
Questions we hear
Will switching my Shopify theme change my URLs?
No. Shopify builds each URL from the handle of a product, page, collection or post, and handles belong to your store, not your theme. A switch changes what's on those URLs: layouts, headings, structured data and links.
How do I roll back if something goes wrong?
Publish the old theme again from the Draft themes section of your Themes page. Store-wide changes you made in the meantime, such as menus and redirects, stay in place whichever theme is live.
Can I preview a new theme on my real store first?
Yes. Click Preview on any theme in your admin. Shopify's visitor preview links work for anyone who has one and expire after two days.
Braun Design Co is a boutique Shopify Plus partner in Austin. Custom themes, migrations, and Shopify design and development services for brands that already sell.
If you're planning a theme switch, we can check your templates, structured data and redirects with you before you publish. Book a 30-minute call.
