BuyerAssist Relationship-Map
Product Design Associate | Revamp the UX/UI, adding better functionality, guided interactions, hassle-free design hands-off maintaining the design system.
Overview
BuyerAssist’s Relationship Map was a critical feature for sales teams to visualize stakeholder dynamics. However, its previous iteration suffered from usability issues due to a lack of a structured design system, inefficient search functionality, and limited interaction affordances. My goal was to revamp the UX/UI, ensuring a seamless, intuitive, and visually cohesive experience.
Throughout the design process, I focused on creating an intuitive user interface and component that would enhance the overall user experience and encourage engagement with the app.
Process
Challenges
- Inconsistent UI across product
- Inefficient design and development workflow
- High design and engineering overhead
- Lack of scalable design process
Goals
- Create a unified visual language
- Improve design and development efficiency
- Ensure design consistency
- Enable faster product iteration
Validation & Refinement
- A/B testing component designs
- User testing with designers and developers
- Performance benchmarking
Metrics Tracked
- Component adoption rate
- Design consistency score
- Development time reduction
- Cross-team collaboration efficiency
Key Deliverables
- Comprehensive Figma design system
- Documentation platform
- Governance guidelines
Visuals
Establishing a Robust Design System
- Standardized UI components, typography, and color schemes for a unified experience.
- Introduced reusable design patterns for scalability and consistency.
Creating a Contextual Help Section and new feature intro pop-up
- Embedded onboarding tooltips and micro-interactions for first-time users.
- Designed a self-serve help section with FAQs, tutorials, and guided walkthroughs.
Enhancing Interactions & Usability
- Implemented hover and click interactions to reveal additional stakeholder insights and select multiple roles in sales process.
- Introduced drag-and-drop capabilities for effortless relationship mapping.
- Added importing auto-arranged relationship map import for time saving and hassle-free relationship mapping.
- Moving contact cards that are connected to each other by simply selecting as group and dragging to a more important location for clearer visualization.
Advanced Search & Filtering
- Designed an AI-powered search to find stakeholders by name, role, or engagement level.
- Integrated multi-layer filtering for precise stakeholder segmentation
- Mini-map helped to navigate and search for stakeholder in relationship-map
- Added Text Insert Function helps adding titles and notes anywhere in the Relationship Map canvas.
New Vision For BuyerAssist 2.0 Unlocked
BuyerAssist's AI is evolving to enhance buyer engagement with intelligent automation and deep relationship insights. By refining the Relationship Map and adding predictive analytics, personalized deal recommendations, and automated engagement, it empowers sales teams to navigate complex buying groups more effectively and close deals faster.
Warm Referral Product Idea
Next-gen BuyerAssist 2.0 Vision
