Ronald Junior McDonald


Design and upgrade the hotel booking process

Professional Diploma in UX Design - Case study


The Assignment

This Project was part of my UX Design professional diploma from Glasgow Caledonian University and the UX Design Institute. The Goal of the project was to develop an end-to-end hotel booking website that would offer a smooth instinctive flow and a simple enjoyable booking experience.

The challange

• To develop an understanding of customers' goals, mental modes, pain points, and joys they experience through out the hotel booking process. • To learn what pain points the customers face when booking a hotel. • To put the customer at the heart of the design process of the new hotel booking application.

My Approach

• Research, research, and more research. Complete a breadth of research to gain an understanding of my customer. • In-depth analysis of the research data to find insights. • Identify opportunities based on insights. • Design a new hotel booking app with the customers' needs at the heart of the flow design.


The Result

The hotel booking process varies from site to site. It's not always clear and easy to navigate through the booking experience. I have simplified the Flow by reducing clutter and making it much more instinctive to go through the process of booking a hotel.

My role

• UX Designer • Duration (6 months - 1 year). • Tools (illustrator, sketch, zoom, figma,invision, google form).

The UX Process

UX design is about creating a great user experience (UX) following the UX design process. It’s important to adhere to the process. Skip a step and your users will suffer. Following the process not only improves user experience, it also benefits the communication between team members and stakeholders and prevents costly mistakes.

“If your not doing Qualitive research you are not doing UX”


Affinity Mapping

It was time to organise and start making sense of my research data. Firstly, I watched the usability test recordings and took notes. I then wrote each point down on a post-it note. I also went through the depth interviews, competitor benchmarking documents and survey results and wrote more post-it notes. I stuck the post-it notes onto a wall in my home office and sorted them into categories to create an affinity diagram. Some clear category types emerged.

Affinity Diagram Workshop

I started by Sharing all my research with my college the day before the meeting and explained the aim was to go through all research an pinpoint on post-its key points. we wrote all key points and stuck them on the wall then started put post it into natural groups and take away any simillar points. By the end of the day we broke up into groups and then into a sequence.



After I hand sketched the interaction design several times on paper figuring out the design, flow and pain points, I then work through the design flow and got closer to solving the problems i have been researching getting closer to a final design. After sketching each screen state, I moved on to creating a low-fidelity prototype. This prototype could then be fed back into a testing/validation phase and iterated over time for improvements. Then i went to the Invision app and made a low fidelity working Prototype, gave to my wife and some friends to test the flow before moving on the Wireframing.