Homepage > Portfolio > UI/UX Design for a Mobile Auto Parts Market

UI/UX Design for a Mobile Auto Parts Market

The Azati team helped the customer create a user friendly application design that serves to replace the offline market for selling and buying auto parts in a more convenient and fast way.

CUSTOMER

Faced with the problem of selling products and falling sales volumes during quarantine, most suppliers began to cooperate with large marketplaces, the so-called “one-stop platforms”.

But the interface of universal marketplaces is not always suitable for car enthusiasts: there is no way to compare prices or organize a search for the necessary auto components by car brand. This makes the issue on the site less relevant to the query and requires the potential buyer to spend more time searching.

The customer is a CIS startup, whose goal was to simplify and automate day-to-day processes in life.

They decided to create a unique product for car owners, which is adapted for advanced search, monitoring and ordering auto parts.

Objective

Spare parts are usually searched by specific criteria. And it is not possible to accurately combine the search structure of such products with the classic catalog of multi-category marketplaces on one site. This is one of the key technical issues at the moment.

The customer wanted to create an app instead of an offline market in Dubai and save people from grueling trips to physical stores.

Azati’s task was to implement business logic, form an application map and create a convenient, modern and intuitive interface for this online custom marketplace.

Challenge

The main and only challenge of the project is the tight deadlines.

Since it was a start-up, there was a catastrophic lack of time for normal and detailed marketing and design research of the audience. It was not really clear which appearance would be more attractive to those who work with auto parts since it is a quite narrow target audience. Also, there was not much time for elementary usability testing, which would help to study in depth the behavior of users and the understandability of the interface.

The development of the whole project took 8-10 days, after which all the changes were made super quickly.

But our designers overcame such an issue and completed their task on time.

Process

The first step, as with any project, was the interview which our design specialists successfully passed.

After that, due to the short project duration, the customer asked to speed up and shorten the design process to the development of an application map and the design itself.

The development process, despite the tight deadlines, was standard:

1. Dive into the task

Understanding business goals and objectives. What are the goals and objectives for users?

2. Study

Analysis of information received from the customer. Independent research in open sources: studying competitors, similar services and analytical reports.

3. Ideas generation

Fixing the ideas received from the previous stage in text form or in the form of sketches. Comparison of ideas and selection of the most suitable ones.

4. Thinking through scenarios

Identification of key and secondary scenarios. Step-by-step development of the main scenarios.

5. Frameworks building

Framework – structure around which interface elements are built. Using collected ideas and described scenarios, create the most suitable project structure that helps the user to perform his tasks.

6. Finding a visual style

Determining the required brand message and selecting appropriate colors, fonts and element styles.

7. Design

After that, because of the customer hurry, we implemented our design draft immediately on layouts with UI.

Our specialists completed the development and the customer approved the final result.

Solution

The business logic of the application and the UX part were developed with minimal UI.

The design was developed for two types of users:

1 – buyer: places an ad for the purchase of the spare part he needs (for this, he sets up a filter, on the basis of which the text of the purchase offer is generated automatically)

1 – seller: adjusts the filter according to what he sells and receives offers from buyers according to his settings

Then the seller responds to the ad from the buyer: sets his own price, adds photos of the product and sends an offer to the buyer.

The buyer sees the response and rejects or accepts it. If he accepts, it means that he is placing an order.

The seller sees that the buyer placed the order, confirms it and sends the product by mail or courier (depending on the option the buyer has chosen)

Technologies

 

SCREENSHOTS

Result

Ultimately, our solution was a complete design for a mobile application instead of an offline market in Dubai for buying and selling auto parts on the fly.

The Azati team have designed a full application structure and logic:

  • Homepage
  • Sign-up/Sign-in pages for buyers and sellers
  • Filters settings for buyers to receive offers
  • Filter settings for sellers to send offers
  • Active orders and orders history pages
  • Checkout page

Now

The customer is satisfied with the work, and we will continue our partnership for the implementation of the following projects.

Drop us a line

If you are interested in the development of a custom solution — send us the message and we'll schedule a talk about it.