Aprar design
Base360 — AI Communication & Lead Automation Landing Page Design
UI/UX Design, Web Architecture
2026
UI/UX & Digital Designer
Base360 — AI Communication & Lead Automation Landing Page Design
UI/UX Design, Web Architecture
2026
UI/UX & Digital Designer
Client Name
Base360
Credit
Landing Page Web Architecture, Interactive Mobile Prototype Video & Custom Vector Artwork: Aprar design
Project
An AI-driven communication landing page design unifying multi-channel B2C messaging with custom vector illustrations and interactive mobile workflow demonstrations.
Request
Create a high-converting B2C landing page architecture unifying multi-channel communications (TikTok, Meta, WhatsApp, SMS, Email).
Design custom vector illustrations in Adobe Illustrator to visually anchor user pain points and make complex automation features approachable.
Build an interactive mobile video prototype embedded in the hero layout to demonstrate the end-to-end user journey from a social comment to a closed CRM lead.
Formulate a vibrant, structured design system with modular grid structures and clear call-to-action hierarchy.
Design Concept
UX Architecture & User Flow Integration
The structure directly addresses end-to-end user behavior and feature architecture rather than just visual polish:
Agitation-First Layout: The page immediately identifies core user pain points through three problem cards (Scattered Conversation, Manual & Time-Consuming, Leads Get Lost) to establish immediate problem-solution fit before introducing feature details.
End-to-End User Flow (Mobile Prototype): The hero mobile view features an embedded video walking through the full lifecycle of a lead: TikTok comment → AI auto-reply & DM → instant CRM qualification → AI voice follow-up call → automated email nurture sequence.
Custom Vector Illustration & Mascot Cohesion
The core visual foundation balances technical software capabilities with approachable, human-centered design assets created in Adobe Illustrator:
Custom Character Assets: Designed a friendly AI mascot character using clean vector lines and soft gradients to make machine-learning workflows feel intuitive and welcoming.
Empathy-Driven Problem Framing: Used bespoke character illustrations with clear expressions and visual metaphors to mirror the day-to-day friction support teams experience.
Feature Architecture & Information Hierarchy
The solution breakdown maps directly to the primary operational needs of B2C brands:
Four-Pillar Solution Grid: Structured the product features into clean, high-contrast modular cards: Unified Inbox, Automate Repetitive Work, Built-in CRM for Sales, and Marketing and Subscriber Nurture.
Conversion-Focused CTA Placement: Positioned explicit primary actions ("Get Started", "Get started for free") alongside clear value propositions to minimize friction and guide visitors toward conversion.
Design Execution & Scalability
This case study demonstrates the seamless integration of visual brand assets with real-world product thinking. By mapping out how string-of-screens and automated workflows function across multi-channel environments, the landing page layout effectively proves both high-fidelity execution and practical UX strategy.
Client Name
Base360
Credit
Landing Page Web Architecture, Interactive Mobile Prototype Video & Custom Vector Artwork: Aprar design
Project
An AI-driven communication landing page design unifying multi-channel B2C messaging with custom vector illustrations and interactive mobile workflow demonstrations.
Request
Create a high-converting B2C landing page architecture unifying multi-channel communications (TikTok, Meta, WhatsApp, SMS, Email).
Design custom vector illustrations in Adobe Illustrator to visually anchor user pain points and make complex automation features approachable.
Build an interactive mobile video prototype embedded in the hero layout to demonstrate the end-to-end user journey from a social comment to a closed CRM lead.
Formulate a vibrant, structured design system with modular grid structures and clear call-to-action hierarchy.
Design Concept
UX Architecture & User Flow Integration
The structure directly addresses end-to-end user behavior and feature architecture rather than just visual polish:
Agitation-First Layout: The page immediately identifies core user pain points through three problem cards (Scattered Conversation, Manual & Time-Consuming, Leads Get Lost) to establish immediate problem-solution fit before introducing feature details.
End-to-End User Flow (Mobile Prototype): The hero mobile view features an embedded video walking through the full lifecycle of a lead: TikTok comment → AI auto-reply & DM → instant CRM qualification → AI voice follow-up call → automated email nurture sequence.
Custom Vector Illustration & Mascot Cohesion
The core visual foundation balances technical software capabilities with approachable, human-centered design assets created in Adobe Illustrator:
Custom Character Assets: Designed a friendly AI mascot character using clean vector lines and soft gradients to make machine-learning workflows feel intuitive and welcoming.
Empathy-Driven Problem Framing: Used bespoke character illustrations with clear expressions and visual metaphors to mirror the day-to-day friction support teams experience.
Feature Architecture & Information Hierarchy
The solution breakdown maps directly to the primary operational needs of B2C brands:
Four-Pillar Solution Grid: Structured the product features into clean, high-contrast modular cards: Unified Inbox, Automate Repetitive Work, Built-in CRM for Sales, and Marketing and Subscriber Nurture.
Conversion-Focused CTA Placement: Positioned explicit primary actions ("Get Started", "Get started for free") alongside clear value propositions to minimize friction and guide visitors toward conversion.
Design Execution & Scalability
This case study demonstrates the seamless integration of visual brand assets with real-world product thinking. By mapping out how string-of-screens and automated workflows function across multi-channel environments, the landing page layout effectively proves both high-fidelity execution and practical UX strategy.