Behdad

Synapse: Social Sentiment Analysis Platform

Designed Synapse's social listening platform, transforming complex government trend analysis into an intuitive, team-oriented interface through iterative development and deep user understanding.

Company
Stinas
Role
Senior Product Designer
Platform
Website
Date
2023 - Present
Case study image

Synapse: Social Sentiment Analysis Platform

Designed a comprehensive social listening platform enabling businesses to track and analyze sentiment across multiple social channels:

Key Features:

  • Multi-platform monitoring
    • Twitter analysis
    • Instagram tracking
    • Telegram monitoring
    • Newsletter/Press coverage
  • Sentiment Analysis:
    • Keyword tracking
    • Social activity metrics
    • Sentiment evaluation
    • Trend identification

Project Scoping: From Vision to Priority

Case study image

Initial stakeholder collaboration with AI and data mining experts revealed an ambitious platform vision. We identified 16 core features required:

Core Feature Set:

  1. Multi-Platform Social Search
    • Cross-platform content discovery
    • Advanced filtering capabilities
  2. Smart Filtering
    • Saved filter creation
    • Quick access functionality
  3. Alert System
    • Telegram bot integration
    • Custom notification rules
  4. Analytics Visualization
    • Keyword trend charts
    • Data visualization tools
  5. Social Trend Dashboard
    • Daily trend monitoring
    • Real-time updates
  6. Content Management
    • Note-taking capability
    • Bookmarking system
  7. Bulletin Generation
    • Manual/automatic creation
    • PDF export functionality
  8. Comparative Analysis
    • Multi-profile comparison
    • Keyword benchmarking
  9. Entity Analysis
    • Profile activity reports
    • Comprehensive analytics
  10. Twitter Trend Analysis
    • Trend categorization
    • Account activity mapping
  11. Political Opinion Mining
    • Trend sentiment analysis
    • Political alignment tracking
  12. Network Visualization
    • Connection graph generation
    • Relationship mapping

Additional Features:

Prioritization Strategy: We began prioritizing these features based on:

  • Business impact
  • Technical feasibility
  • Development timeline
  • Resource availability

Competitor Analysis: A Tale of Two Markets

Case study image
Case study image
Case study image
Case study image
Case study image
Case study image

When diving into Synapse's competitive landscape, I faced an interesting challenge: bridging the gap between global social listening giants and Iran's unique digital ecosystem. Our story wasn't just about feature comparison - it was about understanding how to blend international best practices with local needs.

The Local Chapter: In Iran's market, three main players shaped the landscape:

  • Dataak: A pioneer in local social monitoring
  • Mahta: Known for government sector solutions
  • 8tag: Bringing fresh perspectives to social analytics

These platforms taught us valuable lessons about:

  • How Iranian organizations consume social data
  • Cultural nuances in data presentation
  • Government-specific requirements
  • Persian language optimization needs

The Global Perspective: Looking beyond borders, we studied industry giants:

  • Sprout Social: Setting global standards in social listening
  • Hootsuite: Mastering enterprise-level analytics
  • Buffer: Leading in user experience design

This dual-market analysis revealed something crucial: while global platforms excelled in sophisticated features and polished interfaces, they weren't designed for Iran's unique digital landscape and governmental needs. Our opportunity lay in combining the robustness of international platforms with deep local market understanding.

Design System Evolution: A Living Foundation

The story of Synapse's design system mirrors that of a growing city - built systematically yet organically, adapting to emerging needs while maintaining structural integrity.

Case study image

Foundation Phase: Our first challenge was establishing the core infrastructure. Like a city's essential services, we needed reliable, scalable foundations:

Color Architecture:

  • Primary color palette for brand identity
  • Semantic colors for system states
  • Special palette for data visualization
  • Light/dark theme compatibility

Typography Framework: The typography system faced unique challenges:

  • Bilingual harmony between Persian and Latin
  • Information hierarchy maintenance
  • Dense data display optimization
  • Cross-platform readability

