Art of Skin Care

A complete redesign and rebuild of a Shopify skincare storefront — rebuilt on lightweight, native Shopify blocks from a Figma design, without losing a single piece of existing functionality.

Art of Skin Care needed more than a fresh coat of paint. The existing store had accumulated years of heavy, outdated code that was weighing the site down, and the design no longer reflected where the brand wanted to be. The goal was a full redesign and remodel — a modern, cleaner storefront that loaded lighter and faster, built to bring a new Figma vision to life.

The Problem

The original theme was bloated. Over time it had collected unused code and heavy customizations that slowed the site down and made it fragile to work on. On top of that, the store already relied on functionality the business depended on day to day — including a third-party app that manages customer accounts and reward points that shoppers could redeem. Any rebuild had to modernize the look and performance without disturbing what was already working.

The Solution

I rebuilt the storefront from the ground up using lightweight, native Shopify sections and blocks, stripping out the old, unused code that was dragging performance down. Working from a Figma design, I translated that vision into a clean, responsive theme — matching the intended layout, spacing, and styling while keeping the underlying markup lean and maintainable.

What I Did

• Full storefront rebuild — reconstructed the site on lightweight, native Shopify blocks and sections instead of heavy legacy code.
• Figma to storefront — brought a Figma redesign to life as a responsive, on-brand Shopify theme.
• Performance cleanup — audited and removed old, unused code and bloat that was slowing the site down, leaving a leaner, faster-loading store.
• Functionality preservation — made sure every piece of existing functionality kept working through the redesign, from browsing and cart to checkout and customer accounts.
• Third-party integration — kept the external rewards app that controls customer accounts and redeemable points fully intact and functioning after the rebuild.
• Careful, incremental rollout — rebuilt and tested methodically so nothing broke on a store the business actively relies on.

Tools & Tech

• Platform: Shopify, with native theme sections and blocks built in Liquid.
• Front end: HTML, CSS, and JavaScript, kept lightweight and maintainable.
• Design: Figma, as the source of the redesign.
• Integrations: a third-party rewards/points app for customer accounts and redemptions, preserved through the rebuild.

My Role

I led the redesign and rebuild end to end — turning the Figma design into a lightweight Shopify theme, clearing out the legacy code that was slowing things down, and making sure the store came out of the process faster, cleaner, and with all of its existing functionality intact.