I don't open Webflow when I receive a Figma design.
Before building, I review the design system: typography, colors, spacing, components, and breakpoints. This defines how the site should be structured, not just how it looks.
Next, I assess feasibility: Webflow limitations, custom functionality, and CMS needs.
I look for gaps early—missing states, unclear mobile behavior, undocumented interactions, and expected CMS content volume. These are easier to solve before building.
My process starts with the design system: style guide, variables, and reusable components. CMS comes before templates. Desktop first, responsive after. Then interactions, custom work, QA, and optimization.
My design background helps. I’m not just building the design—I’m preserving the intent behind it.
I designed the MASO brand in Figma. Then I wondered… what if I could show the app actually working?
So I copied my Figma page link, pasted it into Claude Code, and gave it a few instructions.
Oh chim!… it pulled my colours, fonts and logo straight from the file and brought the whole shopping app to life. 😭
From there, it was just a conversation with Claude. I’d tell it what I wanted, make a few adjustments, and keep building from there.
I honestly love this
Being able to present something like this to a client instead of just showing thm static screens makes the idea feel so much more real. They can actually see how the product could work and experience the concept before development even starts.
What do you think?
Kajabi Appointment Booking Landing Page Design & Development
The client needed a more structured way to introduce prospective candidates to their company, communicate the available opportunity, and guide interested applicants toward scheduling an interview. The challenge was to bring important information, introductory videos, company highlights, and appointment booking together in one seamless experience without overwhelming visitors.
I designed and developed a Kajabi landing page that brings these elements together through a clear content structure and engaging visual presentation. I incorporated dedicated video sections, company information, testimonials, and a straightforward appointment-booking journey to help visitors understand the opportunity and take the next step with confidence.
The result is a professional, user-friendly landing page that presents the company effectively while making the interview scheduling process more accessible and straightforward.
#Kajabi #KajabiWebsiteDesign #KajabiLandingPage #AppointmentBooking #BookingLandingPage #LandingPageDesign #LandingPageDevelopment #ConversionFocusedDesign #LeadGeneration #RecruitmentWebsite #RecruitmentLandingPage #SalesFunnel #KajabiExpert #WebDesign #WebsiteDevelopment #UIUXDesign #ResponsiveWebDesign #BusinessWebsite #VideoLandingPage #OnlineBooking