Setbuilder Node Editor

Productivity Tool
Concept
UX
UI
FE

Profect's own Platform (Business Radar) is moving to its next major version. I began a reasonable design and UX refresh by focusing on one of the platform's most powerful modules, the selection tool.

Given the extensive feature set of the platform, we moved quickly from initial designs to building a flexible component library, allowing us to construct and subsequently upgrade each module of the new version.

Styleguide

Primaries

name
Blue 500 - Neon Blue
HEX
#0F62FE
RGB
15, 98, 254
name
N800 - Night
HEX
#161616
RGB
22, 22, 22
name
N100 - White Smoke
HEX
#F4F4F4
RGB
244, 244, 244
Lobsang Jordhen, UX / UI Designer & Frontend Developer, Switzerland
Made with ❤️ and NextJS, Tailwind, DatoCMS, Figma.