Live Build: Figma Design into a Webflow Ecommerce Page Using Relume and Client First 2024

In this comprehensive walkthrough, we dive deep into developing a landing page in Webflow, designed in Figma for "Grind Coffee." Leveraging Relume v2.1 using the Finsweet Client-First method with Webflow Variables, alongside Figma's Dev Mode, we ensure a seamless design to development transition. This tutorial not only showcases the process but also delves into optimizing your workflow for efficiency and effectiveness. Perfect for designers and developers aiming to elevate their ecommerce projects with the latest tools and techniques.
Sing up for Webflow here
webflow.grsm.i...
Click here for free training on building a brand platform for your business. I don't pitch anything in there, just to help you get started!
www.gammadesig...
My website:
gammadesign.co
Follow me here:
Linked In: / josiahduenes
Insta: gammadesyn

[@lastspoil5547]

Do you set up the backend for them with webflow? Will the client be able to take orders when you publish the page?

[@gammadesignco4102]

Yes, everything was set up with webflow ecommerce. We created special products in webflow just for that landing page to purchase. We were able to get everything we needed for the delivery.
In another video I’m building a custom ordering back end for this same project using wized. It is for picking up online coffee orders in store and customizing drinks. Then keep the ecommerce for standard ecommerce, at least for now.

[@looooop5989]

@@gammadesignco4102 I'm finding it very hard to find tutorials on learning backend part of webflow sites. Most of the youtube is just filled with landing pages and no one discuses anything about API integrations, CMS system, SEO etcc.
Would love to see more videos from you on backend part and how an actual client website works.

[@JosiahDuenes]

@@looooop5989 The back end for this is actually a lot larger. I am in the process of showing all of this. The latest video I posted is the introduction to that. I need to build an online order system for this same project in addition to rebuilding the whole marketing site to be prepared for that. Video is here: th-cam.com/video/p59CGx1sBo4/w-d-xo.htmlsi=XcbB8TchQat5G7kZ
I am using Webflow, Wized, Xano, Klaviyo, sendgrid, Stripe and other software to have this built. What format would you prefer to see this in? I know it can be a lot of content to digest.