![mockuuups-night-macbook-mockup-on-a-table-with-airpod-case.jpeg](https://static.wixstatic.com/media/ddfc80_865bc0ab7da948e09af2981dfd1bd438~mv2.jpeg/v1/crop/x_0,y_1700,w_4000,h_2587/fill/w_773,h_500,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/mockuuups-night-macbook-mockup-on-a-table-with-airpod-case.jpeg)
Redesign the marketplace platform & dashboard
The most powerful API & APP automotive platform for the next generation
Through user research and iterative prototyping, I redesigned the marketplace platform and dashboard, creating a user-centric API and APP automotive platform with advanced features and intuitive interfaces for an enhanced user experience.
My Role
I designed the marketplace and dashboard for automotive API and app users, prioritizing developers. My iterative approach ensured seamless integration with Fortellis' capabilities, empowering developers to excel in the automotive industry.
What I did?
-
UI
-
UX
-
Online Interview
-
Wireframe & Prototype
-
Cross-functional team cooperation
Time
Jun. 2023 - Aug. 2023
Tools
Figma
FigJam
Zoom
Miro
![CDKGlobalWM_BLK.jpeg](https://static.wixstatic.com/media/ddfc80_19ce0b5c02004871b4a94beff8531437~mv2.jpeg/v1/fill/w_78,h_40,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/CDKGlobalWM_BLK.jpeg)
CDK Global is a leading provider of technology solutions to the automotive retail industry. They offer software, digital marketing, and data analytics services to help dealerships improve efficiency and drive sales. With a global presence, CDK Global serves customers in over 100 countries and supports 30,000 automotive retail locations. Their innovative solutions empower dealerships to thrive in a competitive digital landscape.
![Fortellis_Logo_4Color.jpeg](https://static.wixstatic.com/media/ddfc80_f74fb32be7da4cf19f68c11f644542d5~mv2.jpeg/v1/fill/w_72,h_38,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Fortellis_Logo_4Color.jpeg)
Fortellis, a part of CDK Global, is an automotive technology platform that empowers businesses and developers to leverage APIs, drive innovation, and enhance collaboration. It offers flexibility, data analytics tools, and a competitive edge for accelerating the industry's digital transformation.
Problem
The problem is the complex interface of Fortellis, making it difficult for purchasing engineers to find APIs efficiently and hindering development engineers from tracking API and app performance data effectively.
The complex interface of Fortellis hinders purchasing engineers from finding APIs efficiently, resulting in a time-consuming search process. Additionally, development engineers face difficulties in tracking API and app performance data promptly. This suboptimal user experience hampers seamless integration and innovation. Moreover, the lack of design consistency and clear pathways adds to user uncertainty and increases usage time.
The Solution
Redesigning Fortellis:
Streamlined User Flows and Advanced Data Tracking
01 | Empowering Users with Comprehensive Tools and Support
-
Approachable | Organizing and simplifying information involves structuring and streamlining data and content to make it easier to navigate, understand, and use
-
Burden reduction | Enabling easy access to saved content, providing an organized structure for efficient retrieval, and saving time.
-
Efficiency | Using tools to manage and assist users in learning the differences between different APIs can help reduce duplication and redundancy in the comparison process.
02 | Maximize API Performance: Real-time Insights, Security Monitoring, and Revenue Optimization
-
Efficiency | Provide real-time data and analytics, enabling engineers and companies to stay updated on the performance and user usage of their APIs. This helps them identify any issues early on, optimize the APIs, and make necessary improvements.
-
Performance Optimization | Offer data metrics related to API performance, such as response time, throughput, etc. Engineers and companies can utilize these metrics to monitor the performance of APIs, identify bottlenecks, and address any performance issues.
-
Maximizing Revenue | Track API usage, including user counts, usage frequency, paying customers, etc. This allows them to assess the commercial value of APIs, establish appropriate pricing strategies, and maximize revenue generation.
The Challenge
What problem did I try to solve at the beginning
![Group 969.png](https://static.wixstatic.com/media/ddfc80_3851ce0b41994cd49794c880c7f4b825~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20969.png)
APIs are technical projects that require an
understanding of their usage
![Group 968.png](https://static.wixstatic.com/media/ddfc80_8a57814a7be344c7a057eea529e750d8~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20968.png)
Limited visibility into user behavior for APIs
![Group 970.png](https://static.wixstatic.com/media/ddfc80_449969e83a3040b3ab72ec5388a88145~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20970.png)
Integrating into existing design
My Process
![Group 971.png](https://static.wixstatic.com/media/ddfc80_51652893d8d341c78eaa06e9047a6816~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20971.png)
1.User research
![Group 973.png](https://static.wixstatic.com/media/ddfc80_554c51880f78493fbbc38ed9f6bd465a~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20973.png)
2.Design
![Group 974.png](https://static.wixstatic.com/media/ddfc80_67e481680b8c42a396f1dd478dfc2ecd~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20974.png)
3.User Testing & Iteration
User Research
Streamline API Management and Enhance Customer Satisfaction with an Interactive Dashboard
In order to identify user usage details and frequency, I have decided to adopt the following research methods.
-
Internal Second-hand Info Review
-
Heuristic Evaluation
-
Competitor Analysis
-
User Interview
![Rectangle.png](https://static.wixstatic.com/media/ddfc80_88f246143a4547c0a040aa68d99141c1~mv2.png/v1/fill/w_50,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Rectangle.png)
Heuristic Evaluation
Lack of Organization, Status, Visibility, and Error Handling
![Group 1002.png](https://static.wixstatic.com/media/ddfc80_8fb32353ec104f6285a6abd094cb0258~mv2.png/v1/fill/w_100,h_73,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201002.png)
![Group 1003.png](https://static.wixstatic.com/media/ddfc80_0246aef42cb44b94ab28c3fa4d8ec2f9~mv2.png/v1/fill/w_103,h_73,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201003.png)
Current Page
![screencapture-apidocs-fortellis-io-2022-06-27-15_58_08 1.png](https://static.wixstatic.com/media/ddfc80_3decff7e1ab74137915718e04de553f2~mv2.png/v1/fill/w_60,h_65,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/screencapture-apidocs-fortellis-io-2022-06-27-15_58_08%201.png)
Insight
User preferences have proven to be different from our initial assumptions
![User Research.png](https://static.wixstatic.com/media/ddfc80_03b7f66b287c427e8ff771d2c27905fb~mv2.png/v1/fill/w_49,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/User%20Research.png)
How might we...
"simplify and enhance the portal to ensure seamless operation and minimize user frustration?"
Design
Creating ONE platform for all
#1 Reorganizing information
To improve user engagement and streamline API utilization, I have integrated all relevant information into a visually appealing card layout. Furthermore, I have redesigned the category display by strategically placing icons in a more accessible position, enabling users to accelerate their workflow processes.
![Prototype1.png](https://static.wixstatic.com/media/ddfc80_1d21bb92e12a4fd5af0356d90414fdad~mv2.png/v1/fill/w_86,h_59,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Prototype1.png)
![Prototype 2.png](https://static.wixstatic.com/media/ddfc80_a653b61e4e374021a2b5eb12d5106b66~mv2.png/v1/fill/w_86,h_59,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Prototype%202.png)
#2 Rearranging Metrics, Building the Helper, and Paying Attention to Accessible Design
I have redesigned the metrics presentation and introduced an operational data table based on the existing data. Furthermore, I have implemented a chatbot to facilitate direct communication between developers and subscribers, fostering stronger customer relationships. It is important to be mindful of potential accessibility issues related to the use of colors.
![Group 26941.png](https://static.wixstatic.com/media/ddfc80_62f62d87428241a98ba0f2cad82b2dd7~mv2.png/v1/fill/w_86,h_67,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2026941.png)
![Group 26942.png](https://static.wixstatic.com/media/ddfc80_ffd09e57db9b4610bda32737dc2f64fa~mv2.png/v1/fill/w_86,h_67,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2026942.png)
![Group 26943.png](https://static.wixstatic.com/media/ddfc80_31644b55136d4201ab11798500f33692~mv2.png/v1/fill/w_86,h_67,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2026943.png)
User Testing
Efficiency and Insights: Optimizing User Experience and Customer Relationships
Streamlined cards and comparison features save time by presenting key information concisely, minimizing the need for repetitive reading. Effective data tracking allows us to enhance customer management and make informed decisions.
75% of users are satisfied with the final design of the new card and dashboard
![Group 981.png](https://static.wixstatic.com/media/ddfc80_1926352ae69b45b2bb6bd8e455ed0f95~mv2.png/v1/fill/w_167,h_167,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20981.png)
5
Internal Users
![1234957.jpg](https://static.wixstatic.com/media/ddfc80_ac5b35897ced431293e548c2cdd9ceb2~mv2.jpg/v1/fill/w_89,h_67,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1234957.jpg)
![Group 980.png](https://static.wixstatic.com/media/ddfc80_bf9931cc234f439a98545d9acaf0aa7c~mv2.png/v1/fill/w_167,h_167,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20980.png)
3
External Users
![1234952.jpg](https://static.wixstatic.com/media/ddfc80_1a37998e69644a53893e96fb987d94e9~mv2.jpg/v1/fill/w_89,h_66,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1234952.jpg)
Takeaway
Finding the Right Users
While a marketplace may appear to be a platform where people subscribe to apps online, when it comes to API-specific technology marketplaces, it is crucial to find the right developer in order to truly understand their requirements.
The Use of Colors in Accessible Design
While colors are commonly used and familiar to most people, they can pose challenges and cause confusion in accessible design. In such cases, alternative methods, such as changing symbols or text, can provide a more noticeable solution.