* Mercedes' Car Shop
* Mercedes' Car Shop
Buy a car from Mercedes’ Car Shop!
-
The client wanted a website where users can buy new and used cars as well as subscribe to her car blog.
-
The target audience includes automobile buyers, drivers, and those looking to learn about vehicles.
-
I sent users two tasks that align with the project goal:
1) Purchase a Tesla and,
2) View the car blog
-
Users expressed difficulty with finding the blog, so I added a "Blog" option in the upper navigation bar.
Users also expressed difficulty with completing the user flow, so I designed a "Search" option in the upper navigation bar as well.
-
I drew inspiration from car shops in Ohio and primarily those in Northeast Ohio where the client is based. I noticed the color scheme to be on a grayscale with an accent color. I incorporated this into the design as it would allow the client to follow the trends of the industry.
You can see the websites I was inspired by below.
-
I chose an image and quote for the hero page to quickly get the user's attention. The red car accents the gray in a way that is pleasing to the eye, yet not too distracting. As you scroll down the page, the user would see more ways to buy their next car.
You can see my "paper" sketches below.
-
Due to my limited bandwidth, I was only able to perform user testing on a limited amount of people which may have given more or different insight into the design.
-
I'm used to working with colorful designs, so working with a project that's primarily greyscale was different.
During this project, I also learned that there are tons of user flows and that user testing can help with finding the many ways users will interact with the design.
Red Mercedes-Benz sports car on a dealership website homepage with sections showcasing featured brands, trending vehicles, budget-friendly used cars, and cars on sale, including models from Tesla, Hyundai, Volkswagen, Chevrolet, Pontiac, BMW, Honda, and Lincoln.
Red Tesla Model 3 electric car parked on a showroom floor with a contactless Mercedes' Car Shop website page displayed showing a message about a new vehicle, navigation menu, social media icons, and contact information.
Online car shop webpage with four Tesla vehicles: red 2022 Model 3, two white 2021 Model X, and a white 2021 Model X with different exterior colors, with prices and ratings listed.
Online car dealership webpage showing various Tesla cars, including a red 2022 Tesla Model 3 and white and blue 2021 Tesla Model X models, with prices and ratings.
Red 2022 Tesla Model 3 car on a car shop website with options for payment and purchase confirmation.
Red Mercedes convertible car on a car shop app interface with options for Featured Brands, Trending Vehicles, Budget Friendly, Monthly Sales, and View All Vehicles.
Red sports car at the top, followed by sections showing various car brands and models, features, testimonials, and articles about vehicles, culminating in a bright red car at the bottom.
A webpage layout for Mercedes' Car Shop featuring images of white Volkswagen cars, article titles, and placeholder text.
Smiling woman with braided hair sitting in the driver's seat of a gray car, looking out the window
Handwritten sketch of a business or blog webpage layout with sections for company name, slogan, photo background, icons, product categories, weekly sales, newsletter sign-up, subscribe button, social media follow prompts, and icons.
Screenshot of the a mockup for a car shop homepage featuring options for new, pre-owned, and certified vehicles, along with links for service, parts, and vehicle trade-in.
a large gauge background with the text "Buy Here Pay Here!" along with buttons to view inventory and get financing. Top section shows business name, address, phone number, and social media icons, with a banner advertising cars for all budgets
Online car dealership homepage featuring a city skyline, navigation menu with options like HOME, INVENTORY, SPECIALS, FINANCE, ABOUT US, and categories for Cars, SUVs, Trucks, Vans, Specials, and Under $10,000.