Match2One Platform

The work at Match2One was from the 3-month internship program starting from mid-October 2017 to mid-January 2018. I was a UX designer and in charge of a couple of tasks assigned by the user experience manager, CMO and CEO.

For the first 2 months, I worked mostly with Match2One platform which was to propose design solutions to solve reported usability issues and improve the system. Another main task was to design a new banner creation tool together with the user experience manager. My part was to design the flow of the application, create wireframes for the user interface, apply visual design using Match2One graphic profile, and create a prototype with Sketch and InVision.

For the last month of my internship, since the design of the banner creation tool was quite settled and was moved to the development process, I was assigned to work with the redesign of the new Match2One homepage. My tasks were to complete the new design and to design a new customer success stories section.

Apart from the major tasks aforementioned, I helped design other marketing material such as Match2One t-shirt, cover images for newsletters/emails/press releases, slides for presentation, and banners for Match2One itself and clients.

References

Markus Thyberg (user experience manager), Match2One

Mikael Kreuger (CEO, co-founder), Match2One

Ted Sahlstrom (CMO, co-founder), Match2One

Disciplines

UI Design
UX Design

Launch website

The first 2 months on my internship focused a lot on a new banner creation tool and the current platform. The last month focused on the Match2One brand itself. During the whole period, I spent some time working on banners for clients and Match2One marketing materials.

One major task that I got from the beginning was to work with usability issues of the current platform. One example was to explain meanings of numbers (click through rate and cost per acquisition) presented on the platform because some users didn’t know how to make sense of the numbers i.e. they didn’t know if it was a good or bad result. The idea was to use colours as an indicator e.g. green is good and red is bad.

Another issue was that users couldn’t find a draft of a campaign that they made last time. Then, they got frustrated as they would have to set up a campaign again. My idea here was to either notify users (with a link) when they save a draft so they know where it is saved, or add a shortcut button to the latest draft at the top of the screen so they can get to the latest draft right away.

This is some sketch of the banner creation tool when I started in the early process. Once I settle with my sketches, I move on to finalise my design the computer. In this sketch, I designed the interaction of users when they edit the size of an image on a single banner.

Here is some of the work in progress that I created during the process. One thing to be concerned while working with this new banner creation tool was that the tool would be implemented in the platform together with the third party application (Bannersnack). Therefore, I had to regard the user journey when users use the platform and how they would get to the tool, use it, and close it smoothly.

Because Match2One platform was large and complex by nature, when adding a new feature (in this case, it was a new banner creation tool), it needed to be careful and be sure that the new feature would fit in the flow and work properly. Here I discussed the flow when users set up a campaign and create banners for the campaign.

After several iterations, this is one screenshot of the tool that was close to the final design and it was a part of the prototype that was used in the usability test with clients before it was moved into the development process.

During my internship, I got a couple of redesign tasks. Some examples are

(1) to redesign the campaign set-up as the current version was using grey colour as a background and it seemed to need some refreshing. I therefore proposed the white background with minimalistic approach and used icons to make it friendlier.

(2) to redesign the dashboard. I tried to solve some usability issues such as the lack of currency shown in the platform, and the difficulty to get to the draft of the campaign. I also simplified some visual elements by removing some lines and adding more white space. Furthermore, I used some vivid colours from Match2One graphic profile so some elements can stand out from the background.

(3) to complete and tweak small details, and make tablet and mobile phone versions including button states.

Another design task was to design the customer success stories section. The objective of this section was to present the customer success stories or case studies. As the contents weren’t complicated because they were created to be read, I used simple layouts for the main page and the single story page.

Match2One Platform

References

Disciplines

Share