Daiso Japan Mobile App
Creating a Better Shopping Experience

Overview

Daiso is a 100 yen franchise shop that originated in Japan. It has over 100,000 products that range from a large variety of items such as household, kitchen, clothing, stationery, and other home goods. It has become so popular that it has expanded to different countries across the world. Daiso is unique because you can find everyday items for the reasonable starting price of 100 yen(equivalent to $1.50 in US currency) and up. The only problem is that the customers have a hard time searching for the items that they need. Daiso merchandise consists of non-American brand items in which may confuse shoppers.

How can we make searching, requesting, and purchasing merchandise simpler for customers?

Goals For The Project

  • To create an application to promote a revision to their current website.
  • Use my personal experience working at Daiso to create an application that can help customers find items quicker.
  • The application should allow the user to request an unavailable item. It should notify the user when the item is available to be purchased.
  • The user would be able to purchase items on the app and choose whether to pick up the item at any location or by delivering it to their home.

Role:

UX/UI Designer

Tools & Methodology Used:

AdobeXD, Competitive Analysis, User Persona, User Story, Storyboard, Userflow, Wireframes, and Prototyping.

Date:

June - Dec 2020

1. Discovery

Daiso has become such a large company that it expanded to many countries, including the United States. Although their Japanese markets are thriving, the US market is suffering in sales. The US is unavailable to meet the demands of its customers due to limited item availability from shipment.

Using my previous knowledge as an employee and customer's perspective from user surveys, I will demonstrate some issues noticed at the US Daiso store locations.

Employee's Perspective

During my experience working at Daiso for seven years, I noticed a trend in what customers faced while shopping at Daiso. The main issue was that the items would be difficult to find or were out of stock. The customer would come up to the employee for assistance.

As an employee, we would do the following:

The employees often glance at the top shelves or backroom if there's extra stock.

Often the employee would check the backroom and shuffle through a new and unorganized shipment.

They would have to check the warehouse inventory on whether the item is available to be ordered in the next shipment.

If the previous options fail, the employee must call the other store locations to confirm if the item is in stock.

Survey response

50% of users shop at Daiso once every 2 months
50% of users are in the ages of 28 and 29

35%

of users disliked when an item is out of stock. They also disliked how the store was unorganized or unable to determine when it will be available again.

The users on the survey believed that theirwebsite lacked functionality. Users could not find items that they needed because thewebsite was unorganized to navigate through.

Competitive Analysis

Daiso Japan currently does not have a mobile application but an online store that allows its customers to purchase bulk items. I compared a few websites similar to Daiso that generally have a market that sells dollar items: DollarTree and FamilyDollar. I also included another Japanese competitor that's similar to Daiso called Miniso. Miniso has a similar marketing style to Daiso but has a higher selling value.

Website Comparison

Based on these observations, it seems that Daiso is missing some components compared to its competitors. Having different options for their customers allows for a better experience. We'll take these components and reflect them in the design.

Individual Interview's Response:

Oscar is a regular shopper that frequently buys products for his job or home. We asked him questions on how he would shop or navigate through a store for a particular item.
The key takes away are:

He is more likely to familiarize himself with the store before asking an employee for help.

If he couldn't find the item that he needed, he would drive to another location. It is unlikely for him to go to another store if he couldn't find it at the previous store.

The only reason why he could not find an item was because being placed in a different location. When an item is not in eye-level view, he is most likely to miss it if he's in a rush. Another issue is when anaisle is not clearly labeled.

2. Define

Story Board

After conducting the survey and user interview, I wanted to illustrate customer and employee interaction. The steps mentioned below are a scenario when the customer finds out an item is unavailable. If an item is unavailable, the customer seeks out help from the employee.

User Persona

With the research and the storyboard combined, I came up with the user persona, Anna. Anna is a customer at Daiso and often goes there to buy and explore new items. Based on her goals, we created a user story of how she would interact with the Daiso application:

  • The customer goes into the store and tries to look for a specific item in an aisle.
  • The customer cannot find the item because it is not available or not visible.
  • The customer will pull out the mobile application to see if the item exists. 
  • If the item exists, the user will then decide whether it is in stock at the location. 
  • The user can check the availability of the item at other store locations.
  • The user can also request the item and receive a notification when it is available.
  • After closing the application, the customer will decide whether to continue browsing the store or leave.
