My client would like to have a new website after New Year 2021. She would like to it to be easy to use for users and to have minimalistic style. She shared some details that the website should be a single page website, should contain the price for services so all information would be easily accessible, and it should be in purple color.
My Role UX designer and UI designer
I interviewed 5 different users (2 different types). The target users were:
- clients who had more than 2 visits in this massage shop
- people who would like to have massage and live in Mt.Eden
Look and feel
Most of users mentioned that it’s important for them to feel relaxed while browsing a massage website as well as they want to see that a company is a trusted place where they can go without further regret. All of them mentioned that they don’t like to read much text on a website and would prefer to see photos instead, if possible - especially for service descriptions.
Users like to see pricing information, currently running promotions and package deals to compare it with the other providers to make a wise choice.
All users prefer to see the location and be able to find it easily on Google Maps. Carpark information is also important for all users and they mostly prefer to drive. This massage shop, fortunately, is located in Mt.Eden where many free carpark are available off street.
All users would like to have an “online booking” option where they can check all prices, see photos, available time slots with staff members (if more than one is available) and then book online instead of calling to a shop and sort out on the phone about next available date and time.
User Feedback Summary
All users, despite having massage experience, wanted to see a modern website with an online booking option present. Thus, look and feels of the website is very important as well as pricing and location. This will help them go through the website with relaxing mind.
I created an empathy map to help me understand the user’s mindset and keep my project on track.
I created wireframes as the first attempt towards designing a solution based on user’s feedback and must haves. I used the crazy 8 method to explore the layouts and UI design against key features, then I pick up 3 wireframes for users to choose to see which ones work better.
My mood aimed to reflect a clean, relaxing, minimal design website that used a mood setting colour and vibrant iconography.
I used colours in order to make user’s interaction easier and more predictable. The main purpose of these colours is to assist in navigation, highlight important information and create a more cohesive and enjoyable user experience.
Smile Thai Massage and Spa use of two fonts, one for its Logo and Headings and the other one for normal text.