{"id":705,"date":"2025-12-11T05:08:53","date_gmt":"2025-12-11T05:08:53","guid":{"rendered":"https:\/\/www.benhaagdesigns.com\/?page_id=705"},"modified":"2026-05-16T06:26:48","modified_gmt":"2026-05-16T06:26:48","slug":"autozone-pro-app-shop-anywhere","status":"publish","type":"page","link":"https:\/\/www.benhaagdesigns.com\/?page_id=705","title":{"rendered":"AutoZone Pro App – Shop Anywhere"},"content":{"rendered":"
[vc_row css=”.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;}”][vc_column width=”1\/2″][vc_column_text css=””]\n
001 \u2022 AutoZone Pro App \u2022 Oct 2024<\/h6>\n[\/vc_column_text][vc_column_text css=””]\n

Shop Anywhere – Store Selection for the Mobile Mechanic<\/h2>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][vc_column_text css=””]\n

Role<\/h5>\n[\/vc_column_text][vc_column_text css=””]\n
Manager, User Experience and Design<\/h6>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][vc_column_text css=””]\n
Scope<\/h5>\n[\/vc_column_text][vc_column_text css=””]\n
Concept \u2192 Build Validation<\/h6>\n[\/vc_column_text][\/vc_column][vc_column width=”1\/6″][vc_column_text css=””]\n
Platform<\/h5>\n[\/vc_column_text][vc_column_text css=””]\n
iOS + Android (commercial app)<\/h6>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”3\/4″][vc_text_separator title=”Challenge” title_align=”separator_align_left” color=”custom” css=”” accent_color=”#4ABFB2″][vc_column_text css=””]AutoZone\u2019s existing experience is designed for traditional auto shops that operate from a fixed location and are assigned a single nearby store. However, mobile mechanics work across multiple job sites, meaning their \u201cnearest store\u201d changes throughout the day. Because the platform wasn\u2019t built with this mobility in mind, mechanics lacked a simple, efficient way to update their preferred store \u2014 making it harder to shop for parts and schedule pick-ups at the location closest to where they would be working next.[\/vc_column_text]
<\/div><\/div>[vc_text_separator title=”Process” title_align=”separator_align_left” color=”custom” css=”” accent_color=”#4ABFB2″][vc_row_inner][vc_column_inner width=”1\/3″][vc_column_text css=””]\n
01<\/h6>\n[\/vc_column_text][vc_column_text css=””]Benchmark[\/vc_column_text][vc_column_text css=””]\n

Audited the retail app’s store-change flow \u2014 a feature originally designed in-house \u2014 as a foundation for the commercial adaptation.<\/p>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_column_text css=””]\n

02<\/h6>\n[\/vc_column_text][vc_column_text css=””]Research Synthesis[\/vc_column_text][vc_column_text css=””]\n

Leveraged UX Research insights on mechanic workflows, pain points, and expectations. Mapped end-to-end user flows and aligned with Product acceptance criteria.<\/p>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_column_text css=””]\n

03<\/h6>\n[\/vc_column_text][vc_column_text css=””]Design & Build[\/vc_column_text][vc_column_text css=””]\n

Built modular components using Atomic Design principles. Collaborated with engineering on feasibility, specs, and implementation, through to final build validation.<\/p>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]

<\/div><\/div>[vc_text_separator title=”Outcome” title_align=”separator_align_left” color=”custom” css=”” accent_color=”#4ABFB2″][vc_column_text css=””]The updated store-selection experience successfully addressed a key gap for mobile mechanics, enabling them to quickly choose the AutoZone location closest to each job site. Over the past year, the mobile channel has seen exponential growth, contributing to double-digit increases in both sales and overall engagement within the commercial app. This improvement not only streamlined mechanics\u2019 workflows but also strengthened AutoZone\u2019s position in the mobile commercial market.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ css=”.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;}”][vc_column_text css=”.vc_custom_1778656539504{margin-bottom: 0px !important;padding-top: 16px !important;padding-right: 16px !important;padding-bottom: 16px !important;padding-left: 16px !important;}”]\n
Skills & Tools<\/h6>\n[\/vc_column_text][vc_column_text css=”.vc_custom_1778656938084{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;}”]\n
Atomic Design<\/h6>\n[\/vc_column_text][vc_column_text css=”.vc_custom_1778656961251{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;}”]\n
Component Creation<\/h6>\n[\/vc_column_text][vc_column_text css=”.vc_custom_1778656995651{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;}”]\n
Information Architecture<\/h6>\n[\/vc_column_text][vc_column_text css=”.vc_custom_1778657017755{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;}”]\n
User Interface<\/h6>\n[\/vc_column_text][vc_column_text css=”.vc_custom_1778657046218{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;}”]\n
Design Systems<\/h6>\n[\/vc_column_text][vc_column_text css=”.vc_custom_1778657066852{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;}”]\n
User Flows<\/h6>\n[\/vc_column_text][vc_column_text css=”.vc_custom_1778657095122{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;}”]\n
Interaction Design<\/h6>\n[\/vc_column_text]
<\/div><\/div>[vc_separator color=”custom” css=”” accent_color=”#344946″][vc_column_text css=”.vc_custom_1778657538675{margin-bottom: 0px !important;padding-top: 16px !important;padding-right: 16px !important;padding-bottom: 16px !important;padding-left: 16px !important;}”]\n
Outcomes<\/h6>\n[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][vc_column_text css=””]\n

2x<\/h3>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”5\/6″][vc_column_text css=””]\n

Growth in mobile commercial channel<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=”1\/6″][vc_icon icon_fontawesome=”fas fa-arrow-up” color=”custom” css=”” custom_color=”#4ABFB2″][\/vc_column_inner][vc_column_inner width=”5\/6″][vc_column_text css=””]\n
Double-digit increase in sales & engagement<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=”1\/6″][vc_icon icon_fontawesome=”fas fa-arrow-right” color=”custom” css=”” custom_color=”#4ABFB2″][\/vc_column_inner][vc_column_inner width=”5\/6″][vc_column_text css=””]\n
Delivered concept to validated build<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=”custom” css=”” accent_color=”#344946″][\/vc_column][\/vc_row][vc_row][vc_column][vc_raw_html css=””]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjYwMCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGZW1iZWQuZmlnbWEuY29tJTJGZGVzaWduJTJGYTZLd214bHBOYWhBbWRkaHhrRmZQaiUyRlNob3AtQW55d2hlcmUlM0Zub2RlLWlkJTNEMS0yODE0JTI2ZW1iZWQtaG9zdCUzRHNoYXJlJTIyJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNF[\/vc_raw_html][\/vc_column][\/vc_row][vc_row][vc_column][vc_btn title=”Next Project \u2192” color=”white” size=”sm” align=”right” css=”” link=”url:https%3A%2F%2Fwww.benhaagdesigns.com%2F%3Fpage_id%3D741|title:AutoZone%20App%20%E2%80%93%20Vehicle%20Card%20Redesign”][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row css=”.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: […]<\/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-705","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P7Sxgj-bn","_links":{"self":[{"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages\/705","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=705"}],"version-history":[{"count":16,"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages\/705\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/www.benhaagdesigns.com\/index.php?rest_route=\/wp\/v2\/pages\/705\/revisions\/809"}],"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=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}