{"id":2656,"date":"2025-03-08T19:04:21","date_gmt":"2025-03-08T19:04:21","guid":{"rendered":"https:\/\/animationstudios.com\/wp\/?post_type=avada_portfolio&#038;p=2656"},"modified":"2026-09-21T17:13:03","modified_gmt":"2026-09-21T17:13:03","slug":"field-operations-portal","status":"publish","type":"avada_portfolio","link":"https:\/\/animationstudios.com\/wp\/?avada_portfolio=field-operations-portal","title":{"rendered":"Field Operations Portal"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:40px;--awb-margin-top:0px;--awb-background-color:#ebe6db;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1331.2px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-row-gap:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div ><a class=\"fusion-button button-flat button-large button-custom fusion-button-default button-1 fusion-button-default-span fusion-animated\" style=\"--button_accent_color:#666666;--button_border_color:rgba(255,255,255,0);--button_accent_hover_color:var(--awb-color1);--button_border_hover_color:#ebe6db;--button_border_width-top:0;--button_border_width-right:0;--button_border_width-bottom:0;--button_border_width-left:0;--button-border-radius-top-left:30px;--button-border-radius-top-right:30px;--button-border-radius-bottom-right:30px;--button-border-radius-bottom-left:30px;--button_gradient_top_color:rgba(0,0,0,0);--button_gradient_bottom_color:rgba(0,0,0,0);--button_gradient_top_color_hover:#e85329;--button_gradient_bottom_color_hover:#e85329;--button_text_transform:capitalize;--button_typography-letter-spacing:1px;--button_typography-font-family:&quot;Inter&quot;;--button_typography-font-style:normal;--button_typography-font-weight:400;\" data-animationType=\"fadeInLeft\" data-animationDuration=\"0.3\" data-animationOffset=\"top-into-view\" target=\"_self\" data-hover=\"icon_slide\" href=\"https:\/\/animationstudios.com\/wp\/?page_id=280\"><span class=\"fusion-button-icon-divider button-icon-divider-left\"><div class=\"awb-button__hover-content\"><i class=\"fa-chevron-left fas awb-button__icon awb-button__icon--default\" aria-hidden=\"true\"><\/i><i class=\"fa-arrow-left fas awb-button__icon awb-button__icon--hover\" aria-hidden=\"true\"><\/i><\/div><\/span><div class=\"awb-button__hover-content awb-button__hover-content--default\"><span class=\"fusion-button-text awb-button__text awb-button__text--default fusion-button-text-left\">Portfolio<\/span><span class=\"fusion-button-text awb-button__text awb-button__text--hover fusion-button-text-left\">Portfolio<\/span><\/div><\/a><\/div><div class=\"fusion-text fusion-text-1\" style=\"--awb-text-color:#c40000;--awb-margin-top:20px;\"><h4><span style=\"color: #e85329;\">UX\/UI DESIGN \u00b7 NEXTERA ENERGY\u00a0 <\/span><span style=\"color: #e85329;\">\u00b7 FPL<\/span><\/h4>\n<\/div><div class=\"fusion-text fusion-text-2 fusion-text-no-margin\" style=\"--awb-font-size:60px;--awb-line-height:1;--awb-text-color:#000000;--awb-margin-bottom:20px;--awb-text-font-family:&quot;Instrument Serif&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p class=\"mt-3 max-w-4xl font-display text-4xl tracking-tight sm:text-6xl\">Field Operations Portal<\/p>\n<\/div><div class=\"fusion-text fusion-text-3\"><h3><span style=\"color: #747474;\">Designed the UX\/UI for the Trinity Production Portal, an enterprise monitoring platform for industrial oil-well operations. Synthesized complex IoT telemetry into real-time dashboards\u2014pairing production trends, live site status, and historical data to give operators and managers actionable operational visibility.<\/span><\/h3>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:33.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:5.76%;--awb-spacing-left-medium:5.76%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-4\"><h3><span style=\"color: #747474;\"><strong><span style=\"color: #999999;\">ROLE<\/span><br \/>\n<\/strong><\/span><span style=\"color: #000000;\">Senior UX\/UI Designer<\/span><\/h3>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:33.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:5.76%;--awb-spacing-left-medium:5.76%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-5\"><h3><span style=\"color: #747474;\"><strong><span style=\"color: #999999;\">CLIENT<\/span><br \/>\n<\/strong><\/span>Nextera Energy \u00b7 Florida Power &amp; Light<\/h3>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:33.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:5.76%;--awb-spacing-left-medium:5.76%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-6\"><h3><span style=\"color: #747474;\"><strong><span style=\"color: #999999;\">TOOLS<br \/>\n<\/span><\/strong><\/span>Figma \u00b7 Adobe Creative Suite \u00b7 Visual Studio Code<\/h3>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:40px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1331.2px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"accordian fusion-accordian\" style=\"--awb-padding-top:10px;--awb-padding-bottom:10px;--awb-border-size:1px;--awb-icon-size:16px;--awb-content-font-size:var(--awb-typography4-font-size);--awb-icon-alignment:left;--awb-hover-color:var(--awb-color2);--awb-border-color:var(--awb-color3);--awb-background-color:var(--awb-color1);--awb-divider-color:var(--awb-color3);--awb-divider-hover-color:var(--awb-color3);--awb-icon-color:var(--awb-color1);--awb-title-color:#333333;--awb-content-color:#747474;--awb-icon-box-color:#3f77ba;--awb-toggle-hover-accent-color:#e85329;--awb-title-font-family:var(--awb-typography1-font-family);--awb-title-font-weight:var(--awb-typography1-font-weight);--awb-title-font-style:var(--awb-typography1-font-style);--awb-title-font-size:16px;--awb-title-line-height:1.5;--awb-content-font-family:var(--awb-typography4-font-family);--awb-content-font-weight:var(--awb-typography4-font-weight);--awb-content-font-style:var(--awb-typography4-font-style);\"><div class=\"panel-group fusion-toggle-icon-boxed\" id=\"accordion-2656-1\"><div class=\"fusion-panel panel-default panel-77b6c40f1c528e783 fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_77b6c40f1c528e783\"><a class=\"active\" aria-expanded=\"true\" aria-controls=\"77b6c40f1c528e783\" role=\"button\" data-toggle=\"collapse\" data-target=\"#77b6c40f1c528e783\" href=\"#77b6c40f1c528e783\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Project Summary<\/span><\/a><\/h4><\/div><div id=\"77b6c40f1c528e783\" class=\"panel-collapse collapse in\" aria-labelledby=\"toggle_77b6c40f1c528e783\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p class=\"p3\">In the dynamic and demanding oil and gas industry, real-time data visualization and efficient field management are critical for optimizing production and ensuring operational safety. This case study explores the design and development of a comprehensive dashboard platform tailored for oil well field monitoring. By focusing on key metrics such as production trends, site status, and historical data, we aimed to empower field operators and managers with actionable insights, enabling them to make informed decisions and drive operational excellence.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-b295cda317e7d8ad2 fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_b295cda317e7d8ad2\"><a aria-expanded=\"false\" aria-controls=\"b295cda317e7d8ad2\" role=\"button\" data-toggle=\"collapse\" data-target=\"#b295cda317e7d8ad2\" href=\"#b295cda317e7d8ad2\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Key Contributions<\/span><\/a><\/h4><\/div><div id=\"b295cda317e7d8ad2\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_b295cda317e7d8ad2\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul>\n<li data-sourcepos=\"26:1-26:137\">Led the UX\/UI design strategy for the NextEra Field Production Portal, aligning field operations management\u00a0functionalities with intuitive user experiences.<\/li>\n<li data-sourcepos=\"27:1-27:144\">Conducted extensive user research with NextEra product owner and developers to identify key pain points and workflow inefficiencies in the operations process.<\/li>\n<li data-sourcepos=\"28:1-28:134\">Developed detailed user flows, wireframes, and interactive prototypes to visualize and refine the field operations management workflow.<\/li>\n<li data-sourcepos=\"29:1-29:162\">Designed a streamlined and visually clear user interface, incorporating data visualization techniques to enhance field operations management.<\/li>\n<li data-sourcepos=\"31:1-31:161\">Implemented iterative design cycles, incorporating user feedback and usability testing to optimize the efficiency and effectiveness of the field operations management.<\/li>\n<li data-sourcepos=\"32:1-32:167\">Created comprehensive design documentation, including style guides and component libraries, to ensure consistency and scalability of the project.<\/li>\n<li data-sourcepos=\"33:1-33:136\">Developed UX\/UI case studies that highlighted the positive impact of the tool on <span class=\"s1\">improving operational efficiency and decision-making for field personnel.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20px;margin-bottom:20px;width:100%;\"><\/div><div class=\"fusion-text fusion-text-7\" style=\"--awb-font-size:36px;--awb-line-height:1;--awb-letter-spacing:0px;--awb-text-color:#999999;--awb-text-font-family:&quot;Inter&quot;;--awb-text-font-style:normal;--awb-text-font-weight:200;\"><p>High Fidelity Design<\/p>\n<\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:0px;margin-bottom:20px;width:100%;\"><\/div><div class=\"fusion-image-element\" style=\"--awb-caption-title-font-family:&quot;Roboto&quot;;--awb-caption-title-font-weight:400;--awb-caption-title-font-style:normal;--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"1920\" height=\"1900\" src=\"https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01.jpg\" data-orig-src=\"https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01.jpg\" alt class=\"lazyload img-responsive wp-image-2677\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271900%27%20viewBox%3D%270%200%201920%201900%27%3E%3Crect%20width%3D%271920%27%20height%3D%271900%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01-200x198.jpg 200w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01-400x396.jpg 400w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01-600x594.jpg 600w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01-800x792.jpg 800w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01-1200x1188.jpg 1200w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG01.jpg 1920w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 640px) 100vw, 1920px\" \/><\/span><\/div><div class=\"fusion-image-element\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"1920\" height=\"1000\" src=\"https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02.jpg\" data-orig-src=\"https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02.jpg\" alt class=\"lazyload img-responsive wp-image-2671\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271000%27%20viewBox%3D%270%200%201920%201000%27%3E%3Crect%20width%3D%271920%27%20height%3D%271000%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02-200x104.jpg 200w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02-400x208.jpg 400w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02-600x313.jpg 600w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02-800x417.jpg 800w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02-1200x625.jpg 1200w, https:\/\/animationstudios.com\/wp\/wp-content\/uploads\/2025\/03\/NEER_Trinity_Production_PG02.jpg 1920w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 640px) 100vw, 1920px\" \/><\/span><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;margin-bottom:10px;width:100%;\"><\/div><div class=\"accordian fusion-accordian\" style=\"--awb-padding-top:10px;--awb-padding-bottom:10px;--awb-border-size:1px;--awb-icon-size:16px;--awb-content-font-size:var(--awb-typography4-font-size);--awb-icon-alignment:left;--awb-hover-color:var(--awb-color2);--awb-border-color:var(--awb-color3);--awb-background-color:var(--awb-color1);--awb-divider-color:var(--awb-color3);--awb-divider-hover-color:var(--awb-color3);--awb-icon-color:var(--awb-color1);--awb-title-color:#333333;--awb-content-color:#747474;--awb-icon-box-color:#3f77ba;--awb-toggle-hover-accent-color:#e85329;--awb-title-font-family:var(--awb-typography1-font-family);--awb-title-font-weight:var(--awb-typography1-font-weight);--awb-title-font-style:var(--awb-typography1-font-style);--awb-title-font-size:16px;--awb-title-line-height:1.5;--awb-content-font-family:var(--awb-typography4-font-family);--awb-content-font-weight:var(--awb-typography4-font-weight);--awb-content-font-style:var(--awb-typography4-font-style);\"><div class=\"panel-group fusion-toggle-icon-boxed\" id=\"accordion-2656-2\"><div class=\"fusion-panel panel-default panel-513897f81063cf9fd fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_513897f81063cf9fd\"><a class=\"active\" aria-expanded=\"true\" aria-controls=\"513897f81063cf9fd\" role=\"button\" data-toggle=\"collapse\" data-target=\"#513897f81063cf9fd\" href=\"#513897f81063cf9fd\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Overview<\/span><\/a><\/h4><\/div><div id=\"513897f81063cf9fd\" class=\"panel-collapse collapse in\" aria-labelledby=\"toggle_513897f81063cf9fd\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">Client: NextEra Energy<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Project: Trinity Production Portal<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Objective: To create a centralized production visibility and prioritization platform, improving operational efficiency and decision-making for field personnel.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-86f1b078beb3de0d7 fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_86f1b078beb3de0d7\"><a aria-expanded=\"false\" aria-controls=\"86f1b078beb3de0d7\" role=\"button\" data-toggle=\"collapse\" data-target=\"#86f1b078beb3de0d7\" href=\"#86f1b078beb3de0d7\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Problem Statement<\/span><\/a><\/h4><\/div><div id=\"86f1b078beb3de0d7\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_86f1b078beb3de0d7\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">Fragmented data sources hindered holistic operational views.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Inefficient task prioritization led to delays and missed opportunities.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Lack of centralized data visualization across wells, routes, and fields.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Underperforming existing systems necessitated a new, effective solution.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-ca1c9765fcd29903f fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_ca1c9765fcd29903f\"><a aria-expanded=\"false\" aria-controls=\"ca1c9765fcd29903f\" role=\"button\" data-toggle=\"collapse\" data-target=\"#ca1c9765fcd29903f\" href=\"#ca1c9765fcd29903f\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">User Personas<\/span><\/a><\/h4><\/div><div id=\"ca1c9765fcd29903f\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_ca1c9765fcd29903f\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">Lease Operator: Needs real-time data and prioritized tasks.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Operations Analyst: Requires historical trends and comparative data.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Management: Seeks high-level summaries and compliance dashboards.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-d0ab10a30d7eb79f3 fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_d0ab10a30d7eb79f3\"><a aria-expanded=\"false\" aria-controls=\"d0ab10a30d7eb79f3\" role=\"button\" data-toggle=\"collapse\" data-target=\"#d0ab10a30d7eb79f3\" href=\"#d0ab10a30d7eb79f3\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Design Process<\/span><\/a><\/h4><\/div><div id=\"d0ab10a30d7eb79f3\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_d0ab10a30d7eb79f3\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">Research and Discovery: Identified issues and proposed a field production dashboard.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Requirements Gathering: Defined user stories for real-time data and prioritization.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Wireframing and Prototyping: Created intuitive dashboards with clear navigation.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Development Phases: Implemented visibility and prioritization features iteratively.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Additional Features: Added HSE and Drilling\/completion dashboards.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-e8c06abc9543d8643 fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_e8c06abc9543d8643\"><a aria-expanded=\"false\" aria-controls=\"e8c06abc9543d8643\" role=\"button\" data-toggle=\"collapse\" data-target=\"#e8c06abc9543d8643\" href=\"#e8c06abc9543d8643\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Key Features and Functionality<\/span><\/a><\/h4><\/div><div id=\"e8c06abc9543d8643\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_e8c06abc9543d8643\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\"><b>Data Integration:<\/b> Unified SCADA, Procount, YODA, and production surveillance data.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Visualization:<\/b> Provided tabular, geospatial, and graphical data views.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Prioritization:<\/b> Implemented safety, environmental, and economic prioritization.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>User-Specific Views:<\/b> Tailored dashboards for different user roles.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Scalability:<\/b> Designed for future expansion.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Navigation:<\/b> Intuitive menu with quick access icons.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Dashboards:<\/b> Clean, data-driven layouts.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Interactivity:<\/b> Search functionality and sortable data tables.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Detailed description of the dashboard tabs:<\/b> (Trailing Days, Month to Date, etc.).<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Explanation of the field production dashboard: <\/b>Graph and its time-based tabs.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>In-depth look at the oil well sites map and its features <\/b>(dropdown menus, legend, etc.).<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-7c58a226555f7a366 fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_7c58a226555f7a366\"><a aria-expanded=\"false\" aria-controls=\"7c58a226555f7a366\" role=\"button\" data-toggle=\"collapse\" data-target=\"#7c58a226555f7a366\" href=\"#7c58a226555f7a366\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Solution<\/span><\/a><\/h4><\/div><div id=\"7c58a226555f7a366\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_7c58a226555f7a366\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">Data Integration: Unified SCADA, Procount, YODA, and production surveillance data.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Visualization: Provided tabular, geospatial, and graphical data views.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Prioritization: Implemented safety, environmental, and economic prioritization.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">User-Specific Views: Tailored dashboards for different user roles.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Scalability: Designed for future expansion.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-41b8ea0069e46eb79 fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_41b8ea0069e46eb79\"><a aria-expanded=\"false\" aria-controls=\"41b8ea0069e46eb79\" role=\"button\" data-toggle=\"collapse\" data-target=\"#41b8ea0069e46eb79\" href=\"#41b8ea0069e46eb79\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">UI Design Highlights<\/span><\/a><\/h4><\/div><div id=\"41b8ea0069e46eb79\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_41b8ea0069e46eb79\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<ul>\n<li><span class=\"s1\">Navigation: Intuitive menu with quick access icons.<\/span><\/li>\n<li><span class=\"s1\">Dashboards: Clean, data-driven layouts.<\/span><\/li>\n<li><span class=\"s1\">Interactivity: Search functionality and sortable data tables.<\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s1\"><b>Outcomes<\/b><\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">Efficiency Gains: Reduced data aggregation and task prioritization time.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">User Adoption: Positive feedback from tailored features and intuitive design.<\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s1\"><b>Challenges<\/b><\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">P2 Transition: Required additional resources for system evaluation.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Data Complexity: Integration of disparate data systems.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Scope Creep: Balancing immediate needs with future enhancements.<\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s1\"><b>Results and Impact<\/b><\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>Efficiency Gains:<\/b> Reduced data aggregation and task prioritization time.<\/span><\/li>\n<li class=\"li2\"><b><\/b><span class=\"s1\"><b>User Adoption:<\/b> Positive feedback from tailored features and intuitive design.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Directly contributed to approximately $1.4 million in savings through optimized workflows.<\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s1\"><b>Future Enhancements<\/b><\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\">Mobile Access: Optimization for field use.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Advanced Analytics: AI-driven predictive maintenance.<\/span><\/li>\n<li class=\"li2\"><span class=\"s1\">Broader Rollout: Expansion to other operating assets.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-5ea3fd8536cf5d17b fusion-toggle-has-divider\" style=\"--awb-content-font-size:16px;--awb-title-font-family:&quot;Inter&quot;;--awb-title-font-weight:700;--awb-title-font-style:normal;--awb-title-font-size:16px;--awb-title-color:#333333;--awb-content-color:#747474;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_5ea3fd8536cf5d17b\"><a aria-expanded=\"false\" aria-controls=\"5ea3fd8536cf5d17b\" role=\"button\" data-toggle=\"collapse\" data-target=\"#5ea3fd8536cf5d17b\" href=\"#5ea3fd8536cf5d17b\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Conclusion<\/span><\/a><\/h4><\/div><div id=\"5ea3fd8536cf5d17b\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_5ea3fd8536cf5d17b\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p class=\"p3\">The Trinity Production Portal stands as a testament to the transformative power of user-centered UX\/UI design in complex industrial environments. By consolidating disparate data sources and delivering actionable insights through an intuitive interface, this project not only enhanced operational efficiency for NextEra Energy but also directly contributed to $1.4 million in savings. The portal\u2019s success underscores the critical role of design in bridging the gap between data and action, empowering field personnel to make informed decisions and drive significant business value. The lessons learned from this case study can be applied to future projects, further enhancing the effectiveness and usability of data-centric solutions in demanding environments.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2761,"menu_order":9,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[4],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-2656","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-ui-design"],"_links":{"self":[{"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=\/wp\/v2\/avada_portfolio\/2656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2656"}],"version-history":[{"count":39,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=\/wp\/v2\/avada_portfolio\/2656\/revisions"}],"predecessor-version":[{"id":6006,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=\/wp\/v2\/avada_portfolio\/2656\/revisions\/6006"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=\/wp\/v2\/media\/2761"}],"wp:attachment":[{"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2656"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_category&post=2656"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_skills&post=2656"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/animationstudios.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_tags&post=2656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}