{"id":1003,"date":"2025-08-29T21:08:32","date_gmt":"2025-08-29T21:08:32","guid":{"rendered":"http:\/\/192.168.86.62\/?p=1003"},"modified":"2026-04-30T15:29:54","modified_gmt":"2026-04-30T15:29:54","slug":"expression-builder-ai-assistant","status":"publish","type":"portfolio","link":"https:\/\/www.rossomando.net\/index.php\/portfolio\/expression-builder-ai-assistant\/","title":{"rendered":"Expression Builder AI Assistant"},"content":{"rendered":"\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\" id=\"Image1\"><div class=\"wp-block-media-text__content\"><h2 class=\"wp-block-post-title\">Expression Builder AI Assistant<\/h2>\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-bottom:20px\"><strong>Role:<\/strong> Lead UX\/UI Designer<br><strong>Company:<\/strong> Allvue Systems<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Context<\/h4>\n\n\n\n<p class=\"is-excerpt wp-block-paragraph\">The expression builder was a powerful tool for creating custom logic, but it required programming knowledge, making it difficult for non-technical users to build or edit expressions. To make it more accessible, the team explored an AI-driven assistant that could generate code through natural language prompts.<\/p>\n<\/div><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" alt=\"\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Gen-AI-Expression-Builder-Assistant-Feature-Image.png\" class=\"wp-image-1005 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Gen-AI-Expression-Builder-Assistant-Feature-Image.png 1536w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Gen-AI-Expression-Builder-Assistant-Feature-Image-300x200.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Gen-AI-Expression-Builder-Assistant-Feature-Image-1024x683.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Gen-AI-Expression-Builder-Assistant-Feature-Image-768x512.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile has-tertiary-background-color has-background\" style=\"padding-top:1px\" id=\"Image2\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-With-Dark-Assistant-Button.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"745\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-With-Dark-Assistant-Button-1024x745.png\" alt=\"\" class=\"wp-image-1012 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-With-Dark-Assistant-Button-1024x745.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-With-Dark-Assistant-Button-300x218.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-With-Dark-Assistant-Button-768x559.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-With-Dark-Assistant-Button.png 1510w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<h4 class=\"wp-block-heading\">My Contribution<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">As Lead UX\/UI Designer, I integrated an AI assistant into the existing expression builder to make creating complex logic more accessible.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>AI Integration:<\/strong> Added an AI Assistant entry point where users could describe the logic they needed in plain language.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\" id=\"Image3\"><div class=\"wp-block-media-text__content\">\n<ul class=\"wp-block-list\">\n<li><strong>Code Generation:<\/strong> Designed a workflow where AI-generated code could be reviewed, accepted, or refined through additional prompts.<\/li>\n<\/ul>\n<\/div><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"745\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-1024x745.png\" alt=\"\" class=\"wp-image-1013 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-1024x745.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-300x218.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-768x559.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy.png 1510w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile has-tertiary-background-color has-background\" style=\"padding-top:1px\" id=\"Image4\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"745\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-2-1024x745.png\" alt=\"\" class=\"wp-image-1014 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-2-1024x745.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-2-300x218.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-2-768x559.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-2.png 1510w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<ul class=\"wp-block-list\">\n<li><strong>Expression Management:<\/strong> Created interaction patterns for inserting generated code into the builder, testing it against live data, and saving the final expression.<\/li>\n\n\n\n<li><strong>Future Improvements:<\/strong> Planned for future functionality such as saving expressions directly from the builder and previewing generated logic, which were postponed due to technical limitations.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\" id=\"Image5\"><div class=\"wp-block-media-text__content\">\n<ul class=\"wp-block-list\">\n<li><strong>Phase 1 Constraints:<\/strong> Designed the initial release around a single AI response at a time due to system limitations, while creating a roadmap for future multi-turn conversation support.<\/li>\n<\/ul>\n<\/div><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"745\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-3-1024x745.png\" alt=\"\" class=\"wp-image-1015 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-3-1024x745.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-3-300x218.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-3-768x559.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Expression-Builder-Assistant-Activated-Copy-3.png 1510w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-df5f80fc wp-block-group-is-layout-constrained\" style=\"padding-top:5%;padding-right:25%;padding-bottom:5%;padding-left:5%\">\n<h4 class=\"wp-block-heading\">Outcome<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The AI-powered expression builder lowered the barrier for creating complex expressions, allowing non-technical users to generate and refine code through natural language prompts. While some advanced features were postponed for future releases, the design created a scalable foundation for deeper AI integration.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The expression builder was a powerful tool for creating custom logic, but it required programming knowledge, making it difficult for non-technical users to build or edit expressions. To make it more accessible, the team explored an AI-driven assistant that could generate code through natural language prompts.<\/p>","protected":false},"featured_media":1005,"template":"portfolio-template","meta":{"_acf_changed":false,"footnotes":""},"company":[12],"class_list":["post-1003","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","company-allvue-systems"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/portfolio\/1003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":14,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/portfolio\/1003\/revisions"}],"predecessor-version":[{"id":1808,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/portfolio\/1003\/revisions\/1808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/media\/1005"}],"wp:attachment":[{"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/media?parent=1003"}],"wp:term":[{"taxonomy":"company","embeddable":true,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/company?post=1003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}