BRAVEL - YAS
Revamping the website to encourage users to travel safely and with a plan.
MY ROLE:
UI Designer, UX Designer, UX Researcher
TIME SPENT:
4 weeks (Dec 2023 ~ Jan 2024)
TOOLS USED:
Figma
Miro
Google Meet
MY TEAM:
Akanksha Gaur
Caley Zheng
Jady Lee
Julia Kan
Lauryne Yeung
Parthavi Patel
Disclaimer:
Due to the time restriction we had to cover the scope; the end result is more on ensuring we accommodated and enhanced the pain points we have found through rigorous research and provided a low fidelity prototype alongside with some research we have conducted.
Overview:
Here is a case study and project carried out to provide a new layout for YAS’ sub-company; Bravel.
The objective is to divert and create sales for Travel Insurances directly from the travel site from current partnered sites.
Problem Statement:
Unable to be independent and depending on other hotels and services to sell their travelling insurances.
What they wanted:
To have their own working site
Generate more sales for the packs and services directly from their sub-company
Browse and get information for travel destinations to retain customers
Objective & Goals:
Make a design that encourages user to purchase travel insurances
Research and understand more of the Hong Kong Market and the demands
Reflections:
During the development of the project, we encountered a few issues:
When conducting the qualitative research, we collaborated with clients to recruit genuine Bravel blog and Yas Insurance users. However, the recruitment process did not meet our ideal expectations and we had to recruit other candidates who were willing to help conduct the survey and testing.
Despite managing to engage with 3 authentic users and receiving valuable feedback during those interviews, it would be better involving a larger number of real users would have provided us with a bigger picture to explore potential solutions not just to existing users.
We did not have enough graphical content or context to fill up our prototype and with the constriction of time, we could not polish up the final prototype to present.
Lessons Learned:
After the project, we learnt that certain aspects can enhance the overall experience:
Trustworthiness is prior checklist in Insurance world. During the research we find out users trust in online services are not high, they prefer sites that are recommended by friends & family, it is important to build trust with your customers.
Customer reviews & feedbacks section can be added on Bravel Blog to develop trust & confidence of user.
We will indefinitely need to press the clients to provide the relevant resources in order to increase efficiency and to make the best use of the project.
Pain Points:
No awareness of YAS Insurance on Bravel blog, insufficient language choices available on the Bravel travel blog
Navigation on the Bravel blog could be enhanced for a more streamlined user experience.
Excessive amount of information on the travel blog, with irrelevant information present on each section.
User expressed concerns about the user interface on the Bravel blog. This may potentially discourage users from further exploring the site.
Research:
Solutions:
Yas Insurance button can be added on Bravel homepage to navigate easily to insurance website.
Special designated space can be created promoting YAS Travel Insurance, establishing a relationship between both websites & awareness about Yas product.
Customer reviews & feedbacks section can be added on Bravel Blog to develop trust & confidence of users.
Bravel blog need to reduce related information on front page and to be more easy to navigate with more organisation.
Needed to study more on the current market and what their demands are so we decided to conduct research into YAS’ company history and what may be the potential pointers of how and why the website can further develop to encourage users to access more.
The target market:
Local Hong Kongers that have interest to travel after taking a look at the current product.
Higher-level market research:
Surveys, questionnaires and some usability testing on the current product
Why did we do that?
To see the product from different perspectives what was and was not working for the company
Challenges Faced During the Survey Process:
Actual users of Bravel blog website were not available
There were only 2 YAS insurance users in our research.
Due to limited times we were able to focus only some of the issues raised by the users
Survey + Takeaways:
Conducting roughly around 10 different interviews (which we meshed together with surveys and usability testing for those who were available and willing to take some time to carry out)
A lot of the local Hong Kongers found the current layout quite nostalgic
More younger or foreign candidates found it overwhelming and condensed
Common take away:
The layout of the information and how old some of the posts were, discouraged users from finding credibility to the information.
Conclusion of Survey:
Majority failed to notice that travel insurances can be purchased within the blogs
Placement was discrete and not obvious that it was hosted by YAS
Secondary Research
User Personas
How Might We…
Highlight how to raise awareness of YAS on Bravel (make it more obvious on Bravel site) -
How might we make it obvious and easier to invite users to access YAS products/insurance, so that [outcome]?Enhance some of the links that looked untrustworthy -
How might we alter the appearance of the website so that users can feel confident/trusting in using it?How might we reorganize/change hierarchy of topics so that users can quickly find information on their destination?
How might we simplify/enhance the UI so that users can find what they are interested in (promo codes)?
Information Architecture (SiteMap):
Low Fidelity Wireframe:
After consolidating the statistics and feedback we have gathered from our candidates, we decided to compile and start developing wire-frames/prototypes that could further improve the pain points we have encountered.
Low Fidelity to Mid Prototype:
With a few more revisions added to the prototype to further enhance the pages, we added some context to make this more readable and easier to navigate.
What we had as a result:
Due to the constriction of time and lack of resources, we left a few graphical contents out to focus more on the layout. Though the website is in default Cantonese, we decided to use English to ensure the whole team can work and navigate the prototype as a sub usability testing among ourselves for efficient usage of time.
Consolidated Presentation Below!
PASSIONFRUUT
See more of my other works!
A collaboration platform for creatives to make projects (or their own) a reality!
MAIHE
A cleaning service app to accommodate both the employees and customers
CASUAL LEGENDS (WIP)
A role-playing AI game based off Dungeons & Dragons (a classic table top game)