Google Market Finder

Your exporting assistant

Market Finder is company's effort to centralise all the information users might need when they're thinking about exporting abroad. Everything from payment systems and localisation to tax and advertising. I've been lucky to lead the design and UX on this massive in size and importance project from day one. Project has won 2018 Webby People's Voice award in best Visual Design: Function category.

Early IA/UX

Our team has done an extensive work on the IA for Market Finder, trying to understand the best way of structuring the huge amount of content while keeping it simple for the user. 

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

mf-ux-flow1
We used a madlibs form approach during the onboarding stage in the early version of the site for us to get all the needed information from the user in the most human way possible.
We used a madlibs form approach during the onboarding stage in the early version of the site for us to get all the needed information from the user in the most human way possible.
We used a madlibs form approach during the onboarding stage in the early version of the site for us to get all the needed information from the user in the most human way possible.
We used a madlibs form approach during the onboarding stage in the early version of the site for us to get all the needed information from the user in the most human way possible.
We used a madlibs form approach during the onboarding stage in the early version of the site for us to get all the needed information from the user in the most human way possible.
mf-ux-flow2

Early designs

Early on we've played around with bringing together illustrations and pieces of UI to explain the funcionalities and main selling points of the platform. This has been dropped early in the design phase.

Early on we've played around with bringing together illustrations and pieces of UI to explain the funcionalities and main selling points of the platform. This has been dropped early in the design phase.

Early on we've played around with bringing together illustrations and pieces of UI to explain the funcionalities and main selling points of the platform. This has been dropped early in the design phase.

mf-homepage-old@2x
mf-fw-ob-1@1x

Final IA/UX

After A/B testing different approaches to onboarding users it became clear that the simplest one that requires a single user input (their site URL) is the right one. It takes seconds from the moment of input to valuable insights and this was perfectly illustrated by the real life data during the test.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

mf-ux-flow3

Homepage

We wanted for the user to understand how MF can help their business to expand. To do so we decided to take a fictional character with a lemonade business and took him for a ride with Market Finder using simple playful animations.

We wanted for the user to understand how MF can help their business to expand. To do so we decided to take a fictional character with a lemonade business and took him for a ride with Market Finder using simple playful animations.

We wanted for the user to understand how MF can help their business to expand. To do so we decided to take a fictional character with a lemonade business and took him for a ride with Market Finder using simple playful animations.

mf-homepage-new@2x
Bodymovin' plugin for AfterEffects proved to be a huge help by letting us animate the illustrations and export them as JSON animations without the need of videos or GIFs.
Bodymovin' plugin for AfterEffects proved to be a huge help by letting us animate the illustrations and export them as JSON animations without the need of videos or GIFs.
Bodymovin' plugin for AfterEffects proved to be a huge help by letting us animate the illustrations and export them as JSON animations without the need of videos or GIFs.
Bodymovin' plugin for AfterEffects proved to be a huge help by letting us animate the illustrations and export them as JSON animations without the need of videos or GIFs.

Opportunities tool

Opportunities tool

Opportunities tool is the heart of the platform. It analysis user's input data and applies agorythms to form a list of potential export markets for every individual case. All the market information is then ready to digest and compare. 

Opportunities tool is the heart of the platform. It analysis user's input data and applies agorythms to form a list of potential export markets for every individual case. All the market information is then ready to digest and compare. 

Opportunities tool is the heart of the platform. It analysis user's input data and applies agorythms to form a list of potential export markets for every individual case. All the market information is then ready to digest and compare. 

Opportunities tool is the heart of the platform. It analysis user's input data and applies agorythms to form a list of potential export markets for every individual case. All the market information is then ready to digest and compare. 

mf-opportunities-list@2x
mf-opportunities-comparison@2x

Landing pages

Landing pages house all the content on the platform along with information snippets for particular categories. All filtered by the markets you're interested in.

Landing pages house all the content on the platform along with information snippets for particular categories. All filtered by the markets you're interested in.

Landing pages house all the content on the platform along with information snippets for particular categories. All filtered by the markets you're interested in.

mf-operations
mf-marketing

Content pages

My main goal with the content pages was to make them as clean and mimimal as possible for the ease of taking in.

My main goal with the content pages was to make them as clean and mimimal as possible for the ease of taking in.

My main goal with the content pages was to make them as clean and mimimal as possible for the ease of taking in.

mf-article
mf-case-study
mf-guide

Quizes

We've developed a quiz functionality that would allow the user to get a quick start on certain topics after answering a few simple questions.

We've developed a quiz functionality that would allow the user to get a quick start on certain topics after answering a few simple questions.

We've developed a quiz functionality that would allow the user to get a quick start on certain topics after answering a few simple questions.

mf-quiz-cover

Promotional video

We have also produced a quick little Facebook video to promote the service.

We have also produced a quick little Facebook video to promote the service.

We have also produced a quick little Facebook video to promote the service.

Team / Year

Phantom, 2016-2018

Role

Role

UI/UX design, Art direction

 © Dmitrij Paskevic, 2018

© Dmitrij Paskevic, 2018

© Dmitrij Paskevic, 2018