MX

Web Presence, Print, Apparel

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.

See Full Figma

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.

Travel Guides

We set out to develop a tool that empowers users to create and share inspiring travel guides. Through numerous iterations and continuous testing, we’ve actively sought feedback to enhance the user experience and ensure our product meets the needs of our community.

Home page designs

Shift logoAppstore download button
app store rating 5 starsimage of style guide mockup
Wayboz logo
Wayboz app screens

mx website

Visit mx.comMX web page designs

Example landing page

(it's interactive so feel free to click around below!)

MX Cycling Jersey

MX cycling jersey

MX Light Jacket

images of MX branded light coat
MX
MXS Website

VIP landing page

Gold Pass webpage design
next
Project