Musecraft.com

As part of the Skyrocket team, I set up the project foundations, built the core pages, and managed two developers to deliver a customized Shopify experience for Musecraft’s Canadian customers.

Project Overview

Musecraft needed a Shopify storefront that supports made-to-order, customizable furniture. Working within Skyrocket’s delivery team, we focused on a clean path to purchase while enabling deeper product options. Primary audience: Canadian shoppers. Core goal: launch and start selling.

Project Scope

  • Stand up repo, Git workflow, and CI/CD within Skyrocket’s delivery process
  • Translate Figma designs into Liquid-based layouts and sections
  • Build initial pages: Home, original Collections, About, Contact, Policies
  • Establish performance guardrails (image strategy, lazy loading, analytics)
  • Plan and hand off the advanced customization layer to two devs I managed

Unique Features

  • Heavily customized product configuration flow (mix of app + light custom logic; details under NDA)
  • UX tuned for clarity during customization while keeping conversion in mind
  • Storefront and product data structured to support made-to-order operations

Technology Stack

  • Theme: Customized Shopify Dawn (Online Store 2.0)
  • Languages: Liquid, Vanilla JS, HTML, CSS
  • Shopify: Shopify Functions where suitable
  • Tooling: Git with CI/CD and testing workflows
  • Analytics/CRM: GA4 + GTM, HubSpot (plus supporting apps)

Challenges

  • Implementing certain custom options without creating variant bloat or UX friction
  • Live ops risk: an external vendor deleted part of the store during a handoff

Solutions

  • Skyrocket strike team: I guided two developers delivering the configurator layer, set guardrails, reviewed PRs, and kept scope in check
  • Resilient pipeline: Because CI/CD was in place from day one, we re-ran a deploy job and restored the full site immediately after the deletion incident

Client Collaboration / Team Collaboration

  • Process: Jira integrated with Git (auto updates from commits/PRs), Slack for comms, code reviews before merge, structured QA/UAT
  • My contributions within Skyrocket: Built the core theme/pages, established the pipeline, and managed the devs responsible for the customization experience

Results / Impact

  • Launched and selling: The main goal was to go live, Done
  • Operational win: CI/CD turned a potential outage into a quick restore, boosting stakeholder confidence
  • Experience fit: Supports deeper customization while keeping the buying flow clear

(No public metrics available; outcomes kept qualitative.)

Post-Launch Support

No ongoing maintenance on my side. The client has connected with Skyrocket sporadically since release.

Final Thoughts

This was a “foundations-first” Shopify build delivered as part of the Skyrocket team. Solid theme architecture, a clean pipeline, and tight collaboration let us ship fast and handle surprises without drama, a reusable playbook for future custom Shopify work.

You can see the full case study about this client on Skyrocket's page

No items found.

Similar Projects

Explore Projects
Five Rivers Bank
Webflow
WebTricks
GA4
Cloudflare
Javascript

As part of the Skyrocket Digital team, I helped bring Five Rivers Bank’s online presence to life by building a fast, accessible, and easy-to-manage website in Webflow.

Whale Report Alert System
Expo
Github
Azure
Cursor
React Native

WRAS (Whale Report Alert System) is a real-time conservation tool created for OceanWise. The project was led by the team at Skyrocket Digital, where I worked as part of the development team. We delivered a mobile app, web platform, and admin dashboard that help mariners and researchers reduce whale collisions by sending real-time sighting alerts.

Red Rhino
Webflow
WebTricks
Hubspot
GA4
Javascript

Red Rhino Networks was undergoing a full rebrand, led by Skyrocket Digital, and their website needed to keep up. That’s where I came in. As part of the team, I took charge of developing the new website in Webflow, integrating HubSpot for mailing lists, and making sure their SEO was on point with Google Analytics, Tag Manager, and Facebook Pixels.

Want to use Webflow’s MCP without switching editors? Here’s how to set it up in VS Code with GitHub Copilot, fast, simple, and no extra cost.
How to Add Webflow's MCP to VS Code (No Cursor Needed)
Learn how JavaScript functions work, when to use regular vs arrow functions, and how to write cleaner, reusable code.
Functions And Arrow Functions
Learn JavaScript’s primitive and reference types, how type conversion and coercion work, and the role of truthy and falsy values in your code. Perfect for beginners building a solid JS foundation.
JavaScript 101: Data Types Explained