Back to home

Scaling Conversational AI & Digital Product Architecture

Organisation

SalesGroup AI

Role

Lead Product Designer / Design Director

Industry

AI & Customer Experience (CX)

Services / Scope

Product Strategy, Design Systems Architecture, AI Conversational UX, Brand Positioning, Marketing Design, Interactive Prototyping

Overview

I led the strategic end-to-end design and execution for SalesGroup, an AI-powered customer support platform. Rather than approaching this as a surface-level visual refresh, I established a scalable design ecosystem that unifies product architecture, conversational AI UI, and brand identity. By aligning marketing touchpoints with core web application workflows, the redesign seamlessly connects businesses to their customers, reduces operational friction, and positions SalesGroup for long-term scalability.

Context & Business Challenge

SalesGroup faced significant growth bottlenecks due to a fragmented digital experience. The existing website and application lacked structural cohesion, leading to user drop-off and unclear product value communication.

Fragmented Architecture: Disconnected navigation models made key features difficult to discover, increasing cognitive load for prospective customers.
Inconsistent Visual & Brand Identity: The absence of unified design guidelines created visual drift across marketing and product, diluting brand authority.
Conversion & Messaging Friction: Buried value propositions and weak visual hierarchies reduced the site's ability to convert high-intent traffic into platform users.
Systemic Maintenance Overhead: Hardcoded components without a centralized design system made feature iterations slow, inconsistent, and resource-intensive.

Core Objectives

Establish a Scalable Design System: Architect a reusable component library using Shadcn UI to accelerate product development velocity.
Re-Architect Information Flow: Restructure the site and product navigation to create an intuitive, friction-free journey from acquisition to onboarding.
Unify Visual & Brand Identity: Develop a modern, authoritative aesthetic that builds immediate credibility across marketing and application environments.
Optimize Conversational AI UX: Design a clear, actionable dashboard and chatbot interface that allows teams to monitor leads and guide user interactions effortlessly.

Analyzed top-tier sales enablement and CX platforms to identify interaction patterns and navigation benchmarks. Conducted an audit of SalesGroup's existing touchpoints to isolate drop-off points in the funnel and map critical UX gaps.

Restructured the site map to align business goals with user tasks. Created Inspiration and Experience Boards to define visual positioning, leading to the selection of a "Modern Professional" direction for its clarity, authority, and approachability.

Translated strategic insights into rapid layout concepts, testing navigation patterns, layout density, and visual hierarchy across desktop and mobile form factors.

Leveraged Shadcn UI as the underlying structural framework to build a robust design system. Refined the core application UI, landing page conversions, and conversational AI interface, validating interactions through high-fidelity prototypes.

Systemic Brand Architecture

Built a comprehensive design token system (color scale, typography, elevation, spatial grids) on top of the Shadcn framework. This established an easily maintainable foundation for developers while guaranteeing visual consistency across web, dashboard, and marketing surfaces.

Conversion-Engineered Landing Pages

Designed landing pages with strategic content hierarchy, scannable feature highlights, and clear call-to-action paths. Integrated clear product copy with custom visual assets to communicate SalesGroup's value proposition immediately to first-time visitors.

High-Efficiency Dashboard & Conversational AI UI

Engineered the primary analytics dashboard to give sales and support teams instant visibility over leads, performance metrics, and active conversations. Designed the native chatbot UI to deliver transparent, context-aware interactions that increase user trust and engagement.

Motion & Interactive Governance

Developed high-fidelity interactive prototypes featuring micro-interactions, hover states, and smooth transition logic. This provided engineering and executive stakeholders with a clear blueprint for implementation.

Key deliverables

Unified Design System: Comprehensive token library, component documentation, and interaction patterns built on Shadcn UI.

High-Fidelity Dashboard & Chatbot UI: Complete screen sets for analytics monitoring, lead tracking, and automated conversational support.

Conversion-Driven Landing Pages: Multi-page marketing layouts optimized for acquisition, clarity, and brand consistency.

Interactive Motion Prototypes: Clickable prototypes demonstrating application flows, state transitions, and responsive behavior.

Design Guidelines & Documentation: Exhaustive style and usage guides ensuring long-term maintenance and developer alignment.

Business Impact & Strategic Value

Accelerated Feature Delivery: The centralized Shadcn design system significantly reduced product iteration cycles and dev handoff friction.

Elevated Brand Credibility: A unified visual identity across marketing and product reinforced SalesGroup's market position as a premium AI solution.

Improved Platform Adoption: Intuitive dashboard layouts and clear content hierarchy simplified onboarding, reducing user friction and cognitive overload.

Optimized Conversion Funnel: Strategic messaging and high-clarity landing page design laid the structural foundation for increased trial sign-ups and user engagement.