Open to lead product design roles

I'm Ganeshkumar. 8+ years designing the system, and the bridge between Figma and code.

Product designer on Zoho SalesIQ, the enterprise messaging platform that runs across web, mobile and WhatsApp. I own its 48-component design system and the workflow that turns Figma into production code.

See the work Email me
metrics.years 8+ years designing one enterprise product end to end
metrics.metric 30% faster bot setup after the chatbot builder redesign
metrics.components 48+ components in the SalesIQ design system I run
metrics.modules 20+ product modules kept consistent across platforms

Selected work on Zoho SalesIQ

Eight product areas, each designed from research through launch. Every one ships as components from the same system.

Zobot, the no-code chatbot builder <Zobot />Setup time −30%
Zobot flow: visitor lands, say hello, then branches to starter plan or sales operator

Businesses wanted to automate support without asking a developer. I rebuilt the builder as a drag-and-drop canvas with guided blocks and sensible defaults, so a non-technical admin can publish a working bot in one sitting.

Read the case study  →
Role
End-to-end product design, prototyping, usability testing
Built with
FlowCanvas, Block, Inspector, Button — all from @salesiq/ui
SalesIQ design system <DesignSystem />48+ components
Design system cover: colour, type, space and radius tokens with button, toggle and input components

I run the design system: 48+ components on one set of tokens, mapped to real code and generated with AI, so the same component ships on web, mobile SDK and WhatsApp.

Read the case study  →
Operator Console <OperatorConsole />Agent efficiency
Operator console cover: rail, folders, queue and conversation laid out left to right

Agents juggle many chats at once. I redesigned the SalesIQ operator console so the queue, the conversation and everything about the visitor sit in one calm view.

Read the case study  →
Reports and analytics revamp <Reports />Unified analytics
Reports cover: bar chart beside chats, first reply, bot offload and rating stats

Case study in progress. Ask me about unifying analytics across chat, bots and channels into one reporting surface.

Brand configuration, rebuilt as self-service <Channels />Web · SDK · WhatsApp
Brand configuration cover: a theme and logo panel beside three chat widgets in different brand colours

Case study in progress. Ask me about turning brand setup across web, SDK and WhatsApp into something admins finish on their own.

Proactive Chat across channels <ProactiveChat />Messaging
Proactive chat cover: a pricing page, trigger rules and a welcome-back chat prompt

Case study in progress. Ask me about proactive triggers that reach visitors on the right channel at the right moment.

Outbound broadcast and push campaigns <Outbound />Messaging
Outbound cover: a new broadcast with its audience, a Monday-Wednesday-Friday schedule and push notifications on a phone

Case study in progress. Ask me about campaign composition, audience targeting and delivery reporting.

Survey, Rating and Feedback <Feedback />Feedback
Feedback cover: a 4.6 rating with its distribution, a rate-this-chat card and a two-step survey

Case study in progress. Ask me about collecting ratings and feedback without interrupting the conversation.

How the system ships

Figma to code without the gap. Five steps, one source of truth.

  1. 01

    Tokens

    Colour, type, space and radius as Figma variables with light and dark modes.

  2. 02

    Components

    48+ components built on the tokens, documented and governed.

  3. 03

    Code Connect

    Each component mapped to its real code, so Dev Mode shows the truth.

  4. 04

    Figma MCP

    Agents read the mappings and generate production components with Claude.

  5. 05

    Ship

    Same component across web, mobile SDK and WhatsApp. Zero drift.

Portrait of Ganeshkumar B

Story

The best compliment my work gets is when a non-technical user sets something up without asking for help.

I joined Zoho as an intern in 2018 and have designed SalesIQ ever since: research, UX, visual design and the design system that keeps it consistent. Lately I'm obsessed with the layer between design and code. My day-to-day is Figma variables, design tokens and Code Connect, and I'm building AI-assisted workflows with Claude and Figma MCP that generate a design system twice: once as a Figma library, once as production components. Outside the product I make user-education videos for SalesIQ shown at Zoholics, partner events and meetups.

Illustration & visual work

gallery/  · 20 pieces  · illustration, 3D & app concepts

App concepts, 3D renders and motion pieces shared on Instagram and LinkedIn, plus launch visuals and the user-education videos shown at Zoholics and partner events.

Low-poly riverside3D Low-poly riverside Why live chat? SalesIQ product visualProduct visuals Why live chat? — SalesIQ Chasing the clockIllustration Chasing the clock Convert visitors to customersProduct visuals Convert — visitors to customers Golden eggIllustration Golden egg
Isometric sushi3D Isometric sushi The archerIllustration The archer One world, every languageIllustration One world, every language Visitor trackingIllustration Visitor tracking Jukebox, DJ in the rainIllustration Jukebox — DJ in the rain
Tiger eyeIllustration Tiger eye Channels: email, chat, callProduct visuals Channels: email, chat, call Music in a cupIllustration Music in a cup Vote up or downIllustration Vote up or down Jukebox landing pageApp concepts Jukebox landing page
Jukebox, music partyIllustration Jukebox — music party Pet care app conceptApp concepts Pet Care App Chat app concept in light and darkApp concepts Chat App — light & dark
View on Behance  ↗ View on Dribbble  ↗

Writing

blog/  · LinkedIn + Instagram @rayanuxvibes

Short, opinionated posts on UI fundamentals, design systems and working with AI. One screen, one idea, no jargon.

Carousel cover: Your design system isn't broken. Your tokens are. DESIGN SYSTEMS
featured  ·  carousel  ·  9 slides

Your design system isn't broken. Your tokens are.

Most "broken" systems have perfectly fine components sitting on inconsistent colour, type and spacing values. Fix the tokens first and the components fix themselves. Swipe to fix yours.

Read the carousel  →
ui-fundamentalscarousel Spacing is 80% of good UI ui-fundamentalscarousel · 4 steps One color is all you need design-systemscarousel · 9 slides You only need four buttons. Most files have nine. ai-x-designcarousel · 8 slides 4 ways AI wasted my time processcarousel · 8 slides Critique is not taste careercarousel · 5 lessons Start again, smarter
All posts on LinkedIn  → instagram.com/rayanuxvibes

Skills, as tokens

Grouped the way the system is: by what they produce, not by tool.

product.*

Product design

  • research
  • usability-testing
  • information-architecture
  • interaction
  • prototyping
  • accessibility
system.*

Design systems

  • tokens
  • figma-variables
  • code-connect
  • governance
  • cross-platform
ai.*

AI-assisted

  • figma-mcp
  • claude
  • chatgpt
  • figma-ai
  • prompt-engineering
visual.*

Visual & motion

  • ui
  • branding
  • photoshop
  • illustrator
  • after-effects
  • spline
  • html-css