UI concepts & prototype
* Visuals are approximate and redesigned for confidentiality.
From routine to innovation: a fully AI-driven redesign
From brief to UI concepts and a production-ready design system through an AI-driven workflow
From brief to UI concepts and a production-ready design system through an AI-driven workflow
* Full case study available on presentation only
From routine to innovation: a fully AI-driven redesign
From brief to UI concepts and a production-ready design system through an AI-driven workflow
* Full case study available on presentation only
About
An enterprise platform redesign for a leading European bank became an opportunity to rethink the end to end design workflow, replacing most manual work with an AI-driven approach.
An enterprise platform redesign for a leading European bank became an opportunity to rethink the end to end design workflow, replacing most manual work with an AI-driven approach.
Role
Role
Role
Senior product designer
Focus
Focus
Focus
AI-driven workflows · Platform redesign
Period
Period
Period
April - July 2025
Team size
Team size
Team size
7 people
Project details
Project
1
2
Context
A major French bank, in its broader effort to remain competitive and deliver a modern digital experience, launched a full redesign of its enterprise customer platform. The goal was to rebuild from the ground up and completely replace the legacy platform under a highly ambitious deadline.
Challenge
Assessing, auditing, and aligning a project of this scale would normally be an extremely tedious process. Given the complexity of its elements, it risked taking too long, pushing the program over budget and off schedule.
My role
Discover how I used AI to accelerate the delivery and approval of UI concepts for the enterprise platform, sped up the creation of the design system and ultimately reduced delivery time, resource use, and costs.
AI-driven workflow
01
01
01
Step 1
Project setup and preparation
Actions: Created a dedicated GPT agent and trained it with ont: client brief, a detailed design brief, brand guidelines, benchmark examples and product screens.
Tools: ChatGPT
Outcome: An agent ready to generate precise prompts and style guides for UI exploration.
Step 1
Project setup and preparation
Actions: Created a dedicated GPT agent and trained it with ont: client brief, a detailed design brief, brand guidelines, benchmark examples and product screens.
Tools: ChatGPT
Outcome: An agent ready to generate precise prompts and style guides for UI exploration.
Step 1
Project setup and preparation
Actions: Created a dedicated GPT agent and trained it with ont: client brief, a detailed design brief, brand guidelines, benchmark examples and product screens.
Tools: ChatGPT
Outcome: An agent ready to generate precise prompts and style guides for UI exploration.
Step 2
Create UI Concepts
Action: Used the agent to generate structured prompts, styles, and guidelines for Figma Make. Iterated until the output aligned with the brief and visual standards.
Tools: ChatGPT, Figma Make
Outcome: Two polished Figma Make prototypes ready for stakeholder validation
Step 2
Create UI Concepts
Action: Used the agent to generate structured prompts, styles, and guidelines for Figma Make. Iterated until the output aligned with the brief and visual standards.
Tools: ChatGPT, Figma Make
Outcome: Two polished Figma Make prototypes ready for stakeholder validation
Step 2
Create UI Concepts
Action: Used the agent to generate structured prompts, styles, and guidelines for Figma Make. Iterated until the output aligned with the brief and visual standards.
Tools: ChatGPT, Figma Make
Outcome: Two polished Figma Make prototypes ready for stakeholder validation
02
02
02
03
03
03
Step 3
IBM Carbon preparation & setup
Action: Used GPT and Cursor to analyze the IBM Carbon kit, auditing tokens and components to decide what to keep, customize, or remove.
Tools: ChatGPT, Cursor, Figma MCP, Token Studio
Outcome: A cleaned-up Carbon kit, ready for customization with a clear understanding of scope and priorities.
Step 3
IBM Carbon preparation & setup
Action: Used GPT and Cursor to analyze the IBM Carbon kit, auditing tokens and components to decide what to keep, customize, or remove.
Tools: ChatGPT, Cursor, Figma MCP, Token Studio
Outcome: A cleaned-up Carbon kit, ready for customization with a clear understanding of scope and priorities.
Step 3
IBM Carbon preparation & setup
Action: Used GPT and Cursor to analyze the IBM Carbon kit, auditing tokens and components to decide what to keep, customize, or remove.
Tools: ChatGPT, Cursor, Figma MCP, Token Studio
Outcome: A cleaned-up Carbon kit, ready for customization with a clear understanding of scope and priorities.
Step 4
IBM Carbon customization
Action: Extracted tokens from approved UI concepts and mapped them onto IBM Carbon’s theme structure, customizing tokens and components while preserving the system’s architecture.
Tools: Cursor, Figma, Token Studio, Figma Make, Figma MCP
Outcome: A production-ready v1 UI kit aligned with the approved UI concepts
Step 4
IBM Carbon customization
Action: Extracted tokens from approved UI concepts and mapped them onto IBM Carbon’s theme structure, customizing tokens and components while preserving the system’s architecture.
Tools: Cursor, Figma, Token Studio, Figma Make, Figma MCP
Outcome: A production-ready v1 UI kit aligned with the approved UI concepts
Step 4
IBM Carbon customization
Action: Extracted tokens from approved UI concepts and mapped them onto IBM Carbon’s theme structure, customizing tokens and components while preserving the system’s architecture.
Tools: Cursor, Figma, Token Studio, Figma Make, Figma MCP
Outcome: A production-ready v1 UI kit aligned with the approved UI concepts
04
04
04
Role highlights
Role highlights
Role highlights
01
Created UI concepts based on the client brief, brand guidelines, and industry benchmarks, and secured leadership alignment on the chosen direction.
01
Created UI concepts based on the client brief, brand guidelines, and industry benchmarks, and secured leadership alignment on the chosen direction.
01
Created UI concepts based on the client brief, brand guidelines, and industry benchmarks, and secured leadership alignment on the chosen direction.
02
Aligned with other bank projects and evaluated technical constraints to define the most effective strategy for a unified, enterprise-ready design system.
02
Aligned with other bank projects and evaluated technical constraints to define the most effective strategy for a unified, enterprise-ready design system.
02
Aligned with other bank projects and evaluated technical constraints to define the most effective strategy for a unified, enterprise-ready design system.
03
Built the design system from the approved UI direction and collaborated with the technical team to shape the roadmap, ensuring alignment and accelerating implementation.
03
Built the design system from the approved UI direction and collaborated with the technical team to shape the roadmap, ensuring alignment and accelerating implementation.
03
Built the design system from the approved UI direction and collaborated with the technical team to shape the roadmap, ensuring alignment and accelerating implementation.
Let's talk
oanna.demian@gmail.com
I’m interested in working with early-stage startups and scaleups building meaningful and innovative products in health & wellbeing, sustainability and education.
Let's talk
oanna.demian@gmail.com
I’m interested in working with early-stage startups and scaleups building meaningful and innovative products in health & wellbeing, sustainability and education.
Let's talk
oanna.demian@gmail.com
I’m interested in working with early-stage startups and scaleups building meaningful and innovative products in health & wellbeing, sustainability and education.
Reach out