{"id":191,"date":"2020-08-08T15:36:39","date_gmt":"2020-08-08T15:36:39","guid":{"rendered":"http:\/\/areverie.net\/?page_id=191"},"modified":"2021-08-30T07:59:39","modified_gmt":"2021-08-30T07:59:39","slug":"and-autowerks","status":"publish","type":"page","link":"https:\/\/areverie.net\/and-autowerks\/","title":{"rendered":"A&D autowerks"},"content":{"rendered":"\t\t
A&D autowerks is a small, family-run automotive repair shop that wanted to improve their online presence to convey their professional quality and personalized service. Since customers were constantly asking if they can help with their issues and how much it would cost, I focused on adding and restructuring their content to improve these conversations.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
PROJECT
<\/b>UX\/UI<\/p>
TIME TOOLS<\/strong><\/p> PROCESS<\/strong><\/p> CHALLENGE<\/strong><\/p> Revamp website to convey personalized quality service, and provide customers with the information they need.<\/span><\/span><\/em><\/p> The client’s site was a one-page website that had some photos from their grand opening in 2014, a section with background information, and a contact form. Compared to their competitors, their site lacked professionalism, quality, and information.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t GOALS<\/strong><\/p> Website before redesign<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t Working with a tight budget, A&D autowerks knew they wanted to update their site but didn\u2019t understand how to do it other than giving it a \u201cfacelift.\u201d<\/p> I started my research by inspecting 3-4 months of responses to their contact form to get an idea of what their customers needed. I also did a simple analysis of 3 competitor sites (Google keyword search \u201ccar repair san diego\u201d) and a client-provided direct competitor site to identify commonly provided information, services, and website capabilities.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t I noticed that customers sent more messages labeled \u2018price quote\u2019 compared to \u2018appointment request,\u2019 and all competitor sites provided a list of services. Sorting the data in an affinity diagram made it clear that customers needed information<\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t To address the problem of a lack of information on their site, I asked the client to gather a general list of services and estimated prices. Feeling overwhelmed by the task, the client pushed back because they didn\u2019t have this information documented and only provided it after customer consultations. I emphasized how important this content was to their customers by highlighting the contact form responses, and was able to convince them it was necessary.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t To accommodate all the new content, I redesigned the site to be multiple pages since it would a very long scroll for customers as a one-page site. I reworked the user flow to make it easier for customers to quickly find information, whether it was contact information or services offered.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t When it came to building the site, I recommended the use of an industry-themed WordPress template equipped with page builder functionality to stay within budget and expedite the work. Once all the pages were built and the content was added, I helped the client understand the WordPress dashboard and gave a quick tutorial on how to update content. We also tested the new contact form to ensure that responses were not being sent to their spam folder. After our last tests, we launched the site and performed final quality assurance checks.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
<\/b>6 months<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\tListening to Your Users<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
Knowing the Problem<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
Gathering and Restructuring Content<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
Build, Test, and Launch<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t