Draft layout. The story below is written from what we have approved so far; details are to be confirmed with Royal Honey Bee before this page goes live.

Royal Honey BeeShopify · Landing page development

Royal Honey Bee, a Shopify landing page from Figma

[ the project ]

Turn a Figma design into a Shopify page that matches it

  • Landing page development

Royal Honey Bee had a landing page designed in Figma and needed it live on its Shopify store, as designed.

A theme rarely matches a custom design out of the box, so the page had to be coded.

1custom landing page, coded from Figma

  • Shopify
  • Landing page
  • Development
[ what we built ]

Coded from the design file

We built the page from the Figma file itself, so nothing was lost between design and store.

  • Read the design closely

    Spacing, type sizes, colours and images taken from the Figma file.

  • Code it into the theme

    A custom landing page built inside the Shopify store.

  • Check it on phones

    Most buyers arrive on a phone, so the page was checked at phone sizes as well as desktop.

[ the result ]

The Figma design, live on Shopify

The landing page went live on the store, coded to match the design pixel for pixel.

Start with a free audit
[ questions ]

Questions about Royal Honey Bee

Royal Honey Bee had a landing page designed in Figma and needed it live on its Shopify store, as designed. A theme rarely matches a custom design out of the box, so the page had to be coded.

We built the page from the Figma file itself, so nothing was lost between design and store. Read the design closely: Spacing, type sizes, colours and images taken from the Figma file. Code it into the theme: A custom landing page built inside the Shopify store. Check it on phones: Most buyers arrive on a phone, so the page was checked at phone sizes as well as desktop.

The landing page went live on the store, coded to match the design pixel for pixel.

[ more projects ]

More of our work

View all work

Have a design your theme can’t match?

We code Shopify pages and sections from your Figma file.

Plan my Shopify build

Pixel Captionnow