{"id":193,"date":"2025-07-25T15:15:49","date_gmt":"2025-07-25T20:15:49","guid":{"rendered":"https:\/\/wylfing.net\/portfolio\/?page_id=193"},"modified":"2025-07-25T15:57:24","modified_gmt":"2025-07-25T20:57:24","slug":"creating-a-new-customer-experience","status":"publish","type":"page","link":"https:\/\/wylfing.net\/portfolio\/main-page\/creating-a-new-customer-experience\/","title":{"rendered":"Creating a new customer experience"},"content":{"rendered":"\n<p>One of the largest projects I was involved with at Ameriprise was redefining and remaking users&#8217; experience with both the secure site (where customers interacted with their investments) and the public site.<\/p>\n\n\n\n<p>Starting with analytics, we analyzed the performance of existing features and mapped out current user journeys. Then those journeys were contrasted with our understanding of customer goals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/analytics@2x.png\" alt=\"Adobe Analytics\" class=\"wp-image-77\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/analytics@2x.png 1000w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/analytics@2x-300x300.png 300w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/analytics@2x-150x150.png 150w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/analytics@2x-768x768.png 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/analytics@2x-924x924.png 924w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/analytics@2x-671x671.png 671w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Back at the whiteboard, we prioritized the kinds of improvements we could make, their cost versus payoff, and started building out rough ideas of UI behavior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/definition-process-1-1024x768.jpg\" alt=\"\" class=\"wp-image-190\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/definition-process-1-1024x768.jpg 1024w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/definition-process-1-300x225.jpg 300w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/definition-process-1-768x576.jpg 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/definition-process-1-924x693.jpg 924w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/definition-process-1-671x503.jpg 671w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/definition-process-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Next the designs moved into low-fidelity wireframes so that we could explain our concepts to stakeholders, get early feedback, test, and quickly iterate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/nav@2x.png\" alt=\"\" class=\"wp-image-192\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/nav@2x.png 1000w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/nav@2x-300x300.png 300w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/nav@2x-150x150.png 150w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/nav@2x-768x768.png 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/nav@2x-924x924.png 924w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/nav@2x-671x671.png 671w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Because the experience needed to work across devices, we started breaking down behaviors across viewports &#8211; how components flowed, moved, or changed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/evolution@2x.png\" alt=\"Evolution of design over time\" class=\"wp-image-98\" style=\"width:500px\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/evolution@2x.png 1000w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/evolution@2x-300x300.png 300w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/evolution@2x-150x150.png 150w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/evolution@2x-768x768.png 768w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/evolution@2x-924x924.png 924w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2021\/09\/evolution@2x-671x671.png 671w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Finally it was time to work on high-fidelity designs that could be communicated to front-end developers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"220\" height=\"744\" src=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/mobile-first-1-220x3139-copy.jpeg\" alt=\"\" class=\"wp-image-197\" srcset=\"https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/mobile-first-1-220x3139-copy.jpeg 220w, https:\/\/wylfing.net\/portfolio\/wp-content\/uploads\/2025\/07\/mobile-first-1-220x3139-copy-89x300.jpeg 89w\" sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>One of the largest projects I was involved with at Ameriprise was redefining and remaking users&#8217; experience with both the secure site (where customers interacted with their investments) and the public site. Starting with analytics, we analyzed the performance of existing features and mapped out current user journeys. Then those journeys were contrasted with our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":4,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/193\/revisions\/207"}],"up":[{"embeddable":true,"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/pages\/10"}],"wp:attachment":[{"href":"https:\/\/wylfing.net\/portfolio\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}