Rifiutando

The client

 

Rifiutando is a startup specialising in the transportation management of specific corporate waste, with a focus on special and hazardous materials that require specific disposal procedures. The company collaborates with an extensive network of transporters and collection centres throughout Italy, providing services that guarantee compliance with environmental regulations and safe transport of such waste.

The objective

Rifiutando's objective was to develop a mobile application for internal use by transporters, which would make it easier to find the nearest collection centre according to the type of waste to be transported. The app was intended to allow transporters to correctly identify waste, understand its categorisation, and find the appropriate collection centre quickly and easily, thus ensuring a more efficient and compliant service.

App features

 

• Waste categorisation:
  The app allows users to search for different types of waste to understand their correct categorisation. Using an intuitive search system, hauliers can quickly identify the type of waste they are handling, ensuring they comply with disposal regulations.

• Identification of waste collection centres:
  Transporters can locate waste collection centres by region, province and city. This functionality allows easy navigation between available collection points, providing full details on each, including the materials accepted.

• Geolocation:
  Thanks to the geolocation function, the app identifies the nearest collection centre depending on the type of waste to be transported. This function is crucial for optimising delivery times and reducing operating costs, thus improving the overall efficiency of the transport service.

• Data management of companies and transporters:
  The app includes a system for constantly entering and updating company and haulier data. This ensures that all relevant information is always up-to-date and easily accessible, improving traceability and administrative management.

UX/UI design

 

The UX/UI design process took place in several stages to ensure an intuitive interface and optimal user experience:

1. End-user research:
   Before starting the design, extensive research was conducted on the end-users, i.e. waste transporters to define the app's main functionalities and to make sure that the interface met the users' expectations.
    
2. App architecture:
   The app architecture included defining the main navigation flows and information structure. This phase was crucial to ensure that the app was organised logically and that each functionality was easily accessible, thus enhancing the user experience.
    
3. Low-fidelity wireframes:
   Low-fidelity wireframes were created to define the basic structure of the app and identify the main navigation flows. This phase allowed initial feedback to be gathered and necessary changes to be made before moving on to detailed design.
    
4. Moodboards:
   Moodboards were developed to explore and define the visual identity of the app, including colours, typography and graphic style. This step was crucial to align the aesthetic vision of the project with the client's expectations.
    
5. High-fidelity wireframes:
   Next, high-fidelity wireframes were created, which provided a more detailed and accurate view of the final user interface. This phase included the definition of all graphical and interactive components of the app.
    
6. Final prototype:
   Finally, a prototype was developed and tested with real users to ensure that the app was intuitive and met the needs of the carriers. The user tests allowed any problems to be identified and final changes to be made before the development phase.

Development

 

The Rifiutando mobile app was developed using Flutter, an open-source framework from Google. Flutter was chosen for its ability to create natively compiled user interfaces for iOS and Android with a single code base. This optimised development time and ensured a consistent user experience across all platforms.

For the web administration part, React, a popular JavaScript library for creating dynamic and interactive user interfaces, was used. The web interface allows the React team to manage company information, monitor transporter data and update collection centres in real time.

The backend of the application was developed using an architecture based on RESTful APIs. These APIs manage all communication between the mobile app, the web interface and the database, ensuring efficient data management and easy scalability of the system.

The database used is PostgreSQL, chosen for its robustness, scalability and ability to handle complex data.