Client
Humanly
Industry
SAAS, Artificial Intelligence
Project Scope
UX Consultation, UI Design, Custom Development
Tech Stack
WordPress, Custom Gutenberg Blocks
Timeframe
16 weeks
Project Overview
Humanly is at the forefront of the AI-driven SaaS landscape, yet their digital presence was held back by a legacy architecture that obscured their core value proposition. The primary objective of this project was to transform a static, dated website into a high-performance sales tool that effectively "demoes" the product through design.
We focused on a complete UX, overhaul simplifying the navigation, creating dedicated landing pages for complex AI features, and streamlining the path to conversion. By integrating Calendly directly into the user journey and building a flexible system of custom Gutenberg blocks, we empowered the Humanly team to scale their content at the same speed as their technology.
Problem Statement
Humanly’s innovative AI platform was being overshadowed by a dated digital presence. The legacy website suffered from a fragmented information architecture that made product discovery difficult, resulting in low engagement and missed conversion opportunities.
- Information Silos: Users struggled to navigate and understand the core product value proposition.
- Visual Stagnation: A lack of high-fidelity product screenshots and explainer videos led to a "black box" perception of the AI.
- Friction in Sales: The absence of a direct booking system created unnecessary hurdles for prospective leads.
- Fragmented Conversion: Ineffective CTAs failed to capture high-intent traffic.
Our Approach
We moved beyond a simple visual facelift, focusing on a "Show, Don't Just Tell" strategy. By leveraging Custom Gutenberg Blocks, we built a flexible design system that allows the Humanly team to scale their content while maintaining a premium, high-tech aesthetic.
- Feature-First Mapping: Developed individual landing pages for core features to improve SEO and user education.
- Interactive Visuals: Integrated dedicated zones for product walkthroughs and dynamic AI screenshots.
- Conversion Optimization: Strategically placed "Lead-Capture" anchors and automated scheduling touchpoints.
- Performance Engineering: Built custom blocks to ensure rapid load speeds despite the heavy use of media assets.
Key Feature Highlights
Future-Proof Scalability
Built with custom-engineered Gutenberg blocks, the platform allows the Humanly team to build complex, on-brand feature pages in minutes without writing a single line of code.
Streamlined User Journey
We eliminated navigation friction by integrating Calendly directly into the workflow, reducing the path from product discovery to a live demo by over 60%.
AI Product Storytelling
High-fidelity product screenshots and embedded explainer videos were strategically placed to showcase the AI’s capabilities, providing a "hands-on" feel for prospective leads.