Core Components: Like building basic city services, we started with:

  • Navigation systems
  • Input mechanisms
  • Action triggers
  • Information displays
  • Status indicators

Case study image

The Growth Story: Instead of building everything at once, our design system evolved naturally:

Phase 1: Essential Infrastructure

  • Basic components for immediate needs
  • Core patterns establishment
  • Fundamental interactions

Phase 2: Expansion

  • New component addition as needed
  • Pattern library growth
  • System documentation

Phase 3: Refinement

  • Component enhancement
  • Pattern optimization
  • User feedback incorporation

This organic approach allowed us to:

  • Meet immediate product needs
  • Maintain consistency
  • Adapt to new requirements
  • Learn from implementation
  • Evolve with user feedback

The result was a design system that grew naturally with the product, ensuring every component had a purpose and was battle-tested in real scenarios.

Case study image
Case study image
Case study image
Case study image
Case study image
Case study image

Layout Evolution: Breaking Free from Convention

The story of Synapse's interface transformation begins with a conventional wisdom that turned out to be anything but wise for our specific users. Like many designers, I started with the industry-standard 1440px resolution - a comfortable, familiar starting point that usually serves most products well.

In those early days, I carefully orchestrated the layout like a conductor arranging an orchestra:

But then came the revelation that would reshape our entire approach. During our user research, we stepped into the world of our actual users - government analysts and policy researchers sitting in their offices. What we saw changed everything.

These weren't casual users hunched over laptops. These were professionals with:

When we saw our carefully crafted 1440px design on their massive screens, it was like watching a intimate theater piece performed in a grand concert hall - the proportions were all wrong. Our elegant layout now floated in a sea of unused space, with stretched components that lost their intended impact.

The Transformation Story:

This realization sparked a complete reimagining of our approach. We weren't just scaling up - we were rethinking how space could serve our users' complex needs:

  1. From Constraint to Opportunity
    • Transformed empty space into productive areas
    • Created multi-column layouts for simultaneous analysis
    • Enabled side-by-side comparison views
  2. Understanding Work Patterns Each element found new purpose in the expanded canvas:
    • Visualization tools gained breathing room
    • Data streams flowed more naturally
    • Quick-access tools found their ideal positions
This journey taught us something crucial about design - sometimes the 'standard' approach isn't standard at all for your specific users. What emerged wasn't just a larger version of our original design, but a fundamentally different tool that truly served our users' needs.

Homepage Evolution: A Story of Trends, Teams, and Three Dimensions

The evolution of Synapse's homepage reflects a fascinating journey of technology advancement meeting user needs. Like watching a photograph develop, each iteration brought new clarity to our vision.

The AI Progress Story:

Our journey began simply - with AI generating keyword clouds and related social content. But as our AI team's capabilities grew, so did our homepage's sophistication:

  • Initial Stage: Basic keyword clouds and content lists
  • Evolution: Category grouping capabilities
  • Advanced: Automated trend naming from hashtags

The Color Team Discovery:

A pivotal moment came during stakeholder sessions. We learned something fascinating about how our users operated:

  • Teams were color-coded
  • Quick response to trends was crucial
  • Overview alone wasn't enough
  • Active engagement was key

Case study image

Through four iterations, the homepage transformed to meet these needs, finally landing on a three-dimensional data approach:

Dimension One: The Big Picture

  • Comprehensive word clouds
  • Group visualizations
  • Color-coded team assignments

Dimension Two: Group Focus

  • Detailed group content
  • Associated keywords
  • Related hashtags

Dimension Three: Deep Dive

  • Individual keyword analysis
  • Specific hashtag tracking
  • Focused content streams

The final design wasn't just about displaying data - it was about creating a natural flow between these dimensions, allowing teams to move seamlessly from broad trends to specific insights.

Case study image
Case study image
Case study image
Case study image
Case study image

Design in Action: Key Interface Examples

Case study image
Case study image
Case study image
Case study image
Case study image
Case study image

Found this helpful?

More case studies