Mobile App

Motor9 Atelier Android Mobile Application

Introduction

The Motor9 app was designed to bridge the gap between workshop managers and clients, offering a seamless way to manage and track vehicle maintenance activities. The primary goal of the app was to simplify complex workflows, such as recording maintenance schedules, managing vehicle details, and ensuring timely service reminders. With user-friendly interfaces tailored to specific roles, the app ensures a smooth experience for both workshop managers and clients.

The app is divided into three main portals:

1. Client Portal: Focused on vehicle owners, allowing them to add their vehicles, monitor maintenance schedules, and receive notifications.

2. Admin Portal: Designed for workshop managers, enabling them to manage client information, track vehicle maintenance, and oversee workshop operations.

3. Super-admin Portal: Dedicated to overarching management, allowing the super admin to control multiple workshops and their respective administrators.

This project was a collaborative effort between designers, developers, and a project manager. Following a structured workflow of designing, feedback, and iterative implementation, the app was brought to life to cater to the unique needs of the automotive service industry.Client

Team and Collaboration

The development of the "Motor9" app was a collaborative effort that involved a diverse and skilled team, including developers, a project manager, and a UI/UX designer. The project manager, Said Tazi, played a pivotal role in ensuring clear communication of the project specifications, timelines, and objectives, facilitating seamless collaboration between team members.

The project followed a feedback-driven iterative process, starting with initial designs that were shared with stakeholders for feedback. This cycle of design, review, and refinement allowed us to align the app with the client’s expectations and user needs. Once the designs were finalized, the development team translated these designs into a fully functional Android application, with frequent cross-team discussions to resolve challenges and ensure quality.

Each team member brought unique expertise to the table, fostering a collaborative environment that prioritized creativity, user-centric design, and efficient implementation. This synergy between design and development ensured a smooth workflow, resulting in an application that not only met but exceeded client expectations.

User Persona

The User Persona section provides a detailed understanding of the app’s target audience, capturing their demographics, goals, challenges, and behaviors. By creating realistic profiles of typical users, this section highlights the needs and expectations of both workshop managers and vehicle owners. It serves as a foundation for user-centered design, ensuring the app’s features and interface address real-world pain points.

Empathy map

Problem

Managing vehicle maintenance and inventory in the automotive service industry can be a challenging and inefficient process. Clients often miss scheduled maintenance due to the lack of timely reminders, leading to potential vehicle issues and higher costs. 

Workshops struggle to maintain accurate inventory and service records, relying heavily on manual or paper-based systems. This often results in mismanagement and delays in providing services.

Additionally, poor communication between clients and workshop managers exacerbates the problem. Misunderstandings or missed updates create frustration for both parties.

These challenges highlight the need for a centralized system to streamline maintenance schedules, inventory tracking, and client communication, ensuring efficiency and improved user satisfaction.

Solution

The Solution section outlines the comprehensive design and functionality of the app, tailored to address the identified problems faced by workshop managers and clients. The app provides an intuitive interface for tracking vehicle maintenance, scheduling services, and managing client data. Features like personalized reminders, detailed maintenance records, and streamlined communication between clients and workshops ensure efficiency and reliability.

A User Journey Map visualizes the steps, emotions, and actions users experience while interacting with the app, from signing up to accessing maintenance history. It highlights key stages like adding vehicle details, scheduling services, receiving notifications, and tracking records. By understanding user feelings and identifying improvement opportunities at each stage, the map helps refine the app for a more seamless and satisfying experience.

Sitemap

Reference

Said provided a reference app, Loggy, to guide the design process. Loggy serves as a free mobile app that functions as a digital maintenance logbook, accommodating all types of vehicles, from cars and bikes to boats and machinery. It offers a centralized solution for tracking and managing multiple vehicles in one place.

The app allows users to record detailed logs of vehicle history, including routine maintenance, tire changes, faults, or major upgrades. This detailed and accessible logging system simplifies vehicle management, helping users stay organized and informed about their vehicles' maintenance history.

Wireframes

The wireframes provide a foundational visual representation of the app's structure and layout, serving as a blueprint for its design and functionality. These mockups outline the placement of key elements such as navigation bars, buttons, and content sections, ensuring an intuitive user flow.

Style Guide

The style guide for the Engage AI redesign establishes a modern and cohesive visual identity. 

High-fidelity Design

Client

Admin

Super-Admin

Internal Team Testing

During the development process, the team conducted extensive internal testing to evaluate the app’s usability and effectiveness. Designers, developers, and the client assumed the roles of end users, simulating real-world scenarios to identify potential pain points and areas for improvement.

The team tested critical workflows, such as registering vehicles, scheduling maintenance, and accessing historical logs. By performing these mock tasks, they uncovered issues such as redundant steps during vehicle registration and overly complex navigation paths. These were addressed by streamlining processes and simplifying the user interface.

For example, early iterations required users to navigate multiple screens to edit vehicle information. Internal feedback revealed that this was cumbersome, leading to the implementation of a single, consolidated editing screen. Similarly, the team identified the need for visual cues to prioritize overdue maintenance tasks, resulting in color-coded alerts.

This collaborative and iterative approach ensured that the app was intuitive and user-friendly before it reached actual users, saving time and reducing the need for significant post-launch adjustments. Internal testing also allowed the team to explore various design alternatives, ultimately selecting the ones that provided the best experience for both workshop managers and clients.

Impacts and Results

Enhanced Workshop Efficiency:
The app streamlined administrative tasks for workshop managers, allowing them to track and manage vehicle maintenance schedules, client records, and inventory seamlessly. This resulted in a 20% reduction in manual errors and a significant improvement in task organization.

Improved Client Engagement:
With features like notifications for maintenance deadlines and detailed service logs, clients became more proactive about vehicle care. Over 80% of users reported satisfaction with the reminder system, citing it as a key motivator for timely maintenance.

Future Recommendations

To ensure the app continues to evolve and meet user needs, the following recommendations are proposed:

  • Integration with IoT Devices
    Implementing IoT integration can provide real-time vehicle diagnostics, such as engine health and tire pressure. This will enhance maintenance predictions and add significant value for both workshops and clients.

  • Advanced Analytics Dashboard
    Introducing a data analytics module would allow workshop managers to track key performance metrics, such as vehicle trends, most common repairs, and customer retention rates, enabling data-driven decisions.

  • Multi-Language Support
    Expanding the app to include multiple languages will make it accessible to a broader audience, catering to workshops and clients in different regions.

“Amine have done a great job in very short period of time. All my preferences and ideas were put together in perfect way and beautiful website.”

Kateryna Sierova - Photographer

“I am thrilled to share my experience working with an outstanding web designer Amine From the moment I engaged their services, I knew I was in capable hands. Their expertise in web design is unparalleled, and I could not be more pleased with the results.”

Sheikh Adiat - SMMA Agency

“Absolute pleasure working with Amine. Great communication, a driven developer and excellent service delivered consistently.”

Joshua Romao - Agency Owner

CONTACT US

CONTACT US

Have a design project in mind? Send me a message, and I’d be thrilled to discuss it with you! I’m excited about new challenges and look forward to connecting!