Sketch to Webflow Conversion

Sunday Swing, a golf performance center in California, had a stunning Figma design that needed to be converted to Webflow with pixel-perfect accuracy. The project features unique layouts, grids, and advanced elements like nested accordions and sliders. For booking sessions, I integrated MindBody using custom JavaScript coding for a seamless connection. Subtle Webflow interactions were added to make the site more engaging and dynamic.

Figma to Webflow Development, Webflow CMS Setup, Custom Code Functionalities, Finsweet Attributes, Booking System Integration, Mindbody integration

Nori, a company focused on carbon removal solutions, needed their site migrated from Strapi to Webflow. This project involved transferring numerous blog posts and podcasts, as well as rebuilding many pages. Starting from a new brand identity and Figma designs, the site was developed in Webflow with an emphasis on building reusable components to empower the team to scale independently. Custom coded elements, like a calculator and Finsweet attribute solutions, were added. Video tutorials and Loom training facilitated Webflow use. Ongoing support ensures smooth updates and development of new advanced features.

Strapi to Webflow Migration, Figma to Webflow Development, Webflow Custom Code, Webflow CMS, Finsweet Attributes, Webflow Ongoing Support, Webflow Maintenance, Webflow Calculator

Brait is an IT consultancy firm that specializes in optimizing business processes through document digitization and automation. For this project, I migrated their site from WordPress to Webflow, and redesigned it in Figma from scratch using the Relume library, focusing on UX/UI enhancements. The Webflow development utilized Relume and Client-First methodologies. Webflow Locales were added for multi-language support, along with various integrations such as a chat-box to improve user engagement and conversions.

Full Redesign on Figma, WordPress to Webflow Migration, Webflow CMS, UI/UX Enhancements, Finsweet Attributes, Relume Library, Client-First

The Patent Scientist specializes in patent consulting for innovators in chemical engineering. I customized their Webflow template to create a multi-page website, focusing on effective information architecture and layout based on the StoryBrand framework. This project involved structuring content to clearly convey their services, ensuring easy navigation, and providing a user-friendly experience that reflects their expertise in transforming innovations into protected assets.

Webflow Template Customization, Webflow Development, Webflow Design, StoryBrand website

Ministry Design is a design agency based in London, UK. They contacted me to help finalize their new website under a tight deadline. Using the provided Figma design, I developed the site, restructuring the style guide, optimizing class naming, and setting up reusable components. We also incorporated subtle micro-interactions to enhance the overall user experience.

Figma to Webflow Development, Micro interactions

Blinq, a digital business card startup, required development from Figma to Webflow. The project included setting up a blog, optimizing it for SEO, and integrating animations and interactions to enhance user engagement and site functionality. The final result is a dynamic, easy-to-navigate website that effectively showcases Blinq’s innovative solutions for sharing professional identity.

Figma to Webflow Development, Blog setup & SEO optimization, Animations & Interactions

Qurator, a platform for discovering and reviewing decarbonization solutions and vendors, required a website conversion from Figma to Webflow. The project involved customizing a Webflow template to fit their specific needs. The development focused on ensuring the site is visually appealing, user-friendly, and functional, effectively showcasing Qurator’s offerings and facilitating user engagement.

Figma to Webflow Conversion, Webflow Template Customization

Care to Translate, a digital medical translation tool, required a migration from WordPress to Webflow. The project included setting up multi-language support, enhancing UI/UX design, and migrating the blog. The result is a user-friendly and visually appealing website that effectively supports Care to Translate’s mission of breaking down language barriers in healthcare.

WordPress to Webflow Migration, Multi-Language Setup, UI/UX Enhancements, Blog Migration

FitFlo, a member community engagement platform for fitness centers, needed a website developed in Webflow starting from a Figma design and a Webflow template. The project involved customizing the template and adding Finsweet attributes to enhance functionalities. The end result was a highly functional and visually appealing website that effectively showcases the FitFlo app and its features.

Figma to Webflow Development for SaaS, Webflow Template Customization, FS Attributes

Crunch Creative, a brand naming and strategy consultancy based in Toronto, needed a comprehensive website developed in Webflow. The project involved designing the site from scratch in Figma, followed by Webflow development. Complex animations and interactions, including custom code and Lottie files, were integrated to enhance the user experience. The site features a horizontal layout, showcasing Crunch Creative’s innovative approach and expertise.

Figma Design from Scratch, Webflow Development, Complex Animation & Interactions, Custom Code, Webflow Horizontal Website