Do you create product pages first or finish the store design first?

am building my first Shopify store and little confused about the workflow.

Some people say first complete homepage, collections and whole design. Others say upload all products first and then work on design later.

I don’t want to waste time doing things in wrong order.

For people who already launched successful stores, what workflow saved you the most time? If you start again today, what would you do first?

Would love to hear real experience. Thanks.

Hey @JessaMae

Welcome to the community! I’ve built plenty of stores, and the order that saves the most time is products first, then design, with the homepage last. The reason is your design decisions depend on your actual content, you can’t properly lay out a product page or collection around products that don’t exist yet, so if you design first with placeholder stuff, you usually end up redoing it once the real products go in.

So I’d start by adding a handful of real products with their proper images, descriptions and variants, and put them into at least one collection. Then design your product page template against a real product (so you can see how the actual descriptions, variants and image counts really look), then your collection pages, and save the homepage for last, since the homepage pulls in your featured products and collections, so it’s far easier to build once those already exist.

You don’t need every single product uploaded before designing, just enough real ones to work against, then bulk add the rest once the templates look right. The last step is the bits people forget, your navigation menu, footer, and policy pages. And since it’s your first store, if you get stuck on the product page or the overall design, or just want it set up cleanly so you’re not redoing things, that’s exactly the kind of thing I help people with, happy to lend a hand or take a look whenever you need.


Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

Thanks Moeed, this is really helpful. I was thinking about designing first, but your explanation makes more sense. I will start with a few real products and build the templates around them. Appreciate you sharing your workflow!

the best workflow is to start with a few real products first, not design.

Add a small set of products with proper images, variants, and descriptions so you have real content to work with.

Then create your collections and set up basic navigation to structure the store.

After that, build and test your product and collection pages using those real products.

Once that foundation is solid, move to the homepage, since it depends on everything else already being in place.

Finish with branding, menus, footer, and small refinements. This avoids redoing work later and keeps the setup smooth.

Hi @JessaMae

I’d recommend this workflow based on my experience working with many Shopify stores:

  1. Set up store basics first — configure settings like payments, shipping, taxes, policies, and navigation.
  2. Upload and organize products — add products, collections, tags, metafields, variants, and images. This helps a lot because your actual content affects the design.
  3. Build the store design — work on the homepage, collection pages, product pages, and branding once product data is ready.
  4. Optimize UX and conversions — add trust badges, reviews, FAQs, upsells, announcement bars, etc.
  5. Test everything before launch — mobile responsiveness, speed, checkout flow, and SEO.

If I were starting again today, I would upload products first, then design around them. Designing without real product data often leads to rework later.

The biggest time-saver is planning your store structure early so you don’t have to rebuild collections, menus, or filters later.

Best regards,
Devcoder :laptop:

Hi @JessaMae

Hi, I’m Vineet from Identixweb, a Shopify Development Agency.

I’d usually create the main product pages first, or at least draft them, before finalizing the full store design.

Product pages show what customers are actually buying, so they help decide the layout, sections, images, copy style, trust badges, size guides, reviews, shipping info, and calls to action.

After that, the homepage and collection pages become much easier to design because you already know the product strengths, customer questions, and key selling points. A store can look beautiful, but if the product pages are weak, conversions will still suffer.

Hi @JessaMae,

The “Product-First” strategy is, in my opinion, the most effective way to construct a store.

To save time and prevent having to rewrite your design, I suggest using this workflow:

Products & Collections: Upload your products and organize collections first. You need to make actual design decisions.

Brand Identity: To create a unified look, choose your logo, colors, and typefaces.

Core Design: To ensure that the layout is ideal, create your homepage and other pages using your actual merchandise.

Hi @JessaMae ,

Based on my experience, the most efficient workflow is to upload your products and set up collections first, then work on your store design.

If you design the homepage first, you have to use placeholders. Once you finally upload real products, you often find that image ratios, title lengths, and colors clash with your layout, forcing you to do the design work all over again.

Thanks!

Day 1: Upload sample products → toy with theme designer on product pages(the goal isn’t a finished page)
Day 2: Proceed on bulk upload of products and fixing any product import issues and learning the process
Week 1: Product page design touched and worked on at least 3 days of the week.
Week 2: fix any product import issues or learn to automate it, and work on other theme pages
Month 1: you have FULLY read the shopify help manual on product importing and the theme system

Your already doing it wrong, if this is your first ecom you WILL get it wrong assuming any type of perfect workflow is absurd.

Which one you do first is a matter of scheduling to get to the point where your doing both because when the rubber hits the road they need to be the SAME thing.
You don’t want to just be uploading products for weeks THEN finally touch the storefront you wont have had any mental buildup of what’s possible.

Customers don’t see the admin they see the frontend.
The products ARE the store design and the store design IS the products.
Thinking of your store in terms of “homepage”“collection” is backwards.
Those are just places products may happen to be shown but aren’t the actual point of what your doing and aren’t places you want to waste customers time