Inside ENC Agency’s design workflow: From Figma to Shopify with Instant

See how ENC Agency migrated Melt by Melissa’s site design from Shogun to Instant using a Figma-to-Shopify workflow to create a fully branded storefront.

IC
Instant Commerce
5 min read
Inside ENC Agency’s design workflow: From Figma to Shopify with Instant

When beauty brand Melt by Melissa approached ENC Agency, they were ready for a serious Shopify glow-up. Their existing site, built on Shogun, no longer matched the level of polish and performance the brand had grown into. With two brick-and-mortar service locations and a fast-growing product line, Melt needed a site that could reflect both sides of the business equally well: service and eCommerce.

ENC designer Elizabeth Brummer took the lead on the rebuild.

They chose Instant to power the transformation, starting with the homepage, then expanding out across the full store.

A service-first homepage with branded interaction

Elizabeth started with one of the most strategic elements: a Shopify homepage that would push services to the forefront while still supporting product discovery.

custom shopify homepage hero design for melt by melissa

In addition to the positioning and messaging, they also wanted to create a homepage that could bring the brand to life visually, without compromising load speed or performance.

They also gave the navigation a full design refresh.

custom shopify navigation menu example

Figma-first workflow meets Shopify-native output

ENC has a Figma-based design workflow, and Instant’s Figma copy/paste functionality made it easy to move fast without losing creative control:

The fact that Instant is directly integrated with Shopify meant that product pages could be previewed and tested in real time, complete with live inventory:

From migration to full redesign, one section at a time

Rather than rebuild everything at once, ENC used Instant to migrate the site in stages.

This phased approach let them test and refine their work quickly, while building confidence with the client. Each new section brought an opportunity to add branded details, like the custom SVG icons and scroll-based animation, to enhance the Melt experience.

shopify custom SVG icon examples

A platform built for design-led agencies

Elizabeth was initially drawn to Instant for its Figma integration, but it was the template library and team support that sealed the deal.

Results: A site that balances service and eCom beautifully

Today, Melt by Melissa’s new Shopify storefront clearly communicates both sides of the business. Customers can book services or shop products with equal ease, and every part of the experience feels cohesive and branded.

Advice to other agencies?

With Instant, ENC Agency was able to elevate Melt by Melissa’s entire online experience, without compromising on design, speed, or Shopify-native functionality.

For agencies juggling brand expression, client collaboration, and technical execution, this build proves what's possible when the right tools are in place. From Figma-to-site workflows to real-time Shopify previews, Instant enabled ENC to work smarter, move faster, and deliver a storefront that’s not just beautiful, but built to scale.

See how Instant can help your eCommerce agency:

Frequently asked questions

Try Instant free today

Get started with Instant

Start for free

7-day money back guarantee.

Already have an account? Log in