I'm looking to create a webshop for physical products using Shopify as a headless backend while building a fully custom front end. My aim is to maintain complete control over the UI and UX, steering clear of the typical Shopify look that often dominates e-commerce sites. I've put a lot of effort into my high-quality, sustainably sourced cosmetic products, and I want my webshop to reflect that dedication. My budget is flexible, but I want to ensure that I invest wisely to create something unique, smooth-functioning, and professional. I'm seeking insights from experienced developers on a few specific aspects: How complex is this approach compared to a standard Shopify build? What timeframes should I expect for a minimum viable product versus a polished version? What is a realistic budget range for achieving high quality? Which front-end technology stacks would be most suitable for this project? How can I facilitate a developer's workflow when working headless with Shopify? What communication styles and documentation should I adopt to make the process easier? Finally, how can I set clear expectations without stifling a developer's creativity? Any lessons learned or advice would be greatly appreciated!
2 Answers
I think you're on the right path! However, keep in mind some potential downsides: Making layout adjustments outside of content block order can be slow and often needs a developer's help. Shopify’s tools are useful but also encourage reliance on third-party plugins, which might not integrate seamlessly with your headless setup. This could lead to significant markup changes and increased page weight, which isn't ideal for user experience. If you're the business owner, you might not see the value in spending extra time on development that could seem immediately implementable, so keep that in mind! Still, going headless is a more sophisticated option for developers, so I hope you stick with it!
You're essentially creating a custom e-commerce website that utilizes Shopify's API for backend features, which is smart. This method is definitely more complex than a standard Shopify setup, probably about 2-3 times the complexity of using a default theme. If you're going for a minimum viable product (MVP) with basic displays and checkout functionality, expect around 6-10 weeks if you're working solo. A polished version with all the animation and UI/UX refinements will likely take 3-4 months. Just a heads up: most developers will focus on building the design system first, so you don't end up rewriting components endlessly.
Thanks! This really clears things up. Can you explain what you meant by front-loading the design system?
That makes sense. I prefer having control over my site, even if it means dealing with extra costs. Is Shopify headless the best route, or do you know of other solid alternatives? Thanks for your input!