{"id":595,"date":"2023-07-07T03:38:08","date_gmt":"2023-07-07T03:38:08","guid":{"rendered":"http:\/\/www.benhaagdesigns.com\/?page_id=595"},"modified":"2026-05-17T04:06:36","modified_gmt":"2026-05-17T04:06:36","slug":"autozone-app-refresh","status":"publish","type":"page","link":"https:\/\/www.benhaagdesigns.com\/?page_id=595","title":{"rendered":"AutoZone App Refresh"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row css=&#8221;.vc_custom_1778654847150{margin-right: 0px !important;margin-left: 0px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 24px !important;padding-right: 24px !important;padding-bottom: 24px !important;padding-left: 24px !important;border-left-style: solid !important;border-right-style: solid !important;border-top-style: solid !important;border-bottom-style: solid !important;border-radius: 4px !important;border-color: #344946 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text css=&#8221;&#8221;]\n<h6 style=\"color: #4abfb2;\">002 \u2022 AutoZone Retail App Refresh\u00a0 \u2022 2018-2019<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<h2>AutoZone Retail App Refresh \u2014 Lead UX<\/h2>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_column_text css=&#8221;&#8221;]\n<h5 style=\"text-align: right;\">Role<\/h5>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<h6 style=\"text-align: right;\">Lead UX Designer<\/h6>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_column_text css=&#8221;&#8221;]\n<h5 style=\"text-align: right;\">Scope<\/h5>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<h6 style=\"text-align: right;\">Research \u00b7 Experience Mapping \u00b7 Usability Testing \u2192 Agile Delivery<\/h6>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_column_text css=&#8221;&#8221;]\n<h5 style=\"text-align: right;\">Platform<\/h5>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<h6 style=\"text-align: right;\">iOS + Android (retail app)<\/h6>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;3\/4&#8243;][vc_text_separator title=&#8221;Challenge&#8221; title_align=&#8221;separator_align_left&#8221; color=&#8221;custom&#8221; css=&#8221;&#8221; accent_color=&#8221;#4ABFB2&#8243;][vc_column_text css=&#8221;&#8221;]The AutoZone retail mobile app served millions of customers \u2014 DIY drivers and everyday shoppers who expected a fast, intuitive experience to find parts, check compatibility, and get back to the job at hand. By 2019, the app needed a meaningful refresh: feature gaps, inconsistent interactions, and an aging experience were creating friction for users and leaving performance on the table. The challenge was to define, map, and validate a better user experience across a complex app while working within a true agile delivery model \u2014 moving fast without sacrificing quality or practicality.[\/vc_column_text]<div class=\"shortcode-wrapper shortcode-spacer clearfix\"><div class=\"spacer\" style=\"height:24px;\"><\/div><\/div>[vc_text_separator title=&#8221;Process&#8221; title_align=&#8221;separator_align_left&#8221; color=&#8221;custom&#8221; css=&#8221;&#8221; accent_color=&#8221;#4ABFB2&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text css=&#8221;&#8221;]\n<h6>01<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]Competitive Research &amp; Analysis[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<p style=\"color: #969799;\">When key product decisions arose \u2014 such as how to handle search term behavior \u2014 I went outside the organization to analyze how leading retail apps approached the same problems. This competitive benchmarking gave the product owner clear, evidence-based options to evaluate rather than relying on assumptions.<\/p>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text css=&#8221;&#8221;]\n<h6>02<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]Experience Mapping &amp; Technical Drawings[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<p style=\"color: #969799;\">Rather than jumping straight to high-fidelity UI, I produced detailed technical drawings \u2014 precise, lo-fi documents that mapped user flows, decision points, micro-interactions, and edge cases. These artifacts became the shared source of truth for the team, ensuring design intent was clearly communicated to both UI designers and engineering.<\/p>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text css=&#8221;&#8221;]\n<h6>03<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]Agile Collaboration[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<p style=\"color: #969799;\">Worked co-located with the lead developer, allowing design and engineering decisions to happen in real time. I led and collaborated with two mid-level UI designers, guiding visual decisions while keeping the experience strategy on track. The team ran true agile practices \u2014 tight feedback loops, regular review, and continuous iteration informed by usability testing.<\/p>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text css=&#8221;&#8221;]\n<h6>04<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;&#8221;]Usability &amp; Validation[\/vc_column_text][vc_column_text css=&#8221;&#8221;]\n<p style=\"color: #969799;\">Conducted usability testing throughout the process to validate decisions and surface issues early, ensuring the experience we were building actually served the way real users thought and behaved \u2014 not just how we assumed they did.<\/p>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<div class=\"shortcode-wrapper shortcode-spacer clearfix\"><div class=\"spacer\" style=\"height:24px;\"><\/div><\/div>[vc_text_separator title=&#8221;Outcome&#8221; title_align=&#8221;separator_align_left&#8221; color=&#8221;custom&#8221; css=&#8221;&#8221; accent_color=&#8221;#4ABFB2&#8243;][vc_column_text css=&#8221;&#8221;]The two-year effort delivered measurable results: the AutoZone retail app achieved record sales in consecutive years following the refresh, along with increased downloads and improved conversion rates. Beyond the numbers, the project established a repeatable model for how design and engineering could work together \u2014 co-located, agile, and grounded in real user behavior. The experience mapping work on the Vehicle Card also uncovered opportunities that laid the groundwork for the full redesign of the Vehicle Card, completed years later. The impact of this work was recognized with a promotion to UX Manager \u2014 marking the beginning of a leadership path that has since grown to managing teams of up to eight designers and coaching senior designers into management roles of their own.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243; css=&#8221;.vc_custom_1778656307013{margin-left: 24px !important;border-left-width: 1px !important;padding-top: 16px !important;padding-right: 16px !important;padding-bottom: 16px !important;padding-left: 16px !important;border-left-style: solid !important;border-color: #344946 !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1778656539504{margin-bottom: 0px !important;padding-top: 16px !important;padding-right: 16px !important;padding-bottom: 16px !important;padding-left: 16px !important;}&#8221;]\n<h6>Skills &amp; Tools<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975835524{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">User Research<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975851110{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">Competitive Analysis<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975868825{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">Experience Mapping<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975883406{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">User Flows<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975897639{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">Information Architecture<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975916942{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">Usability Testing<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975934327{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">Agile<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975952343{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">UI Direction<\/h6>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1778975968697{margin-bottom: 8px !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 4px !important;padding-right: 8px !important;padding-bottom: 4px !important;padding-left: 8px !important;background-color: #344946 !important;border-radius: 4px !important;}&#8221;]\n<h6 style=\"color: #4abfb2;\">Technical Drawing<\/h6>\n[\/vc_column_text]<div class=\"shortcode-wrapper shortcode-spacer clearfix\"><div class=\"spacer\" style=\"height:24px;\"><\/div><\/div>[vc_separator color=&#8221;custom&#8221; css=&#8221;&#8221; accent_color=&#8221;#344946&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; css=&#8221;&#8221; accent_color=&#8221;#344946&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=&#8221;598&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; onclick=&#8221;link_image&#8221;]<div class=\"shortcode-wrapper shortcode-spacer clearfix\"><div class=\"spacer\" style=\"height:32px;\"><\/div><\/div>[vc_single_image image=&#8221;606&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; onclick=&#8221;link_image&#8221;][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1778654847150{margin-right: 0px !important;margin-left: 0px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 24px !important;padding-right: 24px !important;padding-bottom: 24px !important;padding-left: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":322,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-595","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P7Sxgj-9B","_links":{"self":[{"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=595"}],"version-history":[{"count":13,"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages\/595\/revisions"}],"predecessor-version":[{"id":833,"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages\/595\/revisions\/833"}],"up":[{"embeddable":true,"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages\/322"}],"wp:attachment":[{"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}