"As a customer, I want a search application, so I can find out whether or not an item is available to be re-ordered or purchased."

3. Ideate

Site Map

The sitemap above is what pages and interactions the user might encounter. The users should perform the following actions: search for items, how it's delivered or picked up, and if it is available. The user can request to have the item be re-ordered and received a notification when it is available. Compared to the other competitors we researched, they all do not have a request function. This functionality can help the customer feel more at ease when searching for an unavailable item.

Proposed Solution

Working at Daiso Japan for seven years, I learned to be empathetic to the customers and the employees. I want to create an application that helps customers purchase the items they want without relying too heavily on the employee. By creating this application, the employee can have fewer disruptions if they refer the app to the customers. The application should help users have fewer issues when shopping and find items that are available to them.

The primary goals of the application would be able to:

Design

4. Prototype

Sketches Of Wireframes

Low-fi Wireframes

5. Test

First Round Of Usability Testing

The first low-fi designs had inspiration from different e-commerce apps such as Amazon, Target, and Ulta. These apps use similar functions such as searching, shipping, and completing a purchase. I added three primary functionalities to the homepage: search through keywords, store location by categories.

Task 1 -
Searching for an item by using keywords and selecting a store location.

The user accomplished the task. The only feedback was on step 7.
The option "pick up from store" was not already selected when the user selected a store location. In the previous frame, the option "deliver items to me" is still highlighted. This change would allow the user to take one less click.

Task 2 -
Search for an item by using keywords or categories and selecting a store location.

The user failed the task. The user did not know how to add the item to the request list from the store location.

Task 3 -
Search for an item by store location and adding it to the cart.

The user accomplished the task with no issues due to remembering the previous task mistakes.

Learning Outcomes

Pros:

  • Having the new arrival items on the front of the page made it easier to find. 
  • The user liked the homepage because it was easier to access when trying to find specific items. 

Improvements:

  • After selecting a store location from the product page, it should already select the highlighted option "pick up from store location."
  • It is not clearly labeled when an item is unavailable. Should replace the "Add To Cart" with "Add To My Request List."
  • The Daiso logo should take the user back to the home page.

I had created other tasks for the users but were fully not implemented. In the next design iteration, we added changes based on the user's feedback.

Prototype

Final Prototype Design

Changes Implemented In The Final Design

Final Usability Testing

By adding the new features missing functionalities, it was time to test all the tasks. I used the usability testing app called Maze and tested the functionality of the app with five users. The users were able to complete them.

New Task 4-
Find the popular item and add it to the request list. Afterward, check your request list and set notifications.

All users completed this task. The miss clicks happened at flow "4b", where the user would click on the area instead of the notification icon.

New Task 5-
Go to your cart to complete the purchase and check on your recent order.

All users completed this task with no issues.

Although there were some setbacks, the results were as expected. From the usability testing, I learned some common trends that I did not expect the user to take:

  • Even though there was a search bar or buttons to indicate the quickest possible result, users would use the slider/hamburger menu to use a function.
  • In Maze, I would have to set the specific roadmap or user map for each outcome. What I thought was interesting was that I forgot to add a step that allowed the user to select the QTY of an item first before changing the store location.
    It seems to make sense because updating the QTY button is higher in the visual hierarchy than changing the store location.
  • In the notification setting, the user is likely to miss click on this portion. The users would click the vicinity of the item and its description then pressing the notification button. Either this was because the button was too small or assumed the whole section was clickable.

What I learned

Although this was my first case study project, I learned a lot from creating this application. It was a great learning experience to take user problems that I faced at my past job and showcasing in a working application. Some key features that I wish I did better:

Overall, I had enjoyed learning more about UX/UI Design with this project.

Want to connect?

Send a message!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.