Made some project page fixes on my Framer template in progress and made the project index page responsive before going to bed tonight.
To keep the UX feeling nice I added a scroll snapping effect to the project video panes so that they never appear only partially, but one pane at a time is always fully on screen as the user scrolls. 🔧
Over the past month, I've been spending more time exploring Shopify store design and thinking about what makes an online store work well.
One thing that stands out to me is that good e-commerce design involves much more than appearance.
I've been paying closer attention to:
→ How a homepage guides visitors
→ How product pages present important information
→ How collections help customers discover products
→ How navigation affects the shopping experience
→ How a store adapts to mobile screens
→ How consistent design builds a stronger brand experience
I'm also learning to think more carefully about the purpose behind each section instead of designing just because something looks good.
Every page should have a reason to exist, and every design decision should contribute to the overall experience.
I still have more to learn and improve, but each project gives me another opportunity to practice, experiment, and develop my approach.
My biggest takeaway so far: good Shopify design brings visual presentation, usability, and the customer's journey together.
What's one thing you believe every e-commerce designer should understand?
For almost two years this site was home for Heat Bureau. Clients found us through it and we shipped some of our best work from it.
We’re cooking something new for 2027, so it’s time to let this one go. Instead of archiving it, we cleaned it up and made it free for everyone.
Bonus: our FLORA techniques. We generated every placeholder image in this template with two FLORA techniques of our own. They’re yours too:
• Late-90s Editorial
• Crimson Editorial
Write two short lines, what the images are for and how they should feel, and you get a five-frame editorial story. The template has a guide page with 10 ready-to-copy prompts.
Grab it, make it yours, and tag us when you ship something. We’d love to see it:
Kiln Template