Sprinklr Community Redesign:

All-in-one AI-powered CXM Platform

Role Project Lead
Timeline 6 months
Tools Figma

Project Info

One of my key contributions at Sprinklr was leading the redesign for the Sprinklr Community platform, which was launched in May 2024. We successfully transformed Sprinklr Community from a cluttered and dated experienced platform into a modern, user-friendly, and dynamic platform. Let's follow me to explore how my team and I tackle this challenge.

My Role

person Project Lead Designer

Led end to end the design for Community Homepage, User Profile, Conversations, and AI-powered Search.

group Collaborator

Collaborated closely with PMs, engineers, researchers, over six months.

lightbulb AI-First Thinker

Integrate AI-powered insights to boost user engagement.

palette Visual Design

Applied consistent visual design principles to create a cohesive interface.

The Core Challenges: Why Redesign Sprinklr Community?

The existing dashboard was cluttered and lacked intuitive navigation, making it difficult for users to manage multiple social media accounts efficiently. The challenge was to create a clean, organized interface that would streamline the workflow while maintaining all essential functionality.

Low Engagement
  • Low participation rate
  • Low user retention
Cluttered UI
  • High cognitive load
  • Hard to navigate
  • No hierarchy
Dated Experience
  • Lack of modern UX patterns
  • Lack of consistency

Previous Sprinklr Community Design

The previous design of the Sprinklr Community lacked visual hierarchy and clarity, leading to confusion among users. The previous clutter layout has resulted in very high cognitive load and this makes it unnecessarily hard for users to navigate, read and perceive the contents.

Research

I engaged researchers early and arranged daily standups with researchers and PMs to understand use cases across different brands/personas and to identify their pain points.

User Flows

User Flows

Use Cases

Use Cases

Understanding Users' Needs

Users expressed a need for a more streamlined experience, with easy access to key features and a more visually appealing interface. Feedback highlighted the importance of customization and personalization in the dashboard.

1. Customization

Enterprise brands wanted customization without disrupting UX consistency.

2. Navigation

Users struggled to navigate cluttered layouts and find relevant discussions.

3. Gamification

Gamification elements were missing, leading to low user participation.

4. AI-Search

Integration of AI-powered features to boost user engagement.

How Might We Make Sprinklr Community More Engaging, Relevant, and Modern?

By implementing a modular design approach, we can allow users to customize their dashboards with widgets that display relevant information. Additionally, enhancing the visual design with modern aesthetics will make the platform more engaging and user-friendly.

Modular UI
  • Applied Hyperspace Design System
  • Modular UI framework.
  • Consistent navigation patterns.
  • Content hierarchy improvements.
Gamification
  • Introduced a badge system for active contributors.
  • Added leaderboards showcasing top community members.
  • Rewarded users for their contributions.
AI-Search
  • Introduced AI search result explanations
  • Enhanced search ranking based on relevance, behavior, and engagement metrics

Hyperspace Atomic Design System - Modern & Consistent UI for Higher Engagement

The Hyperspace Atomic Design System was developed to create a modern and consistent user interface that enhances user engagement across the Sprinklr platform.

  • Ensuring a cohesive & scalable UX across all brands.
  • Reusable patterns that make interactions more intuitive.
  • Making information scannable & easy to find.

Standardized UI Components & Wireframing

We established a library of standardized UI components to ensure consistency and efficiency in the design process. Wireframing was used to visualize the layout and functionality of these components.

component list

Component List

Components are grouped into categories based on their functionality.

wireframe example

Wireframe Example

Wireframe example of the homepage.

Modular UI for Customization & Dynamic

The modular UI approach allows users to customize their dashboards with dynamic components that can be rearranged based on individual preferences.

Gamification to Drive User Engagement

Implementing gamification strategies helped to increase user engagement by rewarding users for their interactions and contributions within the community.

  • Badge System for active contributors.
  • Leaderboard showcasing top community members.

Iterations, Hands-off & QAs

The design process involved multiple iterations, hands-off reviews, and quality assurance checks to ensure the final product met user needs and expectations.

New Sprinklr Community Design

The new design for the Sprinklr Community focuses on user-centric features, improved navigation, and a visually appealing interface that enhances the overall user experience.

Impact: Increased Brand Adoption, Engagement, and Reduced Support Tickets

The redesign led to a significant increase in brand adoption and user engagement, while also reducing the number of support tickets due to improved usability.

25% Brand Adoption Increase
20% User Engagement Increase
15% Support Tickets Reduction

Trade-Offs

While the new design improved user experience, it required trade-offs in terms of development time and resource allocation, which were carefully managed throughout the project.

  • More customization meant more complexity in the backend.
  • Gamification increased engagement, but some users felt competitive elements were unnecessary.

AI-Powered Search for Better Discovery & Engagement

The integration of AI-powered search capabilities enhanced content discovery and user engagement, allowing users to find relevant information quickly and efficiently.

The Trust Gap in AI-Powered Search & How Might We Fill in That Gap?

Addressing the trust gap in AI-powered search involved ensuring transparency in how search results are generated and providing users with control over their search experience.

Problem = Trust Issues

Users did not trust AI-generated search results due to lack of transparency.

Problem = Low Engagement

Users preferred manual browsing over AI-assisted suggestions.

Solution = AI-Explainability

Added "Why this result?" insights next to search results.

Solution = Blended Results

AI generated results mixed with traditional search.

AI Explainability & Blended Results

Ensuring AI explainability was crucial for user trust, and blended results provided a mix of AI-generated and user-generated content to enhance relevance.

Impact: Increased AI Adoption, Engagement & Reduced User Complaints

The implementation of AI features led to increased user adoption and engagement, while also reducing complaints related to search functionality.

35% AI Adoption Increase
20% User Engagement Increase
20% User Complaints Reduction

Trade-Offs

Balancing the benefits of AI features with user privacy and data security was a key consideration throughout the project.

Transparency

Making AI transparent reduced friction, but required more educational UI elements.

Discovery

Encouraging user discovery means more content will be introduced and required balancing to avoid overwhelming users.

Trust Issues

What I Learned

This project taught me the importance of user-centered design, the value of iterative testing, and the need for clear communication among team members.

Final Product: Homepage

The final homepage design reflects the new branding and user experience principles established throughout the project.

Final Product: User Profile

The user profile design emphasizes personalization and ease of access to user settings and preferences.

Final Product: Conversation

The conversation interface is designed for clarity and engagement, allowing users to interact seamlessly.

Final Product: AI Search & AI Summarization

The AI search feature enhances content discovery, while summarization tools provide quick insights into discussions.

Promotional Video

If you have made it this far, I hope you enjoy the video!

Recommended Projects

Explore these projects for more insights and inspiration.

Project 2
5 min read

Sprinklr AI+

Sprinklr's AI+ Design System.

Web Design E-commerce
View Case Study
Project 3
6 min read

Endue Software

Healthcare deserves a better UX.

Dashboard Design Data Visualization
View Case Study