Digital product / 2026Client website

Resonant

Finding clarity in a complex workflow.

My contribution

Product Interface Design & Front-End Engineering

Delivered through Forma Studio

In collaboration with

Resonant Engineering TeamNLP Backend API & Parsing Pipeline

Behind the work.

Interface design and front-end work for a career-focused digital product. The experience turns analysis and feedback into a readable dashboard, with clear distinctions between the main score and its supporting details.

Visit the website ↗

A few decisions that shaped it

The dashboard establishes a clear hierarchy between summary and detail.

Score components make progress and feedback easier to scan.

The mobile layout prioritizes one focused reading path through the analysis.

Resonant interface on mobile — Considered at every size

A closer lookOpen any image to explore

01Resonant dashboard showing the cockpit view with ATS score analysis and resume preview side-by-side

02Resonant tablet view showing keyword extraction and match breakdown

03Resonant glass card styling and dark mode typography hierarchy

04Resonant circular SVG match gauge component showing percentage calculation

05Resonant machine learning parsing logic and semantic mapping callout

06Resonant marketing landing page introducing career intelligence to enterprise professionals

07Professional candidate reviewing real-time resume optimization recommendations

Next in the collectionNexus Strength Club ↗

Have something in mind? Let’s talk ↗By Shibili.

Resonant↗

Behind the work.

Resonant