MX

Design System

First, we needed a solid foundation of a style and design system to ensure consistency across all pages and designers. The brand logo, colors, and style were already finalized when I joined, so my task was to integrate these into our design system. Initially, the system was a dynamic document, evolving as we identified necessary components and their optimal appearance on the website. Over time, it became more refined. Consistent use of components, layout, shadows, corner radius, colors, and typography ensured a cohesive look across all pages. This made the product easier to scale as we started adding more designers as well.

Booking hotels

One of my first projects was enhancing the booking experience for Travelpass.com. Collaborating with product managers, we conducted user interviews to understand the strengths and weaknesses of the existing booking process. Users appreciated seeing hotel locations on a map, so we redesigned the search page to feature a split view with a map and hotel cards, similar to Airbnb. We iterated on the hotel cards, refining their composition and information hierarchy.

Key improvements focused on the search and filtering functions, the hotel details page, and the checkout process to ensure a seamless user journey from search to booking.

Mobile App

Another significant project was designing the companion app for bookings. The primary goal was to provide users with easy access to their current, past, and future bookings, along with all the details of their hotel stays. While the app allowed users to search for hotels and resume previous searches, its main focus was to enhance the travel experience by offering a convenient way to manage bookings on a mobile device.

Home page designs