{"id":703,"date":"2026-04-29T17:48:00","date_gmt":"2026-04-29T17:48:00","guid":{"rendered":"http:\/\/localhost:8888\/?p=703"},"modified":"2026-04-30T05:38:57","modified_gmt":"2026-04-30T05:38:57","slug":"cap-structure-management","status":"publish","type":"portfolio","link":"https:\/\/www.rossomando.net\/index.php\/portfolio\/cap-structure-management\/","title":{"rendered":"Cap Structure Management"},"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\">Cap Structure Management<\/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\">In Allvue\u2019s financial platform, capital structure data was not yet available in the web experience. Users needed a way to configure and manage complex, nested financial data directly in the platform without relying on technical support or specialized system knowledge. I was provided with an external example of how this type of data could be structured and used it as a starting point to design a more intuitive, web-based experience. Users also needed the ability to capture snapshots so they could compare historical states against live data.<\/p>\n<\/div><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" alt=\"\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Feature-Image-scaled.png\" class=\"wp-image-704 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Feature-Image-scaled.png 2560w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Feature-Image-300x200.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Feature-Image-1024x683.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Feature-Image-768x512.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Feature-Image-1536x1024.png 1536w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Feature-Image-2048x1365.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-columns has-tertiary-background-color has-background is-layout-flex wp-container-core-columns-is-layout-a1f4a78f wp-block-columns-is-layout-flex\" id=\"Image2\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-gutsliders-photo-carousel gutslider-5e9543f9 nav_inside nav_cc ba-gutslider\" data-swiper-options=\"{&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:0,&quot;loop&quot;:true,&quot;autoplay&quot;:false,&quot;speed&quot;:800,&quot;effect&quot;:&quot;slide&quot;,&quot;keyboard&quot;:{&quot;enabled&quot;:false},&quot;mousewheel&quot;:false,&quot;breakpoints&quot;:{&quot;320&quot;:{&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:0},&quot;768&quot;:{&quot;slidesPerView&quot;:2,&quot;spaceBetween&quot;:15},&quot;1025&quot;:{&quot;slidesPerView&quot;:&quot;1&quot;,&quot;spaceBetween&quot;:15}},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.gutslider-5e9543f9 .swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.gutslider-5e9543f9 .swiper-button-prev&quot;},&quot;pagination&quot;:false}\"><div class=\"swiper\"><div class=\"swiper-wrapper\"><a class=\"swiper-slide\" data-fslightbox=\"gallery\" href=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Panel-1.png\"><div class=\"swiper-container-outer zoom__in\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1099\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Panel-1.png\" alt=\"\" class=\"wp-image-747\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Panel-1.png 1510w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Panel-1-300x218.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Panel-1-1024x745.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Panel-1-768x559.png 768w\" sizes=\"auto, (max-width: 1510px) 100vw, 1510px\" \/><div class=\"gutslider-caption bottom__left full__width\">Final Design<\/div><\/div><\/a><a class=\"swiper-slide\" data-fslightbox=\"gallery\" href=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel.png\"><div class=\"swiper-container-outer zoom__in\"><img loading=\"lazy\" decoding=\"async\" width=\"3222\" height=\"1568\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel.png\" alt=\"\" class=\"wp-image-1800\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel.png 3222w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel-300x146.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel-1024x498.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel-768x374.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel-1536x748.png 1536w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Cap-Structure-Table-in-excel-2048x997.png 2048w\" sizes=\"auto, (max-width: 3222px) 100vw, 3222px\" \/><div class=\"gutslider-caption bottom__left full__width\">Out of Product Example<\/div><\/div><\/a><\/div><div class=\"gutslider-nav nav_inside nav_cc\"><div class=\"swiper-button-prev\"><\/div><div class=\"swiper-button-next\"><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:8%;padding-right:0;padding-bottom:8%;padding-left:0\">\n<h4 class=\"wp-block-heading\" style=\"padding-right:8%;padding-bottom:30px;padding-left:8%\">My Contribution<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-right:8%;padding-bottom:20px;padding-left:8%\">As the UX\/UI Designer, I focused on making the panel intuitive, scannable, and adaptable:<\/p>\n\n\n\n<ul style=\"padding-right:8%;padding-left:13.6%\" class=\"wp-block-list\">\n<li>Introduced <strong>visual grouping lines<\/strong> to clearly show nested financial data relationships, making complex hierarchies easier to scan and understand.<\/li>\n<\/ul>\n<\/div>\n<\/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>Designed an interaction flow for reorganizing data<\/strong> within the hierarchy. Users could open a contextual menu, choose to move an item or group, and enter a guided move state where visual arrow indicators showed all valid placement options. Users could confirm the move or cancel without making changes.<\/li>\n<\/ul>\n<\/div><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Move-Group.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"745\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Move-Group-1024x745.png\" alt=\"\" class=\"wp-image-765 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Move-Group-1024x745.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Move-Group-300x218.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Move-Group-768x559.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Move-Group.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\/Snapshot-Dropdown-Live-View-Selected.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"745\" src=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Snapshot-Dropdown-Live-View-Selected-1024x745.png\" alt=\"\" class=\"wp-image-763 size-full\" srcset=\"https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Snapshot-Dropdown-Live-View-Selected-1024x745.png 1024w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Snapshot-Dropdown-Live-View-Selected-300x218.png 300w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Snapshot-Dropdown-Live-View-Selected-768x559.png 768w, https:\/\/www.rossomando.net\/wp-content\/uploads\/2025\/08\/Snapshot-Dropdown-Live-View-Selected.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>Designed a snapshot feature that let users capture the current state of the panel, switch between historical versions and live data, and track changes over time.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group 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 redesign gave users more control over managing capital structure data with a minimal learning curve. They could configure layouts, reorganize nested data, and compare historical changes independently, reducing reliance on technical support and improving efficiency.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In Allvue\u2019s financial platform, capital structure data was not yet available in the web experience. Users needed a way to configure and manage complex, nested financial data directly in the platform without relying on technical support or specialized system knowledge. I was provided with an external example of how this type of data could be structured and used it as a starting point to design a more intuitive, web-based experience. Users also needed the ability to capture snapshots so they could compare historical states against live data.<\/p>","protected":false},"featured_media":704,"template":"portfolio-template","meta":{"_acf_changed":false,"footnotes":""},"company":[12],"class_list":["post-703","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\/703","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":55,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/portfolio\/703\/revisions"}],"predecessor-version":[{"id":1804,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/portfolio\/703\/revisions\/1804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/media\/704"}],"wp:attachment":[{"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/media?parent=703"}],"wp:term":[{"taxonomy":"company","embeddable":true,"href":"https:\/\/www.rossomando.net\/index.php\/wp-json\/wp\/v2\/company?post=703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}