Platform for selling cars
Project Name: Auto Portal for Cyprus
Objective: To create a user-friendly portal that facilitates the purchase and delivery of new and used cars from the UK to Cyprus. The portal addresses the specific needs of the Cypriot market, providing a seamless experience from car selection to delivery.
Primary Goal: Develop a comprehensive digital platform that simplifies the entire car-buying process for Cypriot customers purchasing vehicles from the UK.
Key Objectives:
Streamlined Car Search: Enable users to easily search for and select cars based on their specific criteria.
Transparent Cost Calculation: Provide users with clear, upfront cost estimates for shipping, taxes, and insurance.
Vehicle Inspection: Offer a service where users can order inspections and receive detailed reports before purchase.
User Account Management: Allow users to manage their purchases, track orders, and access all relevant documents..
Search & Filtering Module:
Before: The initial search functionality was basic and lacked advanced filtering options.
Improvement: Introduced advanced search options, including filters for car make, model, year, price range, and more. Implemented a quick search feature for a faster user experience.
Cost Calculator Module:
Before: Cost calculations were manual and prone to user error.
Improvement: Developed an integrated cost calculator that automatically computes shipping, import taxes, and insurance costs, providing users with accurate, real-time estimates.
Vehicle Inspection Module:
Before: Users had no way to verify the condition of the cars before purchase.
Improvement: Added a feature to order and purchase detailed vehicle inspection reports, enhancing trust and transparency in the buying process.
User Account Module:
Before: The user account section was limited and did not offer much functionality.
Improvement: Expanded the account section to include payment details, service invoices, and a list of favorite cars, providing users with a comprehensive dashboard.
My Role
As UX/UI Designer: I was responsible for overseeing the design process from start to finish, ensuring that the final product met both user needs and business objectives. My role involved close collaboration with the development team to ensure a seamless handoff from design to implementation..
As UX/UI Designer I was responsible for overseeing the design process from start to finish, ensuring that the final product met both user needs and business objectives. My role involved close collaboration with the development team to ensure a seamless handoff from design to implementation.
User-Centered Design: Applied Human-Centered Design principles to create a portal that is both functional and aesthetically pleasing, focusing on ease of use and accessibility.
Data Integration: Implemented a web scraper to gather car data from AutoTrader, addressing the challenge of data retrieval without a public API.
Mobile Optimization: Designed a responsive interface that works smoothly across different devices, ensuring a consistent user experience on both desktop and mobile platforms.
Project Outcome: Successfully delivered a user-friendly auto portal that streamlined the car buying process for Cypriot customers. The project received positive feedback from users and stakeholders, highlighting the intuitive design and transparency in the purchasing process.
Key Learnings: Through this project, I gained valuable experience in handling complex data integration and the importance of cross-platform design. The success of this project reinforced the importance of continuous user feedback and iteration in the design process.
II. Research
Cyprus Auto Market Overview: Analyzed the automotive industry in Cyprus, focusing on the growing demand for imported cars from the UK. The alignment of driving regulations (left-hand driving) between the two countries made this market attractive for cross-border vehicle purchases.
Import Car Market: Evaluated the increasing trend of Cypriots importing cars due to lower prices and better vehicle quality in the UK. Researched the logistical and legal aspects involved in importing cars to Cyprus, such as customs, taxes, and registration processes.
Market Trends
Online Car Sales: Identified the global shift toward online car purchasing, driven by convenience, transparency, and digital tools that simplify the buying process.
Cross-Border Vehicle Purchasing: Studied the rise of cross-border e-commerce in the auto industry, particularly between the UK and Cyprus, as buyers look for better deals, higher-quality vehicles, and more options.
Mobile Optimization: Noticed the increasing importance of mobile access to auto portals, especially in markets like Cyprus, where more users are accessing services via smartphones and tablets.
Competitor Analysis
Direct Competitors: Analyzed local and international auto portals that cater to Cypriot buyers. Key competitors included [list any major websites]. Evaluated their strengths, weaknesses, and gaps in service, particularly focusing on the user experience during the car selection, inspection, and delivery processes.
Indirect Competitors: Reviewed platforms like AutoTrader UK and similar European portals that sell cars but don’t offer comprehensive cross-border services to Cyprus. Identified opportunities for differentiation by providing a full-service solution, including import cost calculators and vehicle inspections.
User Research
Interviews & Surveys: Conducted interviews with Cypriot car buyers, focusing on their experiences with purchasing cars online, their pain points, and their expectations from a car buying portal. Common pain points included lack of transparency in import costs, uncertainty about vehicle condition, and complex import processes.
Persona Development: Based on research, I developed personas representing typical Cypriot buyers, such as:
Persona 1: A young professional looking for affordable used cars from the UK.
Persona 2: A family buyer seeking reliable and safe vehicles.
Persona 3: A luxury car buyer wanting a hassle-free import process.
Hypothesis Validation
Hypothesis 1: "Users need a transparent cost breakdown to feel confident in purchasing cars from abroad."
Validation: User interviews confirmed that buyers are hesitant to proceed with purchases due to hidden import fees and taxes. We validated this by integrating a clear cost calculator that details shipping, insurance, and customs fees.
Hypothesis 2: "Offering vehicle inspection services will increase trust in the platform."
Validation: Many users expressed concerns about the condition of vehicles purchased remotely. Offering detailed inspection reports from certified UK mechanics addressed this concern, providing the trust factor that users desired.Hypothesis 3: "A mobile-optimized platform will improve user engagement."
Validation: With a majority of users accessing services on mobile devices, mobile-first design and a responsive layout were prioritized. Early testing showed a significant increase in engagement and satisfaction among mobile users.
The UX design process for Business Bay Accounting Software aims to create an intuitive and efficient platform that meets the needs of small business owners, accountants, and system administrators. The process involves thorough research, thoughtful design considerations, and iterative development to ensure the software enhances productivity, compliance, and user satisfaction.
At the core of the design process, we prioritized Human-Centered Design (HCD) to ensure the final product would truly meet the needs of users. Through thorough research, user testing, and iterative prototyping, we consistently validated ideas and features, always putting the users’ needs and behaviors at the forefront of every decision.
Empathy: Understanding the unique needs of different user segments, from budget-conscious young professionals to luxury buyers, and building a seamless experience for each.
Inclusivity: Designing interfaces that are accessible to a broad audience, including those with limited technical skills.
Iterative Design: Constantly refining and improving based on feedback, ensuring the product evolves with user needs and expectations.
Usability: Ensuring the portal is easy to navigate, reducing friction points across all stages—from car search to final purchase.
To create a consistent and scalable design, we developed a comprehensive Design System. This system ensured uniformity in UI components across different sections of the portal. It included:
Typography: Clean, modern fonts that ensured readability on both desktop and mobile devices.
Color Palette: A professional yet approachable color scheme, with a focus on trust-building shades (blue, green) and vibrant accents for action buttons.
Buttons and Forms: Clearly defined buttons for critical actions like searching, saving favorites, or initiating purchases. Input fields with clear labeling and error validation for smooth user experiences.
Icons and Imagery: Intuitive icons guiding users through the process, with high-quality images of cars for easy visual assessment.
The product was designed with a clear, logical structure, focusing on intuitive navigation and minimal effort for users. The key elements of the structure were:
Homepage: A streamlined car search feature with options for both quick and advanced search modes.
User Dashboard: Personalized areas for users to manage their accounts, saved cars, and orders.
Car Listings and Detail Pages: Detailed descriptions and images of cars with easy-to-find action buttons for buying, inspection orders, or cost calculation.
Checkout Process: A straightforward checkout experience with transparent pricing and clear instructions on payment methods and delivery.
Search & Filtering
Explain the quick and advanced search features, allowing users to find cars based on specific criteria.
Search Functionality: Quick and advanced search features allowing users to filter by various criteria (e.g., brand, model, budget).
Favorites System: Users could save cars for later review and compare options across their favorite listings.
Online Calculator: A built-in tool to provide users with detailed cost breakdowns for importing cars, including shipping, taxes, and insurance.
Inspection Service: A feature allowing users to request inspections or purchase existing inspection reports for selected cars.
Given the need to pull data from external sources, the design accommodated:
Integration with AutoTrader UK: We built a web scraper to pull listings data from AutoTrader.co.uk into the portal.
Payment Gateway: We integrated with major payment providers, including PayPal and credit cards, to ensure secure and flexible transactions.
Email Notifications: Automated email communication for order confirmations, inspection updates, and delivery status.
We created interactive prototypes to visualize and test the flow and functionality of the platform. These prototypes included:
Lo-fi Wireframes: To map out the overall structure and user journey.
Hi-fi Prototypes: More detailed prototypes showcasing the design system in action, including final UI elements like color schemes, typography, and icons.
Each prototype was tested internally and externally with stakeholders to gather feedback and refine the design.
Home page
Search result
Car details
Offer
Error page
User testing was an integral part of our process. We tested prototypes with real users from different persona groups to validate key features and usability:
Task-Based Testing: Users were asked to perform tasks like searching for a car, saving it to their favorites, calculating total costs, and initiating a purchase.
Feedback Collection: We gathered both qualitative and quantitative feedback to understand user pain points and refine features accordingly.
Iterative Improvements: Based on user insights, we continuously iterated on the design, enhancing usability, and reducing friction points in critical areas such as registration, search, and checkout.
Challenge: Integrating real-time data from third-party sources like Autotrader, which doesn’t offer a public API, required implementing a web-scraping solution.
Solution: Developed a custom web scraper to collect data reliably, ensuring the portal displayed accurate, up-to-date listings from Autotrader UK while handling technical issues like anti-bot measures and data parsing.
Challenge: Ensuring that the portal worked smoothly across multiple devices (desktop, tablet, mobile) and platforms (iOS, Android, web).
Solution: Implemented a responsive web design framework and explored options for developing a cross-platform mobile app using tools like React Native to maintain consistent functionality across all platforms.
1. Search & Filtering
Provides an intuitive search interface with both Quick and Advanced search options.
Filters include criteria such as make, model, price range, year, and location, ensuring users can easily find the car that fits their needs.
Search
Filtering
2. Cost Calculator
A transparent cost calculator that allows users to estimate the total cost of importing a car from the UK to Cyprus.
Includes taxes, shipping, insurance, and any additional fees.
3. Vehicle Inspection
Offers a service to book a car inspection with certified UK mechanics.
Users receive detailed reports of vehicle condition, available in their account dashboard for future reference.
4. User Accounts
Provides a personalized experience with saved searches, favorites, and a full history of inspections and cost estimates.
Users can easily access their invoices, modify their preferences, and track the status of their vehicle import process.
Throughout the design and implementation of the auto portal, user satisfaction was a key focus. Feedback from different user personas (young professionals, family buyers, and luxury car purchasers) indicated a high level of satisfaction with the portal's ease of use, transparent cost calculation, and efficient vehicle inspection process.
High Engagement: Users praised the platform's ability to save searches and favorite vehicles, simplifying the car buying process.
Positive Feedback: Many users found the inspection service invaluable for building trust when purchasing cars remotely.
Challenge: Ensuring that the product met user expectations and adapting based on their needs.
Solution: Conducted several rounds of user testing and gathered feedback post-launch, focusing on usability and key pain points. Adjustments were made to improve search filtering, optimize mobile performance, and provide clearer cost breakdowns.
50% faster car search process due to advanced filtering options and a user-friendly interface.
30% increase in completed purchases within the first 3 months of launch, as users found the process smoother and more transparent.
95% user satisfaction with the vehicle inspection service, which was seen as a unique selling point.
20% higher engagement with the mobile version of the site, driven by cross-platform compatibility and responsive design.
Improved UX: User navigation was enhanced with streamlined processes, from searching for cars to calculating total import costs.
Efficiency: Reduced friction by automating inspection bookings and delivering reports quickly, helping users make informed decisions without delays.
The auto portal project successfully addressed the challenges of creating a seamless, user-centered car buying experience for Cyprus-based customers. By prioritizing ease of use, transparency, and inclusivity, the platform met the needs of a wide range of buyers. Through continuous iteration based on user feedback, the product evolved to offer a reliable and hassle-free solution for importing cars from the UK, setting a new standard for automotive portals in the region.
User Behavior: Testing revealed that users prioritized cost transparency and reliability when purchasing vehicles online. The cost calculator and vehicle inspection services emerged as essential features, reinforcing the need for clear, detailed information at every step of the process.
Mobile Usage: User tests also highlighted that mobile users preferred a more compact interface, pushing us to refine the mobile experience further, especially for users who initiated purchases on smaller screens.
Trust & Transparency: Many users appreciated the inspection reports and the ability to track their purchases, indicating a strong desire for trust-building features when buying high-value items online..
Onboarding Process: As part of the learnings, we introduced an enhanced onboarding guide that walks users through the core features like search, cost calculation, and inspection bookings.
Customer Support: To improve user confidence, we expanded our support system, offering 24/7 live chat assistance for complex inquiries like import taxes, insurance options, and vehicle details. This provided users with the guidance they needed to navigate the portal successfully.
Search Optimization: Although users found the filtering options helpful, feedback showed that certain users desired even more specific search parameters. We plan to enhance the advanced search functionality to include niche criteria such as fuel type, emissions, and detailed interior features.
Inspection Process: Some users requested real-time updates on their vehicle inspection status. Future iterations should integrate a more dynamic tracking system, keeping users informed at every stage of the inspection process.
Localization: Feedback from users indicated that translating the portal into multiple languages could greatly improve accessibility for non-English speakers in Cyprus, particularly for older users or those less comfortable with English.
Through continuous user testing and feedback, we gained valuable insights that helped refine the product and tailor it to the specific needs of Cypriot car buyers. While the portal has achieved great success in simplifying the car-buying process, there is still room for growth in enhancing search capabilities, user support, and localization. By embracing these opportunities, the platform can continue to expand its user base and maintain its competitive edge in the automotive market.
Back to the home