PWA application design from Automotive niche: The NFM Agro Case

Web design development for the Agribusiness app based on the NFM Agro case study from Turum-burum: everything you need to consider when creating a non-native app.

About the project:

NFM Agro is the official distributor of agricultural equipment in Ukraine. The company has 22 regional representative offices, 13 service centers, 22 spare parts warehouses, and one of Ukraine's largest technical bases.

Despite the niche specifics, competition in this B2B segment remains fierce. Recognizing this, the management of NFM Agro decided to enrich the brand’s full potential and give the business competitive advantages. 

To drive business growth and explore new service avenues, the company decided to develop a mobile application specifically for operators and managers. Recognizing the importance of advanced usability for app design, the representatives of the NFM Agro applied to Turum-burum with a request to develop the NFM mobile app design.

The new application had to solve the following tasks:

• For managers — become the helping hand and perform the role of personal account; 
• For new customers — provide intuitive and engaging customer experience. The user must be able to familiarize himself with new equipment, sign up for training, apply for service support, order supplies, find operating instructions and solve other tasks at any time.

Diving into the peculiarities of B2B automotive agribusiness 

It was a new and valuable experience for our team to work with this B2B segment. To create an application that truly meets customers' needs, we began by immersing ourselves in NFM Agro business processes.

We visited the brand’s office in Dnipro, where we communicated directly with the head of the marketing team and the project manager. Their insights allowed us to get a deep understanding of the niche peculiarities and internal workflows. They provided a comprehensive overview of their internal workflows, guiding us through the equipment selection process and outlining the steps that could be simplified. They also told us about product distinctions and helped us choose interface icons that perfectly represent the brand’s equipment.

The main challenge was that the brand’s target audience is mainly represented by elder people who are not actively using mobile devices. Therefore, our main task was to develop an application with the most straightforward and understandable interface possible.

Key UX/UI Design Solutions for NFM Mobile App

To develop a simple and intuitive interface, we have:

• Designed a convenient homepage, so that customers can easily access the desired section, find the nearest brand's office, contact a manager or solve any other task within a few clicks.
• Designed a listing page similar to the first screen — large product previews with customized equipment icons.

• Worked out the product card and filtering tool, where customers can view photos, understand the difference between various equipment models and directly buy equipment from the application. 

• Simplified the request submission process so that the manager does not need to manually enter the name, model, and other equipment details, but just select the information from a pop-up list. 

{{block}}

We also automatically displayed the information about the current equipment for regular users. For example, when applying for repair services, the user does not need to manually enter information, as the request is automatically filled in based on the data from the user's account.

To enhance user experience, we implemented search suggestions in the application. As managers type in an equipment name, the system instantly suggests matching items, allowing them to quickly and accurately select a product. 

As a result of our work on the project, we have created a simple but advanced design so that both regular and new users can solve their tasks quickly and easily. 

The application was built on PWA technology and successfully launched.

Application launch results

As a result of the work on the project, the Turum-burum team managed to:

• Create a simple, clear application that meets all the standards of modern UX/UI design, addressing the needs of the business and their customers;
• Gain a competitive advantage for NFM company by providing more client-oriented interface and access to the company's services at any time;
• Streamline internal NFM operations by developing an application that centralized customer communications. Previously, interactions with clients occurred across various messaging platforms, but after the app's launch, most data now flows through a single service. This consolidation has significantly eased the workload for service center operators.