All Work

Hypersonix  ·  2020/2021

Hypersonix

Hypersonix is a decision intelligence platform designed to help enterprises drive profitable revenue growth.
Head of Design & Innovation AI / ML Enterprise SaaS Seed → Series B

Hypersonix acts as the enterprise nervous system that connects to various core systems of business, and brings together first party and 3rd party data into a unified business and data layer, delivering advanced observability, and predictability, with suggested actions.

Hypersonix — Revenue Intelligence overview

The Pitch: Revenue Intelligence

Continuous Monitoring & Revenue Intelligence app to detect and address revenue risks and opportunities.

  • Automated Insights
  • Detect patterns, anomalies, trends and correlations impacting revenue
  • Highlight "What is driving it", "Where", "Why"
  • Drill down using Search & Analysis
  • Collaborate via chat, alerts and mail
  • Personalized by personal/role and org
  • Get started in a week or two

Project "Hawkeye": Insights & Investigation

Design progression from early FigJams to high fidelity interactive prototypes.

General framework based on existing app ecosystem. The baseline for Hawkeye was to land on a highly personalized experience that covers key performance indicators and surface timely actionable insights.

Hypersonix — Platform framework
Hawkeye — Insights dashboard

The Performance View

Hawkeye — Performance view

The Insights Explorer

Given the target persona could be responsible for multiple business functions, explorations included a parent-child hierarchy, letting users decide where they wanted to focus on.

Hawkeye — Insights explorer
Hawkeye — Variant 1 Hawkeye — Variant 2 Figma prototype A Figma prototype B

The finalist: Stacked and scattered insights with a lazy loading infinite scroll. After validation, the parent-child experience didn't make it because it became a point of friction. Our AI algorithms now can rank all insights based on urgency and impact based on the persona, eliminating the need to have the user pick an area to explore.

Monitoring Centre

High-fidelity Figma Prototype Demos

Variant 1: The Vision (based on above concepts)

Variant 2: Simpler, focus just on insights

Product Marketing Shots

Product marketing shot A
Product marketing shot B
Product marketing shot C
Product screen
Product marketing — detail
Product marketing — Mobile

Other Product Demos

Design Evolution

Hypersonix went through 2 major product re-designs. The demos above are based on the 'Sonic Design System' we introduced late 2021.

v1: This was the product experience before I joined Hypersonix

v1 — Product before I joined

v2: We rolled out our first redesign shortly after I started

v2 — First redesign

v3: The current experience based on our design system

v3 — Current experience

Preview of the Sonic Design System

All shipped work is based on the Sonic Design System — a production-ready component library and design language I built and maintained across the full platform. Sonic covers everything from data visualization tokens to interaction patterns for complex filtering interfaces.

Sonic Design System
Sonic DS — Analytics
Sonic DS — Intelligence
Sonic DS — List view
Sonic DS — Drill-down
Sonic DS — Revenue
Sonic DS — KPI dashboard
Sonic DS — Product A
Sonic DS — Product B

The Website Redesign

We launched the site early 2020 with the goal to have an immersive experience where illustrations & animations did all the storytelling. I headed all aspects of style, brand, motion and messaging. The website has received overwhelmingly positive responses from our customers, prospects and investors.

Branding

Hypersonix branding