Project Title
Top Tier Auto Brokers
The Top Tier Auto Brokers Official Website is a business project dedicated to the emerging startup, Top Tier Auto Brokers, operating in the car dealer industry in Seattle. This project is solely crafted by me, dedicating six weeks to gather business requirements, implement fully interactive functionalities, and collect customer feedback.
Type /
Business
Role /
Solo-Development
Year /
2023
​
Duration /
6 Weeks
​
Tool /
Wix, Figma
Business Requirement Research
At the project's outset, I arranged a meeting with the founder of Top Tier Auto Brokers (TTA) to delve into their aspirations for the website. From this conversation, I gleaned insights into their target customers, primary requirements, offered services, and overarching business models, all of which are encapsulated in the summary below:
Target Customers:
​
Top Tier Auto Brokers (TTA) places a central emphasis on catering to the international student market, with a particular focus on the Chinese demographic.
Concurrently, TTA is proactively pursuing market expansion, aiming to attract diverse customer segments such as local residents, professionals, and individuals seeking top-tier second-hand luxury cars.
Primary Requirements:
​​
-
Viewing Official Website (P0): Potential customers can explore the official website to gain insights into TTA.
-
Accessing Contact Information (P0): Customers can obtain contact information directly from the website.
-
Accessible Business Services (P0): All main business services are easily accessible through the website.
-
Responsive Design (P0): The website must exhibit mobile-friendly characteristics, ensuring an appealing display across all devices and screen sizes.
-
Security and Reliability (P0): The website must prioritize security, guaranteeing the protection of all transactions and customer information, thereby fostering trust and reliability.
-
Bilingual Capability (P1): The preferred functionality is to support both Chinese and English languages, with English set as the default.
-
Search Engine Optimization(P2): The website should be optimized for search engines, aiming for high rankings to attract organic traffic.
-
Real-time Inventory Updates (P2): Customers benefit from real-time updates on available inventory.
-
Real-time Response Capabilities (P2): The website ensures real-time responses for enhanced customer engagement.
Offered Services:
​
-
Car Sales
-
Car Purchases
-
Car Repair
-
Car Modification
-
Car Rental Service (Trial Operation)
TTA Business Model:
​​
Customers engage with TTA by making personalized orders and appointments through phone calls. The business model does not incorporate online payment, emphasizing a more personalized and direct interaction with clients.
User personas derived from the aforementioned research on business requirements.
.png)
Primary Persona
%20(2).png)
Secondary Persona
Technical Decision
Hosting Platform
​
Wix is a versatile web builder known for its user-friendly platform, offering a seamless experience for creating websites with ease.
​
Choosing Wix:​
-
Affordable solution for businesses.
-
Reduced workload with integrated front and back-end capabilities.
-
Eliminated the need for manual coding on the backend considering time constraints.
-
Meet all the business requirements with customizable features.
-
Budget-friendly compared to alternatives like WordPress.
Design Decisions
Color Palette:
​
The original inspiration comes from the color scheme of the poster, particularly the yellow Supra car.
​
-
Golden Yellow: #FCCC04
-
Pure White: #FCFCFC
-
Charcoal Gray: #2F2F2F
-
Solid Black: #000000
-
Taupe: #937B63
Page Structure:
​
I've chosen to dedicate individual pages to introduce each of the five services provided by TTA, offering customers a clear roadmap for navigation. Additionally, I'll include introductions on each service page to provide users with further insights into our offerings.
Car Details:
​
Following industry standards (secondary research), our Car Page features essential details such as the VIN number, a direct link to the Carfax report, and highlights of key features. This information is presented to enhance transparency and provide comprehensive insights for potential buyers, aligning with common practices observed on reputable car dealer websites.
Form Design:
​
Given that TTA's business model emphasizes in-person interactions and personalized recommendations, I've chosen to integrate interactive forms on each page. These forms will collect customers' contact information, budget details, car images, and other vital vehicle related information. This approach enables users to easily submit their specific needs, fostering a more customized and responsive engagement.
Language Switching:
​
​The language-switching feature is accessible on the front page in both desktop and mobile views.​
TTA Website
Homepage 🔗
The homepage is designed to provide an introduction to TTA and highlight the services it offers.
Pre-Owned Page
The Pre-Owned Page displays both available cars for sale and those that have already been sold. The filter functionality enables users to sort listings by various criteria such as "Newest," price, car types, and more, providing a tailored browsing experience.
Sell Page
The Sell Page allows users to seamlessly upload their car information into our system. Following submission, a dedicated salesperson will promptly reach out to facilitate the selling process.
Car Page
The Car Page serves as a comprehensive platform presenting detailed information about a specific vehicle. It offers a closer look at the car's highlights and specifications, providing users with valuable insights into their potential purchase.
