Upmood Insights

Category

B2B SaaS Dashboard, Data Visualization & Analytics, Enterprise Design System

/

Year

/

Redesign of Upmood's live session, account, and analytics dashboards - turning dense emotional and biometric data into a system facilitators trust and clients actually act on.

Upmood Insight — Enterprise B2B Mood & Emotional Intelligence Analytics

Upmood Insight (insight.upmood.com) is an enterprise-grade web platform and analytics dashboard that translates real-time biometric emotion data into macro-level organizational metrics. Designed for business leaders, HR teams, and managers, Upmood Insight transforms individual HRV stress and mood data into actionable workplace wellness insights, team sentiment trends, and productivity indicators all while protecting employee privacy through aggregated data models.

As the Senior UI/UX Designer, I led the end-to-end design of the B2B web portal and dashboard interface, structuring complex multi-team data into clean, intuitive, and actionable visual reports.



🎯 The Challenge

B2B emotion analytics platforms face distinct design and adoption hurdles:

  • Data Density vs. Executive Readability: Enterprise dashboards easily become overwhelming. Leaders needed macro-level organizational health scores without sifting through raw biometric charts.

  • Privacy & Ethical UX: Designing an employee monitoring tool requires delicate handling of data privacy to build trust between staff and management.

  • B2B Conversion & Demo Funnels: The marketing and web portal needed to articulate the ROI of "employee mood tracking" to enterprise decision-makers and convert high-intent visitors into bookable product demos.

💡 Key Features & UI/UX Solutions Designed

1. High-Density Dashboard & Data Visualization

  • Aggregated Organizational Health Index: Designed top-level KPI cards (Workplace Stress Index, Team Energy Level, Productivity Sentiment) to give instructor immediate, high-level summaries.

  • Comparative Team Analytics: Built interactive filtering and trend charts that allow managers to compare stress and mood trends across departments, shifts, and project lifecycles.

  • Ethical Anonymization UX: Embedded clear privacy indicators and threshold safeguards (e.g., minimum group size rules) to ensure employee data remains strictly aggregated and anonymous.

2. B2B Landing Page & Conversion Architecture (insight.upmood.com)

  • Value-Driven Layouts: Structured the web portal with clean editorial sections, interactive dashboard previews, and clear enterprise case studies showing how workplace sentiment correlates with lower turnover.

  • Frictionless Lead Capture: Designed optimized B2B lead forms, interactive demo booking widgets, and downloadable enterprise whitepapers to capture high-value enterprise leads.

3. Enterprise Figma Design System & Tokens

  • Modular Dashboard Components: Created a comprehensive library of data tables, chart widgets, status badges, and filtering controls in Figma using Auto Layout 5.0.

  • Dark & Light Mode Themes: Standardized semantic color tokens for WCAG-compliant contrast across both high-focus dark dashboard modes and clean light web pages.


Impact & Results

Impact & Results

  • Enterprise-Ready Platform: Successfully launched a scalable B2B web dashboard capable of managing multi-team organizational structures.

  • Reduced Time-to-Insight: Streamlined executive decision-making through intuitive data visualization and automated recommendation widgets.

  • Consistent Design Handoff: Provided engineering teams with a fully tokenized Figma component library, ensuring zero layout drift during web implementation.

Create a free website with Framer, the website builder loved by startups, designers and agencies.