Shaping a Visual IDE for Business Logic
Shaping a Visual IDE for Business Logic
Shaping a Visual IDE for Business Logic
Shaping a Visual IDE for Business Logic
A powerful environment for analysts, risk officers, and ops to build and refine decision logic — fast and without friction.
A powerful environment for analysts, risk officers, and ops to build and refine decision logic — fast and without friction.
A powerful environment for analysts, risk officers, and ops to build and refine decision logic — fast and without friction.
A powerful environment for analysts, risk officers, and ops to build and refine decision logic — fast and without friction.
Role & Project Scope
Role & Project Scope
Role & Project Scope
Senior UI/UX Designer
Senior UI/UX Designer
Senior UI/UX Designer
I designed a visual IDE for internal teams to build and manage decision-making workflows — from scoring models to credit policies.
My focus: intuitive logic design, clear information architecture, and visual consistency within a complex UI.
I designed a visual IDE for internal teams to build and manage decision-making workflows — from scoring models to credit policies.
My focus: intuitive logic design, clear information architecture, and visual consistency within a complex UI.
I designed a visual IDE for internal teams to build and manage decision-making workflows — from scoring models to credit policies.
My focus: intuitive logic design, clear information architecture, and visual consistency within a complex UI.
10 min read
10 min read
10 min read
Curious about my process, research, and UX thinking?
Curious about my process, research, and UX thinking?
Curious about my process, research, and UX thinking?
Deep-dive case study on AI in mortgage underwriting →
Deep-dive case study on AI in mortgage underwriting →
Deep-dive case study on AI in mortgage underwriting →
Challenges
Challenges
Challenges
Challenges
Challenges
Challenges
Challenges
01
Complex logic, non-technical users
Advanced decision trees had to stay approachable for analysts and ops teams
02
Error handling in context
The system needed to guide users through fixing broken logic — with clear steps and context
03
Information overload
Flows could get dense fast — users had too many options, too little structure
04
Scalability of workflows
Workflows ranged from 5 to 200+ nodes — the UI had to stay fast and readable at any size
01
Complex logic, non-technical users
Advanced decision trees had to stay approachable for analysts and ops teams
02
Error handling in context
The system needed to guide users through fixing broken logic — with clear steps and context
03
Information overload
Flows could get dense fast — users had too many options, too little structure
04
Scalability of workflows
Workflows ranged from 5 to 200+ nodes — the UI had to stay fast and readable at any size
01
Complex logic, non-technical users
Advanced decision trees had to stay approachable for analysts and ops teams
02
Error handling in context
The system needed to guide users through fixing broken logic — with clear steps and context
03
Information overload
Flows could get dense fast — users had too many options, too little structure
04
Scalability of workflows
Workflows ranged from 5 to 200+ nodes — the UI had to stay fast and readable at any size
Solutions
Solutions
Solutions
Solutions
Solutions
Solutions
Solutions
01
Intuitive from Day One
Minimal learning curve. Familiar patterns meant users could dive in quickly
02
Real-time error surfacing
Errors appeared right on broken nodes — with clear tips in the inspector
03
Clarity without hiding detail
We reduced noise and visual clutter — without sacrificing control or transparency
04
Consistent UI patterns
Backed by a design system — fewer surprises, faster actions
01
Intuitive from Day One
Minimal learning curve. Familiar patterns meant users could dive in quickly
02
Real-time error surfacing
Errors appeared right on broken nodes — with clear tips in the inspector
03
Clarity without hiding detail
We reduced noise and visual clutter — without sacrificing control or transparency
04
Consistent UI patterns
Backed by a design system — fewer surprises, faster actions
01
Intuitive from Day One
Minimal learning curve. Familiar patterns meant users could dive in quickly
02
Real-time error surfacing
Errors appeared right on broken nodes — with clear tips in the inspector
03
Clarity without hiding detail
We reduced noise and visual clutter — without sacrificing control or transparency
04
Consistent UI patterns
Backed by a design system — fewer surprises, faster actions
The Final Interface
A quick look at the interface core — designed for clarity, consistency, and control.
1
Main IDE View
2
File Browser
3
Attributes Panel
4
Inspector
Flags broken nodes in real time — with smart tips and context to help resolve issues fast
One of the most intricate UI areas. We explored 30+ states across 4 major iterations to make complex configs feel simple and clear
Keeps all system elements — data models, connectors, and more — organised and easy to find
The central workspace for building workflows — from scoring logic to decision rules. Everything analysts need to design, test, and iterate — in one place
1
Main IDE View
2
File Browser
3
Attributes Panel
4
Inspector
Flags broken nodes in real time — with smart tips and context to help resolve issues fast
One of the most intricate UI areas. We explored 30+ states across 4 major iterations to make complex configs feel simple and clear
Keeps all system elements — data models, connectors, and more — organised and easy to find
The central workspace for building workflows — from scoring logic to decision rules. Everything analysts need to design, test, and iterate — in one place
Dark
Light
1
Main IDE View
2
File Browser
3
Attributes Panel
4
Inspector
Flags broken nodes in real time — with smart tips and context to help resolve issues fast
One of the most intricate UI areas. We explored 30+ states across 4 major iterations to make complex configs feel simple and clear
Keeps all system elements — data models, connectors, and more — organised and easy to find
The central workspace for building workflows — from scoring logic to decision rules. Everything analysts need to design, test, and iterate — in one place
Dark
Light
1
Main IDE View
2
File Browser
3
Attributes Panel
4
Inspector
Flags broken nodes in real time — with smart tips and context to help resolve issues fast
One of the most intricate UI areas. We explored 30+ states across 4 major iterations to make complex configs feel simple and clear
Keeps all system elements — data models, connectors, and more — organised and easy to find
The central workspace for building workflows — from scoring logic to decision rules. Everything analysts need to design, test, and iterate — in one place
Interface Elements
We built a flexible component system to keep the UI consistent across 250+ screens — from icons and filters to full-page flows.
We built a flexible component system to keep the UI consistent across 250+ screens — from icons and filters to full-page flows.
We built a flexible component system to keep the UI consistent across 250+ screens — from icons and filters to full-page flows.
Results
While the platform was still rolling out, early usage showed strong adoption:
4.7/5
4.7/5
4.7/5
user satisfaction rating
user satisfaction rating
user satisfaction rating
user satisfaction rating
Workflow creation time dropped from 1.5 days to just a few hours
Workflow creation time dropped from 1.5 days to just a few hours
Workflow creation time dropped from 1.5 days to just a few hours
Workflow creation time dropped from 1.5 days to just a few hours
Engineering requests for routine changes fell by ~60%
Engineering requests for routine changes fell by ~60%
Engineering requests for routine changes fell by ~60%
Engineering requests for routine changes fell by ~60%
Non-devs could fully build and manage complex decision flows
Non-devs could fully build and manage complex decision flows
Non-devs could fully build and manage complex decision flows
Non-devs could fully build and manage complex decision flows
Metrics based on internal usage logs and early feedback from analysts and ops.
Metrics based on internal usage logs and early feedback from analysts and ops.
Metrics based on internal usage logs and early feedback from analysts and ops.
Metrics based on internal usage logs and early feedback from analysts and ops.
Let’s build great things
From bold ideas to shipped products — together.
Let’s build great things
From bold ideas to shipped products — together.
Let’s build great things
From bold ideas to shipped products — together.
Let’s build great things
From bold ideas to shipped products — together.