Mercer, the world's largest human resources consulting firm, is headquartered in New York City. With over 20,500 employees, Mercer operates in more than 40 countries and services clients in over 130 countries globally.

Page Designs

_{Intro page}

_{Selecting countries}

_{Selecting countries}

The app is built using React/Redux, with transitions and animations powered by the GreenSock Animation Platform(GSAP).

_{Result page}

Design for states and interactions

Even though I handled both the design and front-end development, I focused heavily on creating high-fidelity, specific designs. This approach is the best communication method I know to ensure everyone is on the same page and to identify issues before development.

_{Card states}

_{Interaction states}

I designed and coded all the transitions myself. My goal was to create an app-like experience, ensuring that transitions between different pages and states are seamless and natural.

Demo Video