Redesign the booking flow for Motorhome Republic

Motorhome Republic stands as a premier motorhome rental platform catering to a global clientele. With the evolving needs of both the business and its users, there arose a pivotal moment to transition from a PHP-based website to a more dynamic React platform.

Role

UI/UX Designer

Duration

1 Year

a cellphone leaning against a wall
a cellphone leaning against a wall
a cellphone leaning against a wall
The Challenge

Beyond the technical migration, our goal was to critically evaluate the existing website's user experience, ensure alignment with business objectives, and create a refreshed UI/UX that would resonate with our users.

Evaluation & Insights

I employed a multi-faceted strategy to dissect the old website, synthesising both quantitative and qualitative data.

Heuristic evaluation

I conducted an overarching assessment, considering everything from content relevance to the overall aesthetic appeal, ensuring a comprehensive understanding of the platform's strengths and areas of improvement.

User Interviews

Through targeted conversations, I unearthed invaluable feedback about user interactions, pinpointing both delights and pain points.

Heat Maps

My analysis of heat maps revealed insights into user behaviour, showcasing hotspots of engagement and areas that were frequently overlooked.

GA4 Insights

Leveraging Google Analytics 4, I extracted key data patterns, informing me of user paths and critical engagement metrics, further guiding my design decisions.

The Challenge

Beyond the technical migration, our goal was to critically evaluate the existing website's user experience, ensure alignment with business objectives, and create a refreshed UI/UX that would resonate with our users.

Evaluation & Insights

I employed a multi-faceted strategy to dissect the old website, synthesising both quantitative and qualitative data.

Heuristic evaluation

I conducted an overarching assessment, considering everything from content relevance to the overall aesthetic appeal, ensuring a comprehensive understanding of the platform's strengths and areas of improvement.

User Interviews

Through targeted conversations, I unearthed invaluable feedback about user interactions, pinpointing both delights and pain points.

Heat Maps

My analysis of heat maps revealed insights into user behaviour, showcasing hotspots of engagement and areas that were frequently overlooked.

GA4 Insights

Leveraging Google Analytics 4, I extracted key data patterns, informing me of user paths and critical engagement metrics, further guiding my design decisions.

Wireframe Analysis

I crafted detailed wireframes of the old website's booking process to dissect each component, state, and user scenario, setting the groundwork for a thorough UI audit.

Component Audit

By contrasting with the "Airport Rental" project and its use of the MUI pattern library, I gauged component adaptability. This comparison streamlined the prototyping timeline for Motorhome Republic's booking flow.


Collaborative Discussions

Engaging with stakeholders, product teams, and developers, I ensured our UX goals were aligned with business and technical perspectives, refining project timelines and objectives.


Prototyping & handover

Informed by my wireframe analysis and component audit, I developed an in-depth prototype that captured the nuances of the user journey. Recognising the value of collaboration, I maintained regular catch-ups with stakeholders, developers, and QA teams. These discussions ensured the design was not only realistic but also encompassed all scenarios drawn from our collective past experiences. Following thorough reviews and refinements, I facilitated a seamless handover to the development team, emphasising clarity and ensuring alignment with both technical requirements and business goals.

Post-prototyping and design system

I embarked on refining and expanding our design system. I meticulously organised and introduced variations to components originating from the page-level prototype, ensuring scalability and consistency. Collaborating closely with the marketing team and leadership was instrumental in our brand's refreshment journey. Together, we deliberated and finalised a new colour palette that not only resonated with the brand's vision but also excelled across all breakpoints. Through rigorous usability testing, I validated that our choices enhanced user experience, paving the way for a harmonious and effective digital presence.

Presenting at GoSee's Town Hall

I had the opportunity to present my work at GoSee's town hall, where I showcased the React work for Motorhome Republic to all employees, including senior leadership. This presentation highlighted the significant improvements and efficiencies gained from our React implementation, demonstrating our commitment to innovation and excellence. It was an excellent platform to share insights, gather feedback, and align our team's efforts with the broader organisational goals.

Post-prototyping and design system

I embarked on refining and expanding our design system. I meticulously organised and introduced variations to components originating from the page-level prototype, ensuring scalability and consistency. Collaborating closely with the marketing team and leadership was instrumental in our brand's refreshment journey. Together, we deliberated and finalised a new colour palette that not only resonated with the brand's vision but also excelled across all breakpoints. Through rigorous usability testing, I validated that our choices enhanced user experience, paving the way for a harmonious and effective digital presence.

Presenting at GoSee's Town Hall

I had the opportunity to present my work at GoSee's town hall, where I showcased the React work for Motorhome Republic to all employees, including senior leadership. This presentation highlighted the significant improvements and efficiencies gained from our React implementation, demonstrating our commitment to innovation and excellence. It was an excellent platform to share insights, gather feedback, and align our team's efforts with the broader organisational goals.

Other projects

Riviera Prenail

Riviera Prevail is a new business of Mitre10 Group.

GoSee Booking Flow and CMS

GoSee.com is a car rental website that is part of the Online Republic family, and is powered by Webjet. GoSee.com offers a wide range of cars and camper vans to the customer around the world.

Mitre10 Local Website

Redesign the booking flow for Airport Rentals

Airportrental.com is a trusted car rental platform powered by Webjet and part of the Online Republic family, with a diverse selection of cars available to customers worldwide.

a cell phone on a table
a cell phone on a table
a cell phone on a table

Webjet Car Hire Theming

As a key division of Webjet, Webjet Car Hire is also a main affiliate site for GoSee. In this project, I led the effort to transform the old Webjet Car Hire site with our new React AirportRental.com style while adhering to Webjet's website guidelines. The aim was to enhance user experience, modernise the visual design, and ensure seamless theme integration across all GoSee affiliate sites.

Liwen Song

Projects

Skills

Resume

liwen1912@gmail.com

Liwen Song

Projects

Skills

Resume

liwen1912@gmail.com

Liwen Song

Projects

Skills

Resume

liwen1912@gmail.com