car configurator

Virtual Car Configurator

Program-Ace has built a complex car configurator that gives maximum usability to the customer

Background Info

Program-Ace received the request to create a web product configurator solution which soon would turn into a whole platform. It was the real challenge for our team because the product configuration platform has to be flexible enough to ensure high scalability, an opportunity of adding new functionality and content as the new products come out.

Among the other, the platform focuses on the B2C audience who are interested in buying a car so we were needed to create a service that will have a user-friendly and clear design, fast interface and simple structure to allow the user to find how the configurated car will looks in a quick way. Understanding the fact that the potential buyers may have both technical and non-technical backgrounds, we had to come up with an interface and app logic that would be intuitive to both types of users.

Business Challenges

1
User Experience
Since we were working with the web product configurator, we needed to create mobile and desktop adaptive UI and make sure that the application works seamlessly on the web and mobile and responsive in all of the browsers.
2
App Functionality
The application had to solve several problems such as showcasing the 2D model of cars' exterior and interior from all of the sides and offering the potential buyer an opportunity to interact with the extra options to help them make a thoughtful buying decision.
3
Informative Product
To shorten the sales cycle and help the company reach its goals, we created the configurator that supports multi-language features and is content-rich to answer the potential buyer’s questions immediately.

Approach and Solution

Taking into account the client's requirements to the creation of a web product configurator and proposed design in XD format, we defined and developed the following solution:


  • A JavaScript-based lightweight configurator on the front-end;
  • Realized the server-side rendering for the car's view visualization
  • Ability to manage products' configurations and settings from Admin Web panel;
  • Ability to manage art assets, prices and images for products' configurations from Admin Web panel
  • Ability to save a user's configuration as a link, or as a PDF file
  • Integration with a client's e-shop to get prices and product descriptions
  • Functionality to share a user's configuration to FB and send by email
  • Cross-browser and cross-device support .

The web-based car configurator we created allows you to interact with the model, play around with various options including the internal and external colors as well as the design variations. The app shows the exact price in 3 columns to make it clear for a consumer what they are being charged for.

Overall, the application is created within the product configuration industry standards and solves all of the required tasks such as shortening the sales cycle, increasing time-on-site, delivering a seamless user experience to customers by providing an interactive experience with their future possession.

car configurator

Technical Information

The configurator’s development took 3 months. This work involved a team of three developers and one UI/UX designer. Assets and the part of the graphic were provided by the client. The tech stack included next technologies:
HTML CSS angular logo Json node js logo

Audience

This app has been created for inhouse use of our partners to have an ability to interact with the car fast and in a comforting way. However, this type of app has big potential and can be used for different purposes including the use of marketing activities or for demonstrations for the retail market.
Real Estate
Retail
Machinery Producers
Manufacturing
Retail
Dealership
Youth
Marketing
Car configurator

Value Delivered

Program-Ace developed a platform which provides users an opportunity to envision, create, and order the most desired car model easily and effectively. Apart from the adjustable design features, users also see the end price of a vehicle.
  1. Easily scalable and convenient web platform
  2. Instant visualization of changes
  3. Price transparency and easy configuration
  4. Real-time price calculation for various changes
  5. Clear interface and easy-to-use service
IAOP
Clutch AR/VR
Clutch B2B
Unity Certified
ETSA
EBA
Start A Project With Us
Tell us more about your business needs to help us serve you better. The more detailed information will allow us to route your inquiry to the most appropriate person in our team.
Upload File
(Accepted file types: jpg, gif, png, pdf, doc, docx, xls, xlsx, ppt, pptx, max 32mb)
By sending this form you agree to our Privacy Policy. The information you provide will be added to our CRM system for further communication.
Let’s work together
Tell us more about your business needs to help us serve you better. The more detailed information will allow us to route your inquiry to the most appropriate person in our team.
Upload File
(Accepted file types: jpg, gif, png, pdf, doc, docx, xls, xlsx, ppt, pptx, max 32mb)
Step 1/2
Step 2/2