{"id":2715,"date":"2024-03-28T08:06:31","date_gmt":"2024-03-28T08:06:31","guid":{"rendered":"http:\/\/localhost\/wordpress\/?post_type=montoya_portfolio&#038;p=32"},"modified":"2026-01-27T18:33:15","modified_gmt":"2026-01-27T17:33:15","slug":"hisense","status":"publish","type":"montoya_portfolio","link":"https:\/\/alessioripa.com\/index.php\/projects\/hisense\/","title":{"rendered":"Hisense"},"content":{"rendered":"\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Problem<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">Sales representatives needed a clear and flexible way to present complex product configurations while maintaining a smooth and engaging conversation with customers.<br>Existing tools were either too technical or not designed to support a narrative sales approach, making it difficult to adapt the presentation to different customer profiles.<br><br>Additionally, product configurations directly impacted pricing, requiring real-time feedback to help customers understand the implications of their choices without overwhelming them with information.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_problem-scaled.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_problem-scaled.png\" alt=\"\" \/><\/a><figcaption>Sales representatives had to manage complex product options and pricing while maintaining a natural conversation with customers.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Goals<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The primary goal was to create a guided experience that would support sales conversations rather than replace them.<br>The tool needed to help sellers progressively identify customer needs, suggest appropriate products and configurations, and clearly reflect pricing changes as selections evolved.<br><br>Another key objective was to design an interface that could be used confidently in live, face-to-face situations, minimizing friction and cognitive load for both sellers and customers.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:81px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_goal-scaled.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_goal-scaled.png\" alt=\"\" \/><\/a><figcaption>The experience was structured as a step-by-step wizard to progressively identify needs and narrow down suitable configurations.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Constraints<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The application had to operate within predefined technical and organizational constraints.<br>At the time, direct integration with internal ordering systems was not planned, meaning the tool needed to clearly summarize configurations without handling order placement.<br><br>The interface also had to accommodate different usage contexts, from retail environments to business-oriented sales meetings, often under time pressure.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Role &#038; Responsibilities<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">I worked on this project as a UX\/UI Designer and Front-End Developer, covering the full lifecycle from experience design to implementation.<br>My responsibilities included defining the user flows, designing the interface, and developing the front-end to ensure that design decisions were accurately translated into a working product.<br><br>This dual role allowed for close alignment between design intent and technical execution.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Process<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The experience was structured as a step-by-step wizard, designed to support a natural sales narrative.\nEach step focused on a specific aspect of the customer\u2019s needs, progressively narrowing down the most suitable product configuration.<br><br>Design iterations focused on clarity, feedback and pacing, ensuring that users could move through the flow confidently while maintaining control over the conversation.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_process-scaled.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_process-scaled.png\" alt=\"\" \/><\/a><figcaption>Different customer profiles required different configuration paths, influencing available options and recommendations.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Solution<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The final solution was a web application that guided sales representatives through product selection using a modular, wizard-based flow.<br>As products and options were selected, pricing updated in real time, allowing sellers to clearly explain trade-offs and value to customers.<br><br>At the end of the flow, the tool provided a clear summary of the selected configuration, supporting order placement through existing internal processes.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_product.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_product.png\" alt=\"\" \/><\/a><figcaption><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_price.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_price.png\" alt=\"\" \/><\/a><figcaption><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_summary.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/hisense_summary.png\" alt=\"\" \/><\/a><figcaption><\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Results &#038; Learnings<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The project demonstrated the value of designing tools that support human interaction rather than automate it entirely.<br>Structuring the experience around a narrative flow helped sellers maintain engagement while managing complex information.<br><br>From a design perspective, the project reinforced the importance of simplicity, real-time feedback and adaptability in sales-oriented digital tools.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"template":"","portfolio_category":[30],"class_list":["post-2715","montoya_portfolio","type-montoya_portfolio","status-publish","hentry","portfolio_category-b2b-sales-enablement"],"_links":{"self":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio"}],"about":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/types\/montoya_portfolio"}],"version-history":[{"count":36,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2715\/revisions"}],"predecessor-version":[{"id":3349,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2715\/revisions\/3349"}],"wp:attachment":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/media?parent=2715"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}