INITIAL STEPS: DEFINING THE SYSTEM AND CHECKING ACCESSIBILITY

Firstly, I worked on an accessibility analysis with the given typography and the colour
palette from the Brand Guidelines. I tested readability and contrast and defined
maximum and minimum sizes, recommended weights and colours in elements like lines
and arrows to validate the contrast. A grid and spacers for layouts were defined too.

PHOTOGRAPHY GUIDELINES

Once we started testing some layouts during the Art direction process, we found some
relevant requirements for the photography team at 150UP. From the product shots ratio
to how the products needed to portray a sense of sizing and alignment when positioned
together on any page.

HOMEPAGE: MODULARITY & FLEXIBILITY

We provided different homepage layouts with varied components
arrangements based on different strategy needs that may occur
through the year. The objective is to have a flexible Homepage
without losing rhythm and without affecting the user experience.

COMPONENTS DEFINITION

Due to the flexible layout structure, we defined a components library
for both desktop and mobile.

NOT ONLY LUXURY LUGGAGE

As the Brand strategy clearly stated: A Globe-Trotter is a companion of adventure,
not an object for admiration. This is why it was important to create visuals where
the sense of travel and adventure fits naturally among the content. From hover states
to background and hero imagery, travel photography is part of the GT story.

TWO PROPOSALS FOR PDP

PLP AND CATEGORIES PAGE