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

The Pitch: Revenue Intelligence

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

Hypersonix — Platform framework

Project "Hawkeye": Insights & Investigation

Design progression from early FigJams to high fidelity interactive prototypes.

Hawkeye — Whiteboard sketches

The Performance View

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.

Performance view — sketch
Performance view — greyscale overview
Performance view — timeline scrubber

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.

Insights Explorer — FigJam exploration
Performance view — concept with detail panel
Insights Explorer — Revenue bubble graph
Insights Explorer — card grid finalist

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.

High-fidelity Figma Prototype Demos

Variant 1: The Vision (based on above concepts)

Variant 2: Simpler, focus just on insights

Other Product Demos

Ask Jarvix (Conversational AI ~2020)

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 — Financials Comps

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

v2 — Labor Analysis

v3: The current experience based on our design system

v3 — Current experience

Preview of the Sonic Design System

Sonic Design System — cover

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 DS — color palette
Sonic DS — toast and alert messages
Sonic DS — layout spec
Sonic DS — form input states
Sonic DS — table headers
Sonic DS — filterbar
Sonic DS — dimension selector
Sonic DS — notifications panel

Product Marketing Shots

Product marketing — Hyperspace dashboard
Product marketing — iPad and iPhone
Product marketing — mobile screens
Product marketing — profit and traffic composition
Product marketing — pricing optimization
Product marketing — multi-dashboard composition

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