Van's Auto Service
Van's Auto Service is a reliable and trusted automotive repair shop that offers a wide range of services, including routine maintenance, diagnostics, and repairs.
Platform: Desktop
My Role
-
UX Design
-
UI Design
Duration
-
1 week
Tools
-
Figma
Problem Statement
The client faced challenges in creating a professional and well-spaced website design. They requested that I review the homepage and provide suggestions to enhance both the website's layout and the navigation experience for their customers.
Solution
After assessing the website, I applied basic design principles to enhance the layout and overall appearance, giving the site a more professional and polished look.
The Design Process
Initial Research
For my initial research, I conducted a thorough analysis of the original website to pinpoint areas for improvement and design refinement.
Layout & Spacing
For this section I removed the icons as they are not necessary and are inconsistent with where they are placed next to the text. I also removed “working” as it is extra wording that people do not need and it also reduces cognitive load. I also spaced all of the text more evenly keeping all of the information on the same line.
Typography
I removed the capitalization as words in lower case with the first letter capitalized are easier to scan, also if someone is using a text to talk feature it may sound as if the words are being yelled at the user. I used only regular and bold font weights to reduce noise and clutter.
I also removed “Blog” as it is not an important feature and would be used less, so it could be put under the “contact us” section.
I also removed the period from the mission statement as it is not a formal sentence.
Buttons
For the button, I center aligned the text and removed “Request” as people will know what the button is for if it just has “Appointments”. I also rounded the corners indicating that it is interactive. There is no need to underline words when a button is used as the call to action is the button. The color of the buttons will remain the same as it is related to the company's color scheme.
Color
For the background picture, I reduced the exposure to 50% making the words pop more, contrast always works in your favor.
Final Solution
The final design resulted in a much more user-friendly and accessible website. My goal wasn’t to completely redesign the site, but rather to implement design strategies that could be applied to any website, enhancing both its appearance and functionality.
Original design vs New design