CYNEMAS
An online cinema App makes users share the fun of shows with friends while shortening the distance between each other.
An online cinema App makes users share the fun of shows with friends while shortening the distance between each other.
Design a third-party desktop web site or desktop app where the community can celebrate shared stories together through communal and authentic experiences.
System Thinking
UI
Motion Design
Whiteboard
Adobe XD
Photoshop
Mingyu Zong
Schicheng Huo
48 hours
At the beginning of 2020, the sudden epidemic forced the closure of theaters, and people in need of watching movies had to postpone their plans indefinitely. Would you feel lonely without your relatives and friends by your side?
My teammates and I first asked friends who love to hang out with friends to learn more about their needs.
I hope I can reserve a room directly in the App and send invitations to my friends.
I hope the system can recommend the best movies according to my preferences and let my friends know my choices
I want to be able to chat with my friends before the movie starts, instead of waiting there without any communication.
When employees need to collaborate with colleagues, they need to wait a long time for feedback.
CHLITINA Pro is an online tablet system that helps CHLITINA staff to manage consumers by simple record creation and appointment scheduling.
Sometimes employees need to check appointments for another month. With a calendar on the side, employees can check appointments easily.
Important notifications are updated in real-time and the employees will no longer miss any news.
The schedule of the day clearly shows the staff's past and following appointments.
The appointment time, customer name, and service name are arranged in the order that staff feels most comfortable with.
The stage of the service allows the staff to remind the customer quickly.
Just scroll the screen, employees can see the appointment for the following dates without press any buttons.
With the TODAY button, employees are able to go back to current date.
The date, time, and other information are clearly displayed.
Since most CHLITINA stores are managed privately, the location won't be changeable.
Adding buttons for customers and services is convenient for employees to record when customers bring their friends or have multiple services at once.
Colleagues' schedules on weel organized on the right side, which makes an employee more efficient to ask for a collaboration request.
Unable to Request
Request Sent
Request Approved
Appointment Passed
Choice 1: CHITINA has problems managing its customers' appointment schedules and membership, and a real-time online system will increase efficiency and reduce mistakes.
Choice 2: CHITINA has problems managing its consumer appointment schedule and record, and an online system will increase efficiency and reduce mistakes.
I have conducted 4 physical inspections and 10+ interviews to understand the different needs of the boss, store manager, and employees.
New Consumer:
1 - 2 Services
Regular Consumer:
4 - 5 Services
My project is directly related to the services, so I dug into the structures of the services set and seek helpful information.
Some projects require the cooperation of two beauticians.
Stores provide mid-to-high-end skincare services in the beauty salon.
Membership
(counted No. of times)
Stores are actively published anti-aging and regeneration services for ladies.
Semi-yearly Subscription
(>15 times, no time limitation)
Daily skin care product sets are available for consumers to apply in their homes.
Product Combo
(group-buying available)
To learn about how CHLITINA records the appointment now, I analyzed the current paper worksheet.
What is good:
Beauticians can see the record.
What is not good:
Time duration is unable to be shown.
Paperwork cannot be changed or erased easily.
Summarization can only be calculated by hand.
No service can be shown.
What can better:
We can add other dates information.
The system of the project is complicated, so when I made the journey map, I analyzed the between customers, employees, and storefronts, which helps me know the specific pain points and needs of employees at different steps.
One of the major goals for CHLITINA employees is to catch the consumer and sell the products & services, for that counts as the achievement.
The major challenge for CHLITINA beauticians is when making and updating an appointment, and collaborate with colleagues.
Preparation, especially knowing the consumer and services ahead of time, is important.
I phased out of the reservation area to simulate every step's action by the beautician, finding the flow.
Making Appointment
After Consumer Arrived
Service Finished
For First Time Consumer
1. Fills in the consumer record
2. Check date & time
3. Set up (possible) program
4. Confirm & reminder the date& time
1. Ask about the basic information, habit
2. (Skin & body exam)
3. Product & program match
4. Introduce the product & program
1. (Payment)
2. Mark & confirm the program
3. Update the consumer profile
4. Update the program (after paying the combo)
For Regular Consumer
1. Set up the date & time
2. Choose a program or set up a new program
3. Confirm & reminder the date& tim
1. Check the program
2. Ask about the recent basic information, habit to confirm the program
3. (Introduce new product &program)
1. Introduce new product & program
2. Mark & confirm the program
3. Update the consumer profile
4. Update the left program (after paying the combo)
After several rounds of interviews, I finally summarized the major functions of the product.
Easy to Access
The major content is on the same page, no need to transit
Able to find other dates' appointment schedule
Clearly show the consumer's name, service name, service duration, and the stage of the service
Show colleauges' schedule
Collaboration request available
Anouncement on the screen
I found the English Logo candidates, then matched them with the Chinese candidates.
Before moving everything digitally, I went through an experiment with paperwork and tested it with my client.
Feedback:
1. Schedules are clearly displayed
2. Time duration available
3. Service available
4. Easy to recognize beauticians
After Setting up the wireframe, I went through the first round of user testing.
Feedback:
1. Beautician day schedule to be visible, and can be completely distinguished appointment has been completed and unfinished appointment.
2. The date needs to be prominent and easy to identify.
3. The interface feedback after sending a cooperation application to a colleague should be different from the status after the cooperation application is passed.
Top Bar:
I made two versions of the top bar UI and let my clients vote according to their preferences.
Feedback:
White looks fresher than the pink one.
Elements:
I made two sets of the key elements design and let my client vote according to their preferences.
Feedback:
Group 1: Gray can highlight the characteristics of the button while increasing the sense of hierarchy.
Group 2: The fourth information arrangement method best fits the work style of the beautician.
Group 3: Gold shows a sense of luxury more than cooper.
Major Color:
I made two sets of the key elements design and let my client vote according to their preferences.
Feedback:
The lighter color makes the APP looks more vivid and younger.
This is my first time design a product that serves a real client. I was so nervous at first, but then I got used to the communication flow. It took me time to understand what my client truly wants and explain the design language.
I always practice my UX skills. When I set this project outcome to be more visual, I challenge myself to practice visual design. I feel confident with my visual design skill, so I tried to go one step further, which is redesigning the brand.
As this is project also my thesis, I listened to my instructor and classmates' suggestions, having my style when I design.
-The appointment-making product is great, but if you have time, add the record of consumer information and calculation page for store achievement.
-I will try to make a whole set for my client, including phone and website touchpoint.