Bidvest Bank :Fleet Management Mobile App

THE PROBLEM

The legacy system suffered from poor user experience (UX) and an outdated user interface (UI), failing to meet the modern needs of fleet management. It was inefficient, difficult to navigate, and lacked the intuitive design elements that users expect today. This led to user frustration, decreased productivity, and ultimately, higher operational costs. The outdated UI also made it challenging to integrate new technologies and features that could enhance fleet management efficiency and effectiveness.

THE OBJECTIVE :

Redesign the legacy fleet management software to enhance user experience and update the user interface, with a focus on improving usability and customer satisfaction by 40%. This involves leveraging advanced technologies like AI and gamification to optimize fleet operations and deliver a seamless, intuitive user experience.

Planning:

I broke down the process into three phases : Empathise , Conceptualise & Design

1 EMPATHISE

Lacked understanding in customer wants, needs, and expectations.

• Current frustrations and pain points?
• What did they really want?
• What did they really need?

How?
Dived into an intensive 2-week RESEARCH sprint.

• 11+ user interviews: Conducted extensive interviews with over 11 users to gather detailed insights into their experiences and challenges with the legacy fleet management software.
• Investigated forums, Reddit, and Facebook groups: Explored various online platforms to understand common issues and user feedback related to fleet management.
• Mapped out a competitor and SWOT analysis: Analyzed competitors and performed a SWOT analysis to identify strengths, weaknesses, opportunities, and threats in the current market.

User Interviews:

We dived into user INTERVIEWS and there were three key takeaways:

• Interesting takeaway 001: Users expressed significant frustration with the current navigation system, finding it cumbersome and unintuitive, which hindered their ability to manage fleets efficiently.
• Interesting takeaway 002: Many users highlighted the need for real-time data updates and analytics, which were lacking in the legacy software, causing delays in decision-making and operations.
• Interesting takeaway 003: Users desired a more modern and visually appealing interface that aligns with contemporary software design standards, improving overall user satisfaction and engagement.

Our collaboration with developers was a critical part of the process, ensuring that the design wasn’t just visually appealing but also flawlessly implementable. This dynamic interplay underscored the importance of a multi-disciplinary approach to success.

FB Group Investigations:

With our Facebook group investigations, we also discovered some interesting facts:

• Interesting takeaway 001: Users frequently complained about the lack of mobile compatibility, which made it difficult to manage fleets on-the-go.
• Interesting takeaway 002: There was a strong demand for integration with other tools and platforms, such as GPS tracking and maintenance scheduling, to streamline fleet management operations.
• Interesting takeaway 003: Users expressed a desire for more customisable features that could be tailored to the specific needs of different businesses, enhancing the overall flexibility and usefulness of the software.

2. CONCEPTUALISE

Overwhelmed with insights, we needed to start prioritising to form a STRATEGY.

We had gathered an abundance of primary data from user interviews and online investigations, which left us quite overwhelmed with insights. To create a cohesive strategy and design the best possible experience as a team, we needed to:

• Understand key pain points, wants, and needs: We synthesized the insights from our customer and potential customer interviews to pinpoint the most critical issues and desires.
• Classify all insights gathered: We organized the data into categories to understand their priorities better. This allowed us to create actionable insights.
• Present our synthesis to stakeholders: We compiled our findings and strategies into a comprehensive presentation, ensuring all stakeholders were aligned and on board with the proposed changes.

To further refine our product strategy and experience, we conducted secondary research. During this stage, we:

Created affinity maps: This helped us understand our general audience better.
Prioritized customer pain points, wants, and needs: This was essential for prioritizing our roadmap and determining the features to include in the next version of the product.
Presented insights to stakeholders: We documented our findings and strategy clearly to secure stakeholder buy-in.

3. DESIGN

We were on a very tight deadline and developers needed to start building soon.

Should we design mobile first?: Insights from our research revealed that most users would be taking photos of their vehicles with their mobile phones. This presented an opportunity to create a seamless transition into our app from their phone, making a top-notch mobile experience crucial.

Did we need a design system right now?: We needed to understand efficiency and ensure that the product was built right from day one. Establishing a design system early would streamline the design-to-development handover.

What was our visual design language?: Considering this was a US-based company expanding into Australia, we had to decide whether to adopt the same design language used in the States or develop a localized version.

Once these questions were answered, we jumped straight into the design phase due to our tight deadline. We prioritized building a comprehensive design system to ensure efficient collaboration between design and development. We also adopted a mobile-first approach, focusing initially on the home page and the main user funnel to secure stakeholder buy-in.

Design System and Key TakeawaysAs we built out a scalable design system, we identified three key takeaways:

1. Consistency: Ensured a consistent user experience across all screens and devices.
2. Scalability: Allowed for rapid scaling and addition of new features without
   compromising the design integrity.
3. Efficiency: Streamlined the design-to-development handover, reducing the time and effort required for implementation.
   Specific Features and Flows

During the design of specific features and flows, we uncovered some interesting insights:

1. User Onboarding: Simplified the onboarding process, reducing user drop-off rates.
2. Real-time Data: Integrated real-time data updates, enhancing user decision-making.
3. Customisation: Added customizable features to cater to diverse business needs.
   Overall Design Insights
   Across all designs and flows, we identified three overarching insights:

Outcomes

We successfully launched the Bidvest Bank Fleet Management Mobile App three months after initiating the redesign. The key outcomes of the project included:

• User Engagement: Enhanced engagement through intuitive and visually appealing interfaces.
• Performance: Improved app performance by optimizing design elements for speed and responsiveness.
• Accessibility: Ensured accessibility for all users, adhering to industry standards.
• Significant User Adoption: Achieved high user engagement within the first three months, with thousands of active users leveraging the new features.
• 40% Increase in Usability and Customer Satisfaction: Compared to the legacy software, the redesigned app saw a substantial improvement in user experience and
  satisfaction.
• Operational Efficiency: Businesses using the app reported increased efficiency and significant cost savings in their fleet management operations.
• Industry Recognition: The app received positive feedback from industry experts and was recognized as a leading solution in fleet management.
• Date: September 18, 2023