Supernova Design

Overview

In 2023, I joined Supernova as a UI designer, responsible for the Service core module and other product design, and for building the Core Design System; I also reworked the product’s overall 2.0 design style, and produced high-fidelity Figma prototypes for every requirement for client presentations.

Year

2022

Industry

Smart Healthcare

Supernova Design

Overview

In 2023, I joined Supernova as a UI designer, responsible for the Service core module and other product design, and for building the Core Design System; I also reworked the product’s overall 2.0 design style, and produced high-fidelity Figma prototypes for every requirement for client presentations.

Year

2022

Industry

Smart Healthcare

Core 2.0

Visual function optimization

About Supernova

Supernova’s business mainly serves North American financial institutions such as banks and broker-dealers, providing reliable and stable SaaS software services. We build an end-to-end SBL business platform for our customers.

UI and user experience redesign

The previous v1.0 design style was outdated, and there wasn’t a complete, unified set of guidelines. It still relied on various dividers to separate spaces; the card-based design was messy, there were no rounded corners, and the icons also had a thin, sharp style. Overall, it felt rather rough and unpolished (I later learned it was created by a former front-end engineer who put together a set of components).

The new 2.0 style is built on a unified design and interaction foundation, removing all unnecessary lines, redesigning all icons, standardizing card-based design and usage guidelines, readjusting the color palette, and refining the spacing between elements and components. While keeping the business flow and page structure unchanged, it enhances the visual presentation to create a more mature and immersive product experience.

High-fidelity interaction

In addition to completing product UI visual design in day-to-day work and discussing product interactions with the PO, all requirement designs must include interactive, high-fidelity Figma demo prototypes. These prototypes use 100% real and reliable data, and every demo can be made fully clickable like the live product to complete the entire flow. They can be shown directly to customers and handed over for independent customer presentations. This part of the work accounts for more than 60%.

Smart Coder

Various styles of functional modules Backend upgrade

Diverse style design of the homepage functional modules

When AI was just getting started, we built the Smart Coder platform ourselves. It can call different models, let you build your own Bot, use it in different workflows, and even publish your own Bot in the app marketplace.

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