Click to see the demo video
Redesign/optimization for Airmart
Graphic design, user interface design, logic design, wireframing, prototyping.
Since the Covid-19 pandemic began, the demand for delivered food has been increasing dramatically.
Customers were not just satisfied with the local delivery less than 10 miles. For example, food lovers in San Francisco wanted to get food in the San Jose area. Because some foods are exclusively supplied in the south bay, restaurants also wanted to fill the market needs, so their solution was weekly group-buy delivery.
The orders mostly happened on social media platforms. Collecting payments and addresses could be time-consuming. Sometimes, a seller (could be restaurant owners or other types of sellers) can spend up to 8 hours to ask for payment from their customers.
Therefore, in May 2020, Finpeak, Inc developed a platform named Airmart, which provided a solution for those sellers who struggled with inefficient work. Now, sellers have a platform to receive orders, collect payments, and verify everything.
But the platform still has problems that make the seller feel inconvenienced. So I have come up with multiple solutions for Airmart. I believe that the redesign of Airmart can make sellers feel way smoother than before.
Note: This project was finished after I left Finpeak, Inc. All product information and screenshots are publicly available. All names in the “Feedback” section were made up. The version of the Airmart screenshot may not be up-to-date. The entire page is a project of personal interest. None of any Finpeak, Inc related personnel participated in this portfolio.
Before we get to the actual challenge and problems, this framework will help you understand how Airmart works. Meanwhile you may see potential problems that we need to fix.
Some of our sellers own a huge business and have a tremendous amount of transactions. Since Airmart was a new platform, sellers wanted features and needs, but we didn’t know. I have collected relevant feedback from our sellers.
From the feedback, there are 6 problems that Airmart has.
Can’t batch add products
For sellers who have a high volume of products, they hope to batch add products. This saves a lot of time. Airmart can only upload one product at a time. I have helped some sellers to add products, and I totally understand it was frustrating to add so many products.
Touch the box to see details
Can’t filter products
When a grocery store has more than 1000+ products, they want to manage products and verify stocks in specific categories. A product filter or a search bar might make it happen.
Can’t choose what to add for the new store
When duplicating a store, it’s better if the seller can copy the products that they want from the last store instead of all products.
Can’t batch edit
For a high volume of products, if the seller can edit multiple product info simultaneously, it will be very convenient. Airmart needs sellers to get to the product detail page to edit.
Not enough data analysis
On original Airmart, each store(group-buy) has its sales report. Sellers want to trace down each product’s sales number in the history. From not only a specific store or a period of time but also the entire selling history. For example, we sold 3 bananas in “Group-buy, Jan 1-3” and 4 in “Group-buy, Jan 4-6.” The seller needs to know that the total sales of the banana is 7.
Hard to use on tablets
Since developing a seller app is a long-term plan and can’t be satisfied in the short-term. A user-friendly user interface that works on both desktop and laptop might be necessary.
Since we had the feedback, we know what we can improve. These needs may not be our development priority. But how did our competitors do on those problems?
I investigated large platforms in the market, like Weee!, GrubMarket, and Shopify.
Weee!, and GrubMarket own a large-scale grocery market in the U.S. Shopify is widely used by online sellers. It’s more like a website for products that ship nationally, not local food delivery.
This chart reveals the feature comparison between these 3 platforms. The chart will be only focusing on the demand we mentioned above.
As we can see in the chart, Shopify has a complete package of adding, editing, and filtering products. Since Shopify doesn’t have a concept of multi-store, it doesn’t have the relevant feature.
Weee! and GrubMarket do have a concept of the weekly group buy/delivery, and Weee! seems more convenient because sellers can choose previous products for a new store. It's not hard for engineers to develop this feature, but we may do it better.
From the last 3 sections, we can know what Airmart has and what our sellers want. Competitors in the market have their own advantages and target audience. Here is what I conclude.
Popular “group buy” platforms in the market like Weee! GrubMarket doesn't have a powerful product management system. This could be Airmart’s killer feature for group buy sellers.
My experience of using Weee! to create a new store and able to choose existed products was very useful and user friendly. It might be a decent feature to have when our sellers need to create new stores every week.
Shopify may have the best data analyzing system, but it’s not designed for the group buy sellers. Other 2 platforms don’t even have any sales analytics for sellers to view. It will be great if we have data tracking for each store and every product.
Improve the platform performance by letting the seller manage their product more efficiently in multiple ways. Provide a new user interface with new color board and tablet-friendly design. In the end, the solutions are supposed to solve all 6 problems.
New concept - Product pool
There are 6 problems that we need to solve. Solving the first 5 problems can be a huge workload for designers and engineers because each one of them is considered a new feature. It’s necessary to design an organized flow that can satisfy all those problems.
Therefore, I introduce a new concept that no platform has ever had - Product pool.
Product pool is a space that isolated from stores and holds all product information. All informations are separated and not affected by any stores. A seller can choose any product to add to a new store from the Product pool.
Improve the desktop site to a more tablet-friendly version. Furthermore, make the UI nicer. Some of the interface is not friendly for tablets. For example, the product page. I am using a new color board, new buttons and format to make it better. Here are some of the new elements for the new design.
New color choose:
There will be a new “Batch add” button next to the “Add product”
We provide a standard excel CSV sheet with named columns (name, price, description, etc.)
Sellers fill in the sheet with no matter how many products they have. Then upload the CSV, the system will do the rest.
CSV file sample:
Filter and search
Filter and search will be available at the product page. Since the original website has a simple version for ascending and descending price, status, etc., the filter will be focusing on categories. Click the filter can show one or more categories that you want to see and manage. For sellers who have tons of products now able to see and manage the desired categories by using the filter.
When a seller create a store, there will be an option to import product from the Product pool. The seller is able to use the checkbox to select products for the new store.
There will be a new “Edit mode” button in both store product page and Product pool. Once you click the button, the page will enter in the product edit mode.
All changes will be marked red. After finishing editing, there will be a review section for the seller to review and confirm all the changes. (Filter/search/sort result will be reserve in the edit mode)
New data tracking feature for individual products
Each product will have its own sales tracking. Sellers can check "Item sold number" and "Revenue%" in the "Sales report."
This is the redesign user flow for the Airmart.
Experience in interaction
You can also experience it with interaction. The flow is the same as the video demo. Click the image to view the site