Skip to content

Country + Language Selector

2020

PROBLEM statement

To redesign the country and language selector from the Foot Locker European sites to be more user friendly as the sites get transferred to a new platform.

Country Language Selector Before
Country Language Selector Current on Mobile

Team

My role was lead UX designer, consultant and researcher. I chose this project as an example of a quicker day-to-day task still utilizing some UX process to execute with UI, development, marketing team members and product.

PROCESS

The process of this redesign was a quicker task taking less than a month to understand requirements, research, design, and gain approval before handoff! 

  1. Product kickoff to understand the goals, and define initial usability issues with the current state.
  2. Light UX research through reading industry articles and looking at other examples in Europe.
  3. Wireframe and present concepts to the team stating pros and cons to each.
  4. Finalize and annotate wireframe based off of the team feedback.
  5. Handoff to product and development.
Language Selector Options

The Finale

With the new designs that went into production we fixed some of the usability issues of the current state including:

  • Disconnect between country and language selected.
  • Saving extra steps and scrolling between selecting a country and selecting a language.
  • Showing the languages and countries in their native language to select, for easier recognition.
  • Solving color contrast accessibility issues, and overall refreshing the look.
  • Addressed and efficient way to place the country and language within the header on the site to trigger the selector.
 
Final Country Language UI