top of page
Tablet_Pro_Mockup_11_.jpg

「三密代官」DesignRevison

This is a program for internal use in Japanese-style hotels. Because of the impact of the covid-19 epidemic, many hotels in Japan have begun to change their operating methods, from manual to electronic, and this program was born.

UI UX Design

Application Design

Works Achievement

+60%

Users

The product

+1.91M JPY

Sales

-12

Touchpoint

This project was initially designed as a LINE program for Japanese-style hot spring hotels during COVID-19 to check personnel chaos. However, with the increase in the use of hotels and the end of the future epidemic, the company decided to develop an internal tablet program for guests who enjoy Japanese-style hot spring hotels. But because the initial development program was too crude and there were not as many installers as expected, the company decided to revise it to promote sales.

The CHALLENGE

The sales team tried but couldn’t sell the beta product and there were no real users or metrics to work from. The general feedback from clients was the product was "too confusing". 

To save the budget, the client does not want to develop application programs but wants to make web programming in a form that looks like an application program. So the whole design process should consider the combination of technical achievability and playability and try to be as beautiful as possible

The goal

Allow users to understand the congestion status of various entertainment facilities without contacting hotel staff in the hotel room, make reservations for services, and order meals promptly

The previous designs

The CEO asked our team to make "significant improvements" and redesign the product. Up to this point, product decisions were based on what "features" could be sold to IPACs, with little consideration given to an end user's experience.
It was clear we needed to shift focus to the user if we wanted to succeed. So we started with a brand strategy that focused on simplifying the service in the hotel.

iPad Pro (11) – screen3.jpg
iPad Pro (11) – userinfo.jpg
iPad Pro (11) – MENU.jpg
iPad Pro (11) – cancel.jpg

DEVELOPING A POINT OF VIEW

we found a lot of areas for improvement. Much of the difficulty was understanding the app at a basic level. There were a lot of "features" to parse and their conceptual metaphors were inconsistent and confusing. We came up with a plan to split the project into three phases:

‍Phase one: Visual clean-up and nomenclature update

Phase two: Make a design system and brand it again
Phase three: UX overhaul and prioritization of feature

TALKING TO REAL PEOPLE

We wanted to validate our instincts. We did a day of user testing with our target, "三密代官." Most everyone was confused about how to check the reservation. A few folks remarked that they could see a huge potential for what the product was trying to accomplish. They understood that we were trying to help their life in a hotel.

Our biggest takeaways were that we had to fix prioritize features and make a reservation check features.

How do I get back?

It makes me feel dumb!

It slows me down!

I can't find my room!

The problems

Fragmented Experience

Visually Cluttered

Information Overload

Paradox of Choice

Not sure how I get back

Makes me anxious!

It's just ugly!

Where I can see my reservation?

The solutions

Centralize Navigation

Reduce Graphical Elements

Simplify, Make Info Relevant

Prioritize options

User journy map

​Action

Tasks

Feelings

very happy

overall atisfied

Unhappy

Experience

Plan to travel

Feel tired, but can't wait to go outside.

1. Have a meal

2. Make a reservation for hot spring

Go to Spring hotel

1. make a plan

2. find a hotel

Excitied to have a nice journey

 After viste back to the hotel

1. Check in 

2. Go out to visit

Can't have it quickly, and don't know the situation at the time sometime it's too croded to go to the hot spring

Back home

1. Have a breakfast

2. Check-out

Want to order food at room, and thinking to Check-out online

Design system

画板 – 1.jpg

Usability test for elderly people

Since the hotel’s travel also considers the use of the elderly, we have made three sizes of designs for the elderly to choose from to test their comfort. Finally, they choose the second one.

1-01.png
1-02.png
1-03.png

THE FINAL DESIGN

混雑確認

(Congestion Confirmation)

This function is designed for the Covid-19 period. It is used to confirm the number of people going to the place and decide whether to go to the area.

施設案内

(Facility Information)

This function is designed for booking services, and users can book their own services according to their needs.

ルームサビース

(Room Service)

This function is used for room ordering service. Guests can dine in the room according to their needs without going out.

予約確認

(Booking Confirmation)

This is a function used to confirm the content of their reservations for the user. Respectively to confirm the service in the hotel and the dishes ordered.

YAN

NIU

  • Twitter
  • YouTube
  • Discord

© 2024 All Rights Reserved to Niu Yan

bottom of page