Craftly.AI Website Redesign and Development

⦿ Scope: Full-scale UI/UX redesign and Webflow development for a leading Generative AI platform.

⦿ Pages: Homepage, Tool Directory (100+ Frameworks), Enterprise Solutions, Pricing, and Resources.

Craftly.AI is an advanced AI copywriting tool designed to help creators and enterprises beat writer’s block. They needed a website that felt as "smart" and "creative" as their underlying technology. We moved away from generic SaaS templates to create a bespoke, high-energy digital home that highlights their 100+ content tools and multi-language capabilities.

Transform a complex AI product into a simple, 3-step user onboarding flow.

Organize a massive library of 100+ content frameworks into a searchable, user-friendly directory.

Build a scalable Webflow architecture to support rapid content growth and SEO rankings.

Create a "Brand Voice" focused UI that feels human, eccentric, and trustworthy.

Figma UI/UX Design: Designed a high-fidelity design system in Figma, focusing on "Glassmorphism" elements, vibrant gradients, and a modern dark/light mode balance.

Webflow Development: Translated complex Figma prototypes into a pixel-perfect Webflow site. I built custom CMS structures to manage their extensive tool library and resource academy.

Conversion Optimization: Engineered strategic "Try for Free" CTAs and interactive "Tool Preview" blocks to increase user sign-up rates.

Motion Design: Implemented smooth Webflow interactions and hover states to give the site a "premium software" feel.

Dynamic Tool Hub: A custom-filtered CMS gallery that allows users to instantly find tools for SEO, Social Media, or eCommerce.

Interactive Steps: A "How it Works" section that visually demonstrates the 3-step process (Choose, Input, Craft).

Enterprise-Grade UI: A dedicated workspace section showcasing collaborative features, analytics, and version control.

Global Ready: A layout designed to elegantly handle 25+ languages, ensuring consistent brand integrity for a global audience.

⦿ Tools Used: Figma (UI/UX Design), Webflow (Development), Adobe Illustrator

⦿ Final Outcome: The new Craftly.AI site successfully positions the brand as a leader in the generative AI space. By combining a cutting-edge Figma design with the performance of Webflow, we delivered a site that handles millions of monthly visitors while maintaining lightning-fast load times and a world-class user experience.

Live Site: Visit Craftly.AI ↗

Agency Portfolio: https://www.designsenseagency.com